/* Optional Field task layout; Classic remains the default. */
#fieldLayoutToggle { min-height:44px; }
body.field-technician-view #workspace > .nav { display:none; }
body.field-technician-view #workspace.field-task-home-active > .main > .panel { display:none!important; }
body.field-technician-view .app-header { padding:14px 22px; }
body.field-technician-view .brand-logo-frame { width:88px; height:38px; }
body.field-technician-view .brand h1 { font-size:18px; text-transform:none; }
body.field-technician-view .brand small { display:none; }
body.field-technician-view #fieldTaskNav { display:flex; gap:8px; padding:8px; margin:16px auto 0; max-width:1100px; border:1px solid var(--line); background:var(--panel); border-radius:12px; }
#fieldTaskNav button { flex:1; min-height:48px; display:flex; justify-content:center; align-items:center; gap:10px; background:transparent; color:inherit; border:1px solid transparent; box-shadow:none; }
#fieldTaskNav button[aria-current=page] { background:#fff0e8; color:#8c300b; border-color:#df875c; }
#fieldTaskNav svg,#fieldTaskHome svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
#fieldTaskHome { max-width:1100px; margin:0 auto; }
#fieldTaskHome .field-task-page { padding:22px 0; }
#fieldTaskHome h2 { margin:0 0 8px; font-size:30px; line-height:1.2; }
#fieldTaskHome p { color:var(--muted); line-height:1.5; }
#fieldTaskHome .field-task-eyebrow { color:#a13d17; font-size:12px; text-transform:uppercase; letter-spacing:1px; margin:0 0 10px; font-weight:750; }
#fieldTaskHome .field-task-heading { display:flex; justify-content:space-between; align-items:center; gap:22px; }
#fieldTaskHome .field-task-site { max-width:360px; border-left:3px solid var(--orange); padding-left:16px; }
#fieldTaskHome .field-task-site > span,#fieldTaskHome .field-task-site > strong { display:block; margin-bottom:6px; }
#fieldTaskHome .field-task-site > span { color:var(--muted); font-size:12px; }
#fieldTaskHome .field-task-site button { padding:8px 0; background:transparent; color:#973412; box-shadow:none; border:0; min-height:44px; text-align:left; }
#fieldTaskHome .field-task-grid,#fieldTaskHome .field-task-shortcuts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:22px 0; }
#fieldTaskHome .field-task-card { display:flex; text-align:left; align-items:flex-start; gap:18px; min-height:144px; padding:25px; border:1px solid var(--line); border-radius:14px; background:var(--panel); color:inherit; box-shadow:var(--shadow-soft); }
#fieldTaskHome .field-task-card:first-child { border:2px solid var(--orange); background:#fff4ec; }
#fieldTaskHome .field-task-card svg { color:#b8471b; }
#fieldTaskHome .field-task-card strong { display:block; font-size:21px; margin-bottom:8px; }
#fieldTaskHome .field-task-card small { display:block; font-size:14px; line-height:1.5; color:var(--muted); font-weight:400; }
#fieldTaskHome .field-task-choice { display:grid; grid-template-columns:minmax(0,1fr) auto; width:100%; padding:20px; margin:14px 0; text-align:left; gap:6px 16px; background:var(--panel); color:inherit; border:1px solid var(--line); border-radius:12px; box-shadow:none; }
#fieldTaskHome .field-task-choice strong { font-size:18px; }
#fieldTaskHome .field-task-choice span:first-of-type { grid-column:1; color:var(--muted); font-size:14px; line-height:1.5; font-weight:400; }
#fieldTaskHome .field-task-choice span:last-child { grid-column:2; grid-row:1/3; align-self:center; }
#fieldTaskHome .field-task-shortcuts .field-task-choice { margin:0; }
#fieldTaskHome .field-task-uploads { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 16px; padding:18px 22px; width:100%; text-align:left; background:#eaf4ef; border:1px solid #91b7a3; color:#194831; border-radius:12px; box-shadow:none; }
#fieldTaskHome .field-task-uploads strong { font-size:18px; }
#fieldTaskHome .field-task-uploads span:first-of-type { grid-column:1; font-size:14px; font-weight:400; }
#fieldTaskHome .field-task-uploads span:last-child { grid-column:2; grid-row:1/3; align-self:center; }
#fieldTaskHome .field-task-back,#fieldTaskHome .field-task-resume { min-height:44px; background:transparent; border:1px solid var(--line); color:#973412; box-shadow:none; padding:10px 14px; }
#fieldTaskHome .field-task-back { margin-bottom:20px; }
#fieldTaskHome .field-task-resume { margin-top:10px; }
#fieldTaskNotice { padding:16px; border:1px solid #b88029; background:#fff6df; color:#60410c; border-radius:8px; }
body.field-technician-view button:focus-visible { outline:3px solid var(--orange); outline-offset:3px; }
body.field-technician-view #fieldTaskNav button { font-weight:700; }
@media(max-width:700px){
 body.field-technician-view .app-header { gap:10px; padding:12px; flex-wrap:wrap; }
 body.field-technician-view .brand { gap:10px; }
 body.field-technician-view .brand-logo-frame { width:64px; height:30px; }
 body.field-technician-view .brand h1 { font-size:16px; }
 body.field-technician-view .active-user-badge { display:none; }
 body.field-technician-view .header-actions { margin-left:auto; }
 body.field-technician-view .header-actions button { min-height:44px; padding:8px 10px; font-size:12px; }
 body.field-technician-view .main { padding:12px; padding-bottom:calc(90px + env(safe-area-inset-bottom)); }
 body.field-technician-view #fieldTaskNav { position:fixed; z-index:80; bottom:0; left:0; right:0; margin:0; border-radius:0; padding:5px 8px calc(5px + env(safe-area-inset-bottom)); box-shadow:0 -3px 14px #0002; }
 #fieldTaskNav button { flex-direction:column; gap:4px; min-height:58px; padding:6px; font-size:12px; }
 #fieldTaskNav svg { width:21px; height:21px; }
 #fieldTaskHome h2 { font-size:25px; }
 #fieldTaskHome .field-task-heading { display:block; }
 #fieldTaskHome .field-task-site { max-width:none; margin-top:20px; }
 #fieldTaskHome .field-task-grid { gap:10px; }
 #fieldTaskHome .field-task-card { display:block; padding:15px; min-height:170px; }
 #fieldTaskHome .field-task-card svg { margin-bottom:10px; }
 #fieldTaskHome .field-task-card strong { font-size:17px; }
 #fieldTaskHome .field-task-card small { font-size:13px; }
 #fieldTaskHome .field-task-shortcuts { grid-template-columns:1fr; gap:10px; }
}
@media print { #fieldLayoutToggle,#fieldTaskNav,#fieldTaskHome,#fieldTaskNotice { display:none!important; } }