/* All overrides require an installed phone/tablet PWA. Browser and desktop layouts stay unchanged. */
.uacpl-mobile-app .header-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
.uacpl-mobile-app .header-left{width:100%;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;text-align:center!important}
.uacpl-mobile-app .brand-logo{width:min(225px,75vw)!important;height:54px!important;justify-content:center!important;margin:auto!important}
.uacpl-mobile-app .brand-logo img{object-position:center!important}
.uacpl-mobile-app .portal-title{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;margin:0!important}
.uacpl-mobile-app .portal-title .name{font-size:28px!important;white-space:normal!important}
.uacpl-mobile-app .portal-title .sub{font-size:15px!important;white-space:normal!important}
.uacpl-mobile-app .header-right{display:none!important}
.uacpl-mobile-app .employee-preview-empty{display:none!important}
.uacpl-mobile-app .employee-main-panel{min-height:0!important}
.uacpl-mobile-app .employee-main-panel:not(:has(.employee-preview-frame.visible)){display:none!important}
.uacpl-mobile-app .employee-workspace{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
.uacpl-mobile-app .employee-side-menu{position:static!important;max-height:none!important;padding:12px!important}
.uacpl-mobile-app .employee-nav-link{min-height:58px!important;padding:12px!important;gap:12px!important;font-size:16px!important;line-height:1.35!important;background:#f5f8fc;border:1px solid #dce7f4;margin:8px 0!important;border-radius:14px!important;box-sizing:border-box;touch-action:manipulation}
.uacpl-mobile-app .employee-nav-icon{width:38px!important;height:38px!important;border-radius:11px!important;font-size:21px!important}
.uacpl-mobile-app .tree-toggle,.uacpl-mobile-app .tree-folder-toggle,.uacpl-mobile-app .tree-file{min-height:48px!important;padding-top:12px!important;padding-bottom:12px!important;touch-action:manipulation}
.uacpl-mobile-app .tree-file{overflow-wrap:anywhere;line-height:1.4}
.uacpl-mobile-app .page-actions .btn,.uacpl-mobile-app .viewer-actions .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;box-sizing:border-box;touch-action:manipulation}
.uacpl-mobile-app .page-top{gap:10px;flex-wrap:wrap}
.uacpl-mobile-app .page-actions .welcome{width:100%;font-size:16px}
/* Installed mobile PWA navigation and task layout update. */
.uacpl-mobile-app .header{position:relative;padding:12px 52px 12px 12px!important}
.uacpl-mobile-app .header-left{display:grid!important;grid-template-columns:minmax(90px,.9fr) minmax(0,1.1fr)!important;gap:5px 10px!important}
.uacpl-mobile-app .brand-logo{width:100%!important;max-width:190px;height:45px!important;margin:0!important}
.uacpl-mobile-app .portal-title .name{font-size:clamp(18px,5.5vw,28px)!important;line-height:1.15}
.uacpl-mobile-app .mobile-app-slogan{grid-column:1/-1;text-align:center;width:100%;font-size:clamp(12px,3.4vw,16px);letter-spacing:.2px;line-height:1.35;font-weight:800}
.uacpl-mobile-app .mobile-app-settings{position:absolute;right:10px;top:14px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#fff4e8;color:#08356f;border:1px solid #ffd8a3;text-decoration:none;font-size:25px}
.uacpl-mobile-app .page-actions{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:6px!important;width:100%!important;min-width:0}
.uacpl-mobile-app .page-actions .welcome{display:none!important}
.uacpl-mobile-app .mobile-app-welcome{font-size:15px;color:#08356f;font-weight:800;margin:7px 0;overflow-wrap:anywhere}
.uacpl-mobile-app .page-actions [data-mobile-settings]{display:none!important}
.uacpl-mobile-app .page-actions .btn{flex:1 1 0;min-width:0!important;padding:8px 5px!important;font-size:clamp(11px,3vw,14px)!important;white-space:normal;text-align:center;overflow-wrap:anywhere;line-height:1.2;border-radius:11px!important}
.uacpl-mobile-app .mobile-app-icon svg{width:22px;height:22px;flex:none}
.uacpl-mobile-app.mobile-task-page .grid{display:flex!important;flex-direction:column!important;gap:12px!important}
.uacpl-mobile-app.mobile-task-page .grid>section,.uacpl-mobile-app.mobile-task-page .grid>aside{display:block!important;width:100%!important;min-width:0!important;grid-column:auto!important;grid-row:auto!important}
.uacpl-mobile-app.mobile-task-page .grid>aside>.panel{grid-column:auto!important;grid-row:auto!important}
.uacpl-mobile-app.mobile-task-page .panel{padding:12px!important;width:100%;box-sizing:border-box;min-width:0}
.uacpl-mobile-app.mobile-task-page .form-grid{grid-template-columns:minmax(0,1fr)!important}
.uacpl-mobile-app.mobile-task-page .task-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.uacpl-mobile-app.mobile-task-page .input,.uacpl-mobile-app.mobile-task-page .select,.uacpl-mobile-app.mobile-task-page .textarea{min-width:0;max-width:100%;font-size:16px}
.uacpl-mobile-app.mobile-task-page .task-title,.uacpl-mobile-app.mobile-task-page .meta,.uacpl-mobile-app.mobile-task-page .desc{overflow-wrap:anywhere}
.uacpl-mobile-app.mobile-task-page .badge{white-space:normal}
.uacpl-mobile-app.mobile-task-page .report-table thead{display:none}
.uacpl-mobile-app.mobile-task-page .report-table,.uacpl-mobile-app.mobile-task-page .report-table tbody,.uacpl-mobile-app.mobile-task-page .report-table tr{display:block;width:100%;box-sizing:border-box}
.uacpl-mobile-app.mobile-task-page .report-table tr{margin:12px 0;border:1px solid #dbeafe;border-radius:12px;padding:8px}
.uacpl-mobile-app.mobile-task-page .report-table td{display:grid;grid-template-columns:95px minmax(0,1fr);gap:8px;width:100%;box-sizing:border-box;font-size:13px}
.uacpl-mobile-app.mobile-task-page .report-table td:before{content:attr(data-mobile-label);font-weight:900;color:#08356f}

.uacpl-mobile-app .header{padding:12px!important}
.uacpl-mobile-app .header-left{max-width:440px;margin:auto!important;grid-template-columns:minmax(95px,1fr) minmax(0,1fr)!important}
.uacpl-mobile-app .portal-title{display:flex!important;visibility:visible!important}
.uacpl-mobile-app .mobile-app-slogan,.uacpl-mobile-app .portal-title .sub{color:#F47C00!important;opacity:1!important}
.uacpl-mobile-app .mobile-app-settings{position:static!important;display:inline-flex!important;vertical-align:middle;flex:0 0 40px;margin-left:6px}
.uacpl-mobile-app .page-title .mobile-app-settings{width:36px;height:36px;font-size:23px}

/* Gear consistently follows the page heading on every employee application. */
.uacpl-mobile-app .page-top{display:flex!important;flex-direction:column!important;align-items:stretch!important}
.uacpl-mobile-app .page-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-width:0!important;box-sizing:border-box;overflow-wrap:anywhere}
.uacpl-mobile-app .page-title .mobile-app-settings{flex:0 0 40px!important;margin-left:auto!important;width:40px!important;height:40px!important}

.uacpl-mobile-app .mobile-app-tools{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto}
.uacpl-mobile-app .mobile-app-tools .mobile-app-tool{display:inline-flex!important;align-items:center;justify-content:center;width:36px!important;height:40px!important;flex:0 0 36px!important;background:transparent!important;border:0!important;border-radius:8px!important;box-shadow:none!important;color:#08356f;text-decoration:none;margin:0!important;padding:0!important;font-size:25px}
.uacpl-mobile-app .mobile-app-old-tool{display:none!important}
.uacpl-mobile-app .page-title{font-size:clamp(17px,4.8vw,24px)!important;line-height:1.3}
.uacpl-mobile-app .mobile-app-service-list{width:100%;min-width:0}