.attendancehero{display:flex;gap:16px;align-items:center}.attendancehero h2{margin:0 0 5px}.attendancehero p{margin:0;font-size:12px;color:var(--muted)}.atticon{display:grid;place-items:center;width:54px;height:54px;background:#e4f2ec;color:#246c51;font-size:30px;border-radius:16px}.fieldhint{font-size:11px;color:#71828c;line-height:1.7}.fieldfilters{display:flex;gap:12px;margin:0 0 18px;flex-wrap:wrap}.fieldfilters label{font-size:11px}.fieldfilters input,.fieldfilters select{display:block;margin-top:5px;min-width:180px}.attendancehistory{display:grid;grid-template-columns:120px 1fr 130px;align-items:center;text-align:left;width:100%;gap:15px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:17px 4px}.attendancehistory span{font-size:12px;line-height:1.7}.attendancehistory small{font-size:11px;color:var(--muted)}.locationlayout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.memberlocations{padding:14px!important;max-height:520px;overflow:auto}.memberlocation{display:flex;align-items:center;text-align:left;gap:10px;width:100%;padding:12px 6px;border:0;border-bottom:1px solid var(--line);border-radius:8px}.memberlocation.selected{background:#e9f3f9}.memberlocation>span:nth-child(2){flex:1;min-width:0}.memberlocation strong{display:block;font-size:12px}.memberlocation small{display:block;font-size:10px;line-height:1.6;font-weight:400;color:var(--muted)}.memberavatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#e6edef;color:#38576d;font-size:11px;flex-shrink:0}.fresh{color:#188257!important}.recent{color:#a77717!important}.stale,.none{color:#89939b!important}.fieldmap{height:420px;width:100%;position:relative;overflow:hidden;border-radius:13px;border:1px solid #c7d3d9;background-color:#e8eeeb;background-image:linear-gradient(#dae2df 1px,transparent 1px),linear-gradient(90deg,#dae2df 1px,transparent 1px);background-size:40px 40px;touch-action:none;isolation:isolate}.maptile{position:absolute;width:256px;height:256px;max-width:none;user-select:none;pointer-events:none}.routelayer{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}.mapcontrols{position:absolute;left:10px;top:10px;display:grid;gap:3px;z-index:3}.mapcontrols button{width:32px;height:32px;padding:2px;font-size:18px;box-shadow:0 2px 8px #18394c25}.mapcredit{position:absolute;bottom:0;right:0;background:#ffffffdf;color:#315667;padding:3px 6px;font-size:9px;z-index:3}.gpsmarker{position:absolute;transform:translate(-50%,-50%);padding:0;border:0;background:none!important;z-index:2}.gpsmarker>span{display:grid;place-items:center;width:33px;height:33px;border:3px solid white;border-radius:50%;background:#577e9a;color:white;font-size:11px;font-weight:700;box-shadow:0 2px 8px #18394c70}.gpsmarker.fresh>span{background:#27875f}.gpsmarker.chosen>span{outline:3px solid #2a659e}.gpsmarker small{position:absolute;top:35px;left:50%;transform:translateX(-50%);background:#fffffff0;font-size:10px;padding:3px 6px;color:#263e4e;white-space:nowrap;border-radius:4px}.journeysummary{display:flex;justify-content:space-between;gap:15px;padding:15px 0;font-size:12px}.journeysummary span{color:var(--muted)}.journeycursor{position:absolute;transform:translate(-50%,-50%);color:#b15128;font-size:29px;text-shadow:0 0 3px white;z-index:3}.journeycursor small{position:absolute;left:16px;top:0;font-size:10px;white-space:nowrap;background:white;padding:5px;color:#263e4e}.mapemptystate{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);background:#fffffff0;border-radius:8px;padding:12px;font-size:12px;text-align:center;pointer-events:none}.gpsrow{display:flex;align-items:center;gap:16px;width:100%;padding:12px 4px;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left}.gpsrow span{font-size:11px;min-width:140px}.gpsrow strong{font-size:12px}.gpsrow small{font-size:10px;margin-left:auto;color:var(--muted)}
@media(max-width:1000px){.locationlayout{grid-template-columns:1fr}.memberlocations{max-height:230px}}
body[data-mode=mobile] .locationlayout{display:flex;flex-direction:column;gap:12px}body[data-mode=mobile] .memberlocations{max-height:230px}body[data-mode=mobile] .fieldmap{height:330px}body[data-mode=mobile] .fieldfilters{gap:8px}body[data-mode=mobile] .fieldfilters label{width:100%}body[data-mode=mobile] .fieldfilters input,body[data-mode=mobile] .fieldfilters select{width:100%}body[data-mode=mobile] .attendancehistory{grid-template-columns:1fr;gap:5px}body[data-mode=mobile] .journeysummary{flex-direction:column;gap:6px}body[data-mode=mobile] .gpsrow{display:grid;gap:4px}body[data-mode=mobile] .gpsrow small{margin:0}body[data-mode=mobile] .fieldmapsection .actions{flex-wrap:wrap}