:root{background:#f4f7fb;color:#183f58}.sidebar,.auth-art{background:#153c55}.logo b{background:#a1dcee;color:#17455e}.auth-art h1 em{color:#92d9ef}.nav a.active{background:#e0f2fa;color:#215878}.btn{border-color:#d4e3ed;color:#2f6583}.btn:hover{background:#ecf6fb}.btn.primary{background:#255f7c;border-color:#255f7c}.btn.primary:hover{background:#1a4b67}.eyebrow{color:#367c9f}.tenant{background:#ffffff12}.metric,.panel{border-color:#dfebf2}.pill.scheduled{background:#e1eefc;color:#376f9c}.pill.in_progress{background:#e0f5f9;color:#267e9b}.pill.completed{background:#e0f3e9;color:#237c5b}.pill.cancelled{background:#fae9e9;color:#b36b65}.pill.new{background:#fff2dd;color:#ad792f}.pill.urgent{background:#ffe6e4;color:#b75d51}.pill.high{background:#fff1dc;color:#a97a38}.pill.active{background:#e0f3e9;color:#237c5b}.pill.expired{background:#ffe6e6;color:#b86a62}.note{background:#eaf5fc;border-color:#cbe1f2;color:#477d9a}.note.warn{background:#fff7e8;border-color:#f0dfc0;color:#a07c4b}.card-meta{display:flex;flex-wrap:wrap;gap:7px;font-size:11px;color:#66879a}.card-meta span{background:#eef5f9;border-radius:7px;padding:7px 9px}.service-card{border:1px solid #dce9f2;background:#fff;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:13px}.service-card h2{font-size:15px;margin:5px 0 0;font-family:Manrope,sans-serif}.service-card p{color:#688694;font-size:11px;line-height:1.75;margin:0}.service-card-foot{display:flex;flex-wrap:wrap;gap:7px;padding-top:11px;border-top:1px solid #e9f1f6}.service-timeline{display:flex;gap:10px;flex-wrap:wrap}.service-timeline span{border-radius:99px;background:#ecf4fa;color:#5885a0;font-size:10px;padding:7px 10px;font-weight:700}.service-timeline span.current{background:#d1ebf9;color:#1c6b90}.event-log{max-height:330px;overflow:auto}.event-line{padding:12px 0;border-bottom:1px solid #ebf1f6}.event-line:last-child{border-bottom:0}.event-line strong{display:block;color:#214c64;font-size:11px}.event-line p{white-space:pre-wrap;color:#718d9a;font-size:11px;line-height:1.6}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.mini{font-size:10px;color:#839aa6}.renewals{display:flex;flex-direction:column}.rs-link{color:#327a98;font-size:11px;font-weight:800}#modal .dialog-head h2{color:#214963}@media(max-width:660px){.info-grid{grid-template-columns:1fr}}
/* FieldOps maintenance and service-workflow forms remain usable on small screens. */
#content .table-wrap{max-width:100%;overflow:auto}
#content .panel{min-width:0}
#content table td{max-width:310px;overflow-wrap:anywhere}
#content .page-head .actions{display:flex;flex-wrap:wrap;gap:8px}
#modal .modal-wrap{max-width:100%;overflow-wrap:anywhere}
#modal .form-grid{min-width:0}
#modal .form-grid label{min-width:0}
@media(max-width:700px){#content .table-wrap{overflow:auto}#content table{min-width:520px}#content .page-head{align-items:flex-start}#modal .form-grid{grid-template-columns:1fr}}