:root{--field-blue:#245a73;--field-ink:#193c50;--field-muted:#5a7180;--field-line:#ffffffa6}
html,body{max-width:100%;overflow-x:hidden}body{padding-bottom:82px!important;background:radial-gradient(ellipse at 110% -5%,#81b5ce77,transparent 56%),linear-gradient(145deg,#e9edef,#cdd9df)!important}header{position:sticky;top:0;z-index:30;height:64px!important}header h1{flex:1;min-width:0}header h1 small{font-size:10px!important}#logout{font-size:11px!important;padding:6px 9px!important}#fieldConnection{font-size:10px;padding:4px 18px;min-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main{max-width:1100px;margin:auto!important;padding:22px 18px!important}body.dve-mobile-signed-in main{width:100%!important}
.field-heading{display:flex;align-items:center;gap:12px;margin:2px 0 20px}.field-heading>div{min-width:0;flex:1}.field-heading h2{font-size:27px;line-height:1.2;margin:0;font-weight:700;letter-spacing:-.7px;overflow-wrap:anywhere}.field-eyebrow{margin:0 0 5px;color:var(--field-muted);font-size:12px}.field-intro{font-size:14px;margin:-9px 0 22px;color:var(--field-muted)}button.field-back,button.field-refresh{background:#ffffff70!important;color:var(--field-blue)!important;border:1px solid #fff8!important;width:40px;min-width:40px;padding:0!important;height:40px;min-height:40px;border-radius:12px!important;font-size:25px;flex:none}button.field-refresh{font-size:23px}.field-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px}button.field-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;min-width:0;min-height:148px;padding:20px 16px!important;text-align:left;background:linear-gradient(140deg,#ffffffa6,#f5f9fc45)!important;color:var(--field-ink)!important;border:1px solid var(--field-line)!important;border-radius:18px!important;box-shadow:0 6px 22px #24495e0c,inset 0 1px #ffffffa6;backdrop-filter:blur(16px);transition:background .12s,box-shadow .12s}button.field-tile:active{background:#ffffffd9!important;box-shadow:0 2px 7px #245a7322}.field-tile-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:linear-gradient(135deg,#3f7b971f,#ffffff66);border:1px solid #fff8;border-radius:12px;color:#28617a;margin-bottom:3px}.field-tile svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.field-tile strong{font-size:16px;line-height:1.3;font-weight:650;max-width:100%;overflow-wrap:anywhere}.field-tile small{font-size:11px;font-weight:400;color:var(--field-muted);line-height:1.4;padding-right:10px}.field-tile-arrow{position:absolute;right:13px;bottom:16px;font-size:21px;font-weight:400;color:#7192a4}.field-search{display:block;margin:0 0 20px;font-size:12px}.field-search input{margin-top:6px;background:#ffffffa0!important}.field-empty{padding:24px 18px;border:1px solid #fff9;border-radius:14px;background:#ffffff44;color:var(--field-muted);font-size:14px}
#dveMobileMainNav{position:fixed;top:0!important;bottom:0;left:0;width:min(300px,84vw)!important;padding:28px 18px!important;background:#e4edf2f5!important;backdrop-filter:blur(26px);z-index:1001;border-right:1px solid #fff;overflow-y:auto;display:none!important}body.dve-mobile-menu-open #dveMobileMainNav:not([hidden]){display:flex!important;flex-direction:column;gap:6px}.field-menu-brand{display:flex;flex-direction:column;gap:16px;margin:10px 10px 28px}.field-menu-brand img{width:105px;height:50px;object-fit:contain;object-position:left}.field-menu-brand span{font-size:14px;color:var(--field-muted)}#dveMobileMainNav button{display:flex;gap:13px;align-items:center;background:#ffffff55!important;color:var(--field-ink)!important;text-align:left;padding:12px 14px!important;min-height:48px;border:1px solid #ffffff77!important;font-size:14px}#dveMobileMainNav button[aria-current=page]{background:#ffffffd0!important;color:#175474!important;border-left:3px solid #36a4cd!important}#dveMobileMainNav svg,#dveMobileMenuToggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}#dveMobileMenuToggle{display:flex!important;align-items:center;justify-content:center;width:36px;min-width:36px;padding:5px!important}#dveMobileMenuShade{position:fixed;inset:0!important;z-index:1000;background:#132f4955;backdrop-filter:blur(3px)}#fieldBottomNav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:stretch;justify-content:space-around;gap:4px;padding:8px 10px max(9px,env(safe-area-inset-bottom));min-height:72px;border-top:1px solid white;background:#e4edf2ec;backdrop-filter:blur(22px);z-index:40;box-shadow:0 -6px 20px #2343590a}#fieldBottomNav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;max-width:145px;background:transparent!important;border:0!important;color:#647d8c!important;font-size:10px!important;padding:5px!important;border-radius:12px!important;font-weight:500}#fieldBottomNav button[aria-current=page]{background:#ffffffa8!important;color:#1c5873!important}#fieldBottomNav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body.mobile-project-open{height:100dvh;overflow:hidden;padding-bottom:0!important}body.mobile-project-open main{height:calc(100dvh - 160px)!important;padding:0 12px!important}.project-heading{margin:0 -12px!important;padding:14px 12px!important;gap:8px;min-height:80px}.project-heading .project-summary h2{font-size:17px!important;font-weight:650}.project-heading .project-summary p{font-size:11px;line-height:1.4}button.field-project-menu{width:40px;height:40px;min-width:40px;padding:0!important;background:#ffffff70!important;color:#245a73!important;font-size:24px;border:1px solid #fff8!important}.project-tabs{gap:7px!important;overflow-x:auto;scrollbar-width:none;margin:0 -12px 10px!important;padding:5px 12px 12px!important;white-space:nowrap}.project-tabs button{flex:0 0 auto!important;font-size:12px!important;padding:10px 14px!important;border-radius:11px!important;min-height:39px}.project-content{padding:0 0 25px!important}.project-content .card{padding:17px!important}.field-record{border:1px solid #ffffffa6;border-radius:13px;background:#ffffff4d;margin:10px 0!important;overflow:hidden}.field-record>summary{padding:14px!important;cursor:pointer;font-size:14px;list-style-position:inside}.field-record>summary span{font-weight:550}.field-record>summary small{display:block;margin:5px 0 0 17px;font-size:11px;color:#5b7483}.field-record[open]{background:#ffffff8c}.field-details{margin:0;padding:12px 14px;display:grid;gap:10px}.field-details>div{min-width:0}.field-details dt{font-size:11px;color:#58717f;margin-bottom:3px}.field-details dd{margin:0;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.field-details .field-details{padding:0}.field-subrow{border-left:2px solid #86a7b94a;padding:8px 10px;margin:7px 0}.field-file{display:flex;align-items:center;gap:9px;padding:9px 0;color:#1b5b79;overflow-wrap:anywhere}.field-file svg{width:22px;height:22px;min-width:22px;stroke:currentColor;fill:none;stroke-width:1.5}.field-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.field-section-heading h2{margin:0}.field-project-dialog{max-width:520px;max-height:85dvh}.field-project-dialog .field-tiles{gap:10px;margin-top:18px}.field-project-dialog .field-tile{min-height:105px;padding:13px!important}.field-project-dialog .field-tile strong{font-size:13px}.field-project-dialog .field-tile-icon{width:32px;height:32px}.field-project-dialog .field-tile-icon svg{width:22px;height:22px}#fieldExecutionInfo:empty{display:none}#reportsCard{display:block!important}#reportsCard[hidden]{display:none!important}#dveMobileHours{padding:20px!important;margin-top:0}#fieldScreen:empty{display:none}
@media(min-width:700px){.field-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.field-tile{min-height:170px!important}.field-heading h2{font-size:32px}main{padding:28px!important}.field-project-dialog .field-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.field-details{grid-template-columns:repeat(2,minmax(0,1fr))}.field-details>div:has(.field-subrow),.field-details>div:has(.field-file){grid-column:1/-1}body.dve-mobile-signed-in main{margin-left:auto!important;margin-right:auto!important;width:100%!important;max-width:1100px}}
@media(max-width:360px){.field-tiles{gap:10px}.field-tile{padding:15px 12px!important}.field-tile strong{font-size:14px}.field-tile small{font-size:10px}header #fieldPending{max-width:68px!important;font-size:9px!important}#fieldBottomNav span{font-size:9px}}
[hidden],#dveMobileMainNav[hidden],#dveMobileMenuToggle[hidden],#fieldBottomNav[hidden]{display:none!important}

/* Keep long navigation names intact on narrow phones. */
button.field-tile strong{font-size:14px!important;overflow-wrap:normal;word-break:normal;line-height:1.4}.field-heading h2{font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-tiles button.field-tile{padding:18px 14px!important}header #fieldPending{max-width:84px;font-size:10px!important}

.field-workspace-link{display:block;padding:18px;border:1px solid #fffc;border-radius:14px;background:#ffffff70;color:#245a73;text-align:center;text-decoration:none;font-weight:600;margin-top:16px}
@media(min-width:1100px){.field-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}body.mobile-project-open main{max-width:1400px!important}.field-project-dialog .field-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.field-project-dialog{max-width:740px}}