.mobile-bottom-nav{position:fixed;z-index:1050;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);height:70px;padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right));border-top:1px solid #dce7df;background:rgba(255,255,255,.96);box-shadow:0 -6px 24px rgba(32,53,42,.08);backdrop-filter:blur(12px)}.mobile-bottom-nav a{display:flex;align-items:center;justify-content:center;gap:3px;flex-direction:column;color:#718078;text-decoration:none;font-size:10px;font-weight:800}.mobile-bottom-nav a i{font-size:21px;line-height:1}.mobile-bottom-nav a.active{color:#176a43}.mobile-request-shell{padding-bottom:105px}.mobile-list-shell{padding-top:24px}.mobile-brand small{color:#718078;font-weight:800;letter-spacing:.1em}.mobile-brand h1{margin:2px 0;font-size:24px}.mobile-page-intro{margin:0 0 16px;color:#66766d;font-size:13px}.mobile-primary-link{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 16px;padding:13px;border-radius:12px;background:#176a43;color:#fff;font-weight:800;text-decoration:none}.mobile-request-list{display:grid;gap:12px}.mobile-request-card{padding:16px;border:1px solid #dce7df;border-radius:16px;background:#fff}.mobile-request-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-request-number{color:#718078;font-size:11px;font-weight:800}.mobile-status{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.mobile-status-submitted,.mobile-status-in_review{background:#fff4d6;color:#9a6700}.mobile-status-work_order_created,.mobile-status-completed{background:#e6f6eb;color:#167a3e}.mobile-status-in_progress{background:#edf5ff;color:#2563a8}.mobile-status-rejected,.mobile-status-cancelled{background:#fff0ef;color:#b42318}.mobile-request-card h2{margin:13px 0 2px;color:#20352a;font-size:16px}.mobile-request-card>p{margin:0;color:#66766d;font-size:13px}.mobile-request-meta{display:flex;gap:14px;margin-top:14px;color:#718078;font-size:11px}.mobile-work-order{margin-top:12px;padding:9px 10px;border-radius:9px;background:#f1f8f2;color:#176a43;font-size:12px}.mobile-request-card details{margin-top:14px;border-top:1px solid #edf1ee;padding-top:12px}.mobile-request-card summary{cursor:pointer;color:#176a43;font-size:12px;font-weight:800}.mobile-status-timeline{position:relative;margin:12px 0 0 4px;padding-left:23px}.mobile-status-timeline:before{position:absolute;top:5px;bottom:5px;left:6px;width:1px;background:#dce7df;content:""}.mobile-status-timeline>div{position:relative;display:flex;gap:8px;margin:0 0 12px;color:#8a968f;font-size:12px}.mobile-status-timeline>div i{position:absolute;left:-23px;color:#a9b5ad;background:#fff;font-size:14px}.mobile-status-timeline>div.done{color:#176a43}.mobile-status-timeline>div.done i{color:#36a765}.mobile-readonly-note{margin:7px 0 0;color:#718078;font-size:11px;line-height:1.5}.mobile-empty{display:grid;justify-items:center;gap:6px;padding:40px 18px;border:1px dashed #cbd8cf;border-radius:16px;color:#718078;text-align:center}.mobile-empty i{color:#176a43;font-size:30px}.mobile-empty strong{color:#20352a}.mobile-empty span{font-size:12px}.mobile-profile-card{text-align:center}.mobile-profile-avatar{display:grid;place-items:center;width:70px;height:70px;margin:4px auto 14px;border-radius:50%;background:#e6f6eb;color:#176a43;font-size:34px}.mobile-profile-card h2{margin:0;font-size:20px}.mobile-profile-card p{margin:4px 0 12px;color:#718078}.mobile-profile-card>span{display:inline-block;padding:6px 10px;border-radius:999px;background:#edf5ff;color:#2563a8;font-size:11px;font-weight:800}.mobile-logout-button{width:100%;padding:13px;border:1px solid #efc6c2;border-radius:12px;background:#fff;color:#b42318;font-weight:800}
@media(min-width:681px){.mobile-bottom-nav{right:auto;left:50%;width:680px;transform:translateX(-50%);border-right:1px solid #dce7df;border-left:1px solid #dce7df}}
.mobile-bottom-nav{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:680px;box-sizing:border-box;}
.mobile-process-subhierarchy{margin-top:14px;padding:13px;border:1px solid #d9e9df;border-radius:13px;background:linear-gradient(180deg,#f8fcf9,#f1f8f3)}.mobile-process-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mobile-process-heading strong{display:block;margin-top:2px;color:#20352a;font-size:13px}.mobile-process-kicker{display:block;color:#5c8c70;font-size:9px;font-weight:900;letter-spacing:.1em}.mobile-process-count{padding:5px 8px;border-radius:999px;background:#e0f1e5;color:#176a43;font-size:10px;font-weight:800;white-space:nowrap}.mobile-process-steps{display:grid;gap:8px;margin:13px 0 14px;padding-left:2px}.mobile-process-steps>div{display:flex;align-items:center;gap:8px;color:#85938a;font-size:11px}.mobile-process-steps i{width:17px;color:#a9b5ad;font-size:14px}.mobile-process-steps .is-current{color:#2867a7;font-weight:800}.mobile-process-steps .is-current i{color:#4d91c9}.mobile-process-steps .is-done{color:#176a43;font-weight:800}.mobile-process-steps .is-done i{color:#36a765}.mobile-operation-progress{padding-top:10px;border-top:1px solid #dcebe0}.mobile-operation-progress-head{display:flex;justify-content:space-between;margin-bottom:7px;color:#718078;font-size:10px;font-weight:800}.mobile-operation-row{display:grid;grid-template-columns:30px 1fr 17px;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #e5efe8}.mobile-operation-sequence{display:grid;place-items:center;width:26px;height:24px;border-radius:7px;background:#e6f0e9;color:#52715e;font-size:10px;font-weight:900}.mobile-operation-copy{min-width:0}.mobile-operation-copy strong{display:block;overflow:hidden;color:#365044;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.mobile-operation-copy small{display:block;margin-top:2px;color:#7c8d82;font-size:10px}.mobile-operation-row>i{color:#a9b5ad;font-size:14px}.mobile-operation-row-completed .mobile-operation-sequence{background:#dff3e4;color:#167a3e}.mobile-operation-row-completed>i{color:#36a765}.mobile-operation-row-in_progress .mobile-operation-sequence{background:#e4f0fb;color:#2867a7}.mobile-operation-row-in_progress>i{color:#4d91c9}.mobile-operation-row-dispatched .mobile-operation-sequence{background:#fff2d1;color:#9a6700}.mobile-operation-row-dispatched>i{color:#c28a17}.mobile-operation-row-cancelled .mobile-operation-sequence{background:#fde7e5;color:#b42318}.mobile-operation-row-cancelled>i{color:#d05b50}.mobile-process-empty{margin:10px 0 0;color:#718078;font-size:11px}
.mobile-status-subdetails{position:relative;margin:0 0 12px 23px;padding-left:0}.mobile-status-subdetails:before{position:absolute;top:-8px;bottom:-8px;left:-17px;width:1px;background:#dce7df;content:""}.mobile-status-subdetails>summary{display:flex;align-items:center;gap:7px;color:#2867a7;font-size:12px;font-weight:800;list-style:none}.mobile-status-subdetails>summary::-webkit-details-marker{display:none}.mobile-status-subdetails>summary i:first-child{color:#4d91c9;font-size:14px}.mobile-status-subdetails>summary i:last-child{margin-left:auto;color:#7ba5c8;font-size:11px;transition:transform .18s ease}.mobile-status-subdetails[open]>summary i:last-child{transform:rotate(180deg)}.mobile-status-subdetails .mobile-process-subhierarchy{margin-top:10px}