/* v3.62 preview: full-height atlas UI. Scoped to the reports tab only. */
#view-reports{--atlas-ink:#103f49;--atlas-accent:#087f8c;display:flex;flex-direction:column;height:calc(100dvh - var(--header) - var(--nav));min-height:0!important;padding:10px 14px!important;gap:8px!important;overflow:hidden!important;background:linear-gradient(150deg,#eef9fcf2,#f4f9f8f2)}
#view-reports[hidden],#view-reports [hidden]{display:none!important}
#view-reports .reports-heading{flex:none;min-height:42px;gap:8px;margin:0;align-items:center}
#view-reports .reports-heading small{font-size:11px;color:#587a81}
#view-reports .reports-heading h1{font-size:22px;margin:0;line-height:1.2}
#view-reports #reportsPlace{font-size:13px;font-weight:500;color:#647d85;margin-left:6px}
#view-reports button{border-radius:9px;box-shadow:none;min-height:34px;padding:7px 10px;font-size:13px;line-height:1.3;white-space:normal}
#view-reports button:focus-visible,#view-reports input:focus-visible{outline:3px solid #4ab5c5;outline-offset:2px}
#view-reports button.active,#view-reports .reports-primary{background:#103f49;color:white;border-color:#103f49}
#view-reports .reports-access{flex:none;margin:0;padding:4px 8px;font-size:11px}
#view-reports .atlas-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:10px;flex:1;min-height:0}
#view-reports .atlas-sidebar{background:#f7fbfcf5;border:1px solid #d4e3e7;border-radius:14px;padding:12px;overflow-y:auto;min-height:0;min-width:0;overscroll-behavior:contain}
#view-reports .atlas-search-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:8px}
#view-reports .atlas-search-tabs button{padding:7px 2px;font-size:12px}
#view-reports .reports-browse-header{display:flex;flex-direction:column;gap:7px;margin:0}
#view-reports .reports-search{position:relative;margin:0;display:flex;align-items:center}
#view-reports .reports-search label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#view-reports .reports-search input{width:100%;min-width:0;padding:10px 38px 10px 10px;font-size:14px;background:white}
#view-reports .reports-search button{position:absolute;right:3px;top:3px;width:34px;padding:2px;font-size:22px}
#view-reports .reports-display{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
#view-reports .reports-display button{font-size:11px;padding:5px 3px}
#view-reports .reports-filters{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}
#view-reports .reports-filters button{flex:0 0 auto;font-size:12px;padding:5px 8px;min-height:30px}
#view-reports .reports-sort-bar{display:block;padding:0;margin:7px 0;font-size:11px}
#view-reports .reports-sort-bar label{display:flex;align-items:center;gap:8px}
#view-reports .reports-sort-bar select{flex:1;min-width:0;font-size:12px;padding:6px}
#view-reports #reportsComparison{font-size:10px;display:block;margin-top:4px;line-height:1.4}
#view-reports .reports-sea-summary{display:flex;gap:4px;margin:8px 0}
#view-reports .reports-sea-summary>*{flex:1;min-width:0;padding:6px 2px;text-align:center;font-size:11px}
#view-reports .reports-sea-summary span{font-size:10px}
#view-reports .atlas-navigation{display:flex;gap:5px;margin:6px 0 8px}
#view-reports .atlas-navigation button{flex:1;font-size:11px;padding:6px 3px;min-height:30px}
#view-reports .atlas-workspace{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;border-radius:14px;overflow:hidden;border:1px solid #c9dfe5;background:#a9d6df}
#view-reports #reportsMapWorkspace,#view-reports #reportsMapWorkspace[data-expanded=true]{position:relative!important;inset:auto!important;z-index:auto!important;width:auto!important;height:100%!important;max-width:none!important;min-height:0!important;flex:initial!important;display:flex;flex-direction:column;gap:0;padding:0!important;background:#c4e6ec}
#view-reports #reportsMap{position:relative;min-height:0!important;height:auto!important;width:100%;flex:1 1 0!important;border:0;border-radius:0;z-index:0}
#view-reports .reports-hint{flex:none;margin:0;padding:5px 9px;font-size:11px;line-height:1.4;background:#eef9fc}
#view-reports .reports-write-tools{display:flex;flex-wrap:wrap;gap:5px;flex:none;padding:8px;background:#f7fbfc;position:static;box-shadow:none}
#view-reports .report-route-controls,#view-reports .report-map-actions{display:flex;flex-wrap:wrap;gap:4px;min-width:0}
#view-reports .reports-write-tools button{font-size:12px;padding:6px 8px;min-height:32px}
#view-reports #reportExpandMap{display:none}
#view-reports .atlas-route-tools{display:flex;gap:4px;flex:none;flex-wrap:wrap;padding:5px 8px;background:#f0f8fa;border-top:1px solid #d4e5e9}
#view-reports .atlas-route-tools button{font-size:11px;padding:4px 6px;min-height:29px}
#view-reports .report-map-footer{flex:none;margin:0;border:0;border-top:1px solid #d4e5e9;border-radius:0;padding:6px 8px;gap:8px;background:#f5fbfc}
#view-reports .report-map-footer strong{font-size:12px}
#view-reports .report-map-footer button{font-size:12px;background:#103f49;color:white}
#view-reports .report-map-status{position:absolute;left:8px;right:8px;bottom:51px;z-index:700;font-size:12px;border-radius:8px;background:#ffffffed;padding:7px;pointer-events:none;margin:0}
#view-reports .report-direction-tools{flex:none;position:static;margin:0;padding:8px;border-radius:0;box-shadow:none;background:#fff9f5;max-height:210px;overflow-y:auto}
#view-reports .report-direction-heading{font-size:12px}
#view-reports .report-direction-heading strong{font-size:14px}
#view-reports .report-direction-slider{font-size:11px}
#view-reports .report-direction-shortcuts button{font-size:11px;padding:5px}
#view-reports .reports-message{font-size:12px;margin:4px 0;line-height:1.5}
#view-reports .reports-message:empty{display:none}
#view-reports .reports-list-title{font-size:13px;margin:10px 0 6px}
#view-reports .reports-list{display:flex;flex-direction:column;gap:7px;margin:0}
#view-reports .report-card{display:flex;gap:9px;padding:9px;border-radius:10px;background:white;min-width:0;text-align:left}
#view-reports .report-card-thumb{flex:0 0 62px;width:62px;height:62px}
#view-reports .report-card-body{min-width:0;gap:2px}
#view-reports .report-card-body strong{font-size:14px}
#view-reports .report-card-body small,#view-reports .report-card-body span{font-size:11px}
#view-reports .reports-group-panel{padding:9px;background:#fff;border:1px solid #d5e4e8;border-radius:10px}
#view-reports .reports-group-panel h2{font-size:17px}
#view-reports .reports-group-panel p{font-size:12px;line-height:1.5}
#view-reports .report-group-row{display:grid;text-align:left;width:100%;gap:4px}
#view-reports .atlas-catalog-row{display:flex;gap:4px;margin-bottom:6px;background:white;border:1px solid #d3e2e6;border-radius:10px}
#view-reports .atlas-catalog-row>button:first-child{flex:1;min-width:0;text-align:left;border:0;background:transparent;padding:10px}
#view-reports .atlas-catalog-row small{display:block;margin-top:4px;font-size:11px;color:#647d85}
#view-reports .atlas-catalog-row .atlas-favorite{border:0;background:transparent;color:#a57b12;font-size:23px}
#view-reports .atlas-catalog-filters{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:7px 0}
#view-reports .atlas-catalog-filters label{font-size:11px}
#view-reports .atlas-catalog-filters select{width:100%;min-width:0;font-size:12px;padding:6px}
#view-reports .atlas-geo-form{display:flex;gap:5px}
#view-reports .atlas-geo-form input{min-width:0;flex:1;font-size:14px;padding:9px}
#view-reports #atlasGeoResults{font-size:12px;line-height:1.5;margin-top:6px}
#view-reports #atlasGeoResults>button{display:block;width:100%;text-align:left;margin-top:5px}
#view-reports .report-detail{padding:12px;margin:0;border:0;border-radius:0;max-height:none;overflow-y:auto;background:#f8fcfd}
#view-reports .report-detail>strong{font-size:20px;display:block;margin:8px 0}
#view-reports .report-detail p{font-size:13px;line-height:1.6}
#view-reports .atlas-point-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
#view-reports .atlas-point-card{padding:10px;background:white;border:1px solid #d5e4e8;border-top:3px solid #2485ca;border-radius:9px;min-width:0}
#view-reports .atlas-point-card.end{border-top-color:#e16a53}
#view-reports .atlas-point-card small{display:block;font-size:11px;overflow-wrap:anywhere;margin-top:6px}
#view-reports[data-reports-mode=detail] .atlas-layout{grid-template-columns:1fr}
#view-reports[data-reports-mode=detail] .atlas-sidebar{display:none}
#view-reports[data-reports-mode=detail] .atlas-workspace{grid-template-columns:minmax(0,1fr) 400px}
#view-reports[data-reports-mode=detail] #reportDetail{display:block}
#view-reports[data-reports-mode=write] .atlas-layout{grid-template-columns:1fr}
#view-reports[data-reports-mode=write] .atlas-sidebar{display:none}
#view-reports[data-reports-mode=write] .atlas-workspace{grid-template-columns:minmax(0,1fr) 400px}
#view-reports #reportEditor{position:relative!important;flex:none!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;padding:10px;background:#f6fbfc;box-shadow:none;border:0;border-radius:0;margin:0!important;display:flex;flex-direction:column;gap:8px}
#view-reports .atlas-editor-tabs{display:flex;gap:4px;flex:none}
#view-reports .atlas-editor-tabs button{flex:1;min-width:0;font-size:11px;padding:6px 4px}
#view-reports .atlas-route-panel h2{font-size:17px;margin:5px 0}
#view-reports .atlas-route-panel p{font-size:12px;line-height:1.6;color:#647d85}
#view-reports .atlas-coordinate-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#view-reports .atlas-coordinate-grid label{font-size:11px;min-width:0}
#view-reports .atlas-coordinate-grid input{width:100%;min-width:0;padding:8px 5px;font-size:12px}
#view-reports .atlas-route-panel details{margin:10px 0}
#view-reports .atlas-route-panel summary{font-size:12px;cursor:pointer}
#view-reports .atlas-route-panel input[type=file]{font-size:12px;width:100%;padding:7px}
#view-reports .atlas-route-panel select{width:100%;font-size:13px;padding:8px}
#view-reports #atlasVertices>div{display:flex;gap:5px;align-items:center;font-size:11px;margin:5px 0}
#view-reports #atlasVertices span{flex:1;overflow-wrap:anywhere}
#view-reports .atlas-route-panel .atlas-photo-note{font-size:11px;background:#e8f3f5;padding:8px;border-radius:8px}
#view-reports .report-step{font-size:12px;margin:0}
#view-reports .report-details{margin:0!important}
#view-reports .report-details>summary{font-size:13px;padding:8px 0}
#view-reports .report-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#view-reports .report-form label{min-width:0;font-size:12px;gap:4px}
#view-reports .report-form input,#view-reports .report-form select{width:100%;min-width:0;font-size:15px;padding:9px;min-height:40px}
#view-reports .report-time-controls{grid-template-columns:minmax(65px,1fr) minmax(57px,1fr) 5px minmax(65px,1fr) 43px;gap:4px}
#view-reports .report-time-controls select{font-size:15px!important;min-height:42px!important;padding:6px 14px 6px 5px}
#view-reports .report-time-controls .report-time-clear{min-height:40px}
#view-reports .atlas-edit-marker{border:2px solid white;border-radius:50%;background:#087f8c;color:white;box-shadow:0 2px 7px #103f4944;display:grid;place-items:center;font-size:12px;font-weight:700;cursor:grab}
#view-reports .atlas-edit-marker.end{background:#e16a53}
#view-reports .atlas-edit-marker.combined{background:linear-gradient(90deg,#087f8c 50%,#e16a53 50%);width:40px!important;border-radius:18px}
#view-reports .atlas-reference-marker{border-radius:50%;display:grid;place-items:center;background:#fff;color:#087f8c;border:2px solid #087f8c;font-weight:bold;box-shadow:0 2px 5px #103f4933}
#view-reports[data-atlas-wide=true] .atlas-layout{grid-template-columns:1fr}
#view-reports[data-atlas-wide=true] .atlas-sidebar,#view-reports[data-atlas-wide=true] #reportEditor{display:none!important}
#view-reports[data-atlas-wide=true] .atlas-workspace{grid-template-columns:1fr}
#view-reports[data-form-wide=true] #reportEditor{position:absolute!important;inset:8px;z-index:1100;border-radius:12px;box-shadow:0 8px 45px #103f4944;padding:14px}
#view-reports[data-reports-mode=list] .atlas-layout{grid-template-columns:1fr}
#view-reports[data-reports-mode=list] .atlas-sidebar{max-width:960px;width:100%;margin:auto}
@media(max-width:850px){
 #view-reports{padding:6px 8px!important;gap:5px!important}
 #view-reports .reports-heading{min-height:37px}
 #view-reports .reports-heading h1{font-size:19px}
 #view-reports .reports-heading small{font-size:10px}
 #view-reports .reports-heading>button{font-size:11px;padding:6px 8px;min-height:32px}
 #view-reports .atlas-layout{grid-template-columns:1fr;grid-template-rows:minmax(126px,27%) minmax(0,1fr);gap:6px}
 #view-reports .atlas-sidebar{padding:7px 9px;border-radius:10px}
 #view-reports .atlas-search-tabs{margin-bottom:5px}
 #view-reports .atlas-navigation{margin:4px 0}
 #view-reports .reports-sort-bar,#view-reports .reports-sea-summary{margin:5px 0}
 #view-reports[data-reports-mode=write] .atlas-layout,#view-reports[data-reports-mode=detail] .atlas-layout{grid-template-rows:minmax(0,1fr)}
 #view-reports[data-reports-mode=write] .atlas-workspace{grid-template-columns:1fr;grid-template-rows:minmax(210px,52%) minmax(0,1fr)}
 #view-reports[data-reports-mode=detail] .atlas-workspace{grid-template-columns:1fr;grid-template-rows:minmax(200px,55%) minmax(0,1fr)}
 #view-reports[data-reports-mode=list] .atlas-layout{grid-template-rows:1fr}
 #view-reports[data-atlas-wide=true] .atlas-layout,#view-reports[data-atlas-wide=true] .atlas-workspace{grid-template-rows:1fr}
 #view-reports .reports-write-tools{padding:5px;gap:4px}
 #view-reports .reports-write-tools button{font-size:11px;padding:4px 6px;min-height:29px}
 #view-reports .atlas-route-tools{padding:4px 5px;gap:3px}
 #view-reports .atlas-route-tools button{font-size:10px;padding:4px 5px;min-height:27px}
 #view-reports .reports-hint{font-size:10px;padding:4px 6px}
 #view-reports .report-map-footer{padding:5px 6px}
 #view-reports .report-direction-tools{position:absolute;bottom:0;left:0;right:0;z-index:800;max-height:55%;padding:6px;box-shadow:0 -3px 12px #103f4922}
 #view-reports .atlas-point-cards{grid-template-columns:1fr 1fr}
 #view-reports #reportEditor{padding:7px 9px;gap:5px}
 #view-reports .atlas-route-panel h2{font-size:15px}
 #view-reports .atlas-route-panel p{margin:5px 0;font-size:11px}
 #view-reports .atlas-coordinate-grid input{font-size:12px;padding:7px 4px}
 #view-reports .report-form{gap:7px}
 #view-reports #reportsPlace{display:none}
}
@media(max-height:650px) and (max-width:850px){
 #view-reports .atlas-layout{grid-template-rows:120px minmax(0,1fr)}
 #view-reports[data-reports-mode=write] .atlas-workspace{grid-template-rows:minmax(180px,55%) minmax(0,1fr)}
 #view-reports .reports-heading small{display:none}
}
/* Reset inherited decorative report hero so the atlas gets the full viewport. */
#view-reports{max-width:none!important;width:100%;margin:0!important}
#view-reports .reports-heading{position:relative;padding:0!important;background:none!important;isolation:auto;min-height:42px!important}
#view-reports .reports-heading::before{display:none!important}
#view-reports .reports-heading>div{margin-right:auto}
#view-reports .reports-heading>button{position:static!important;inset:auto!important;flex:none;min-height:34px!important}
#view-reports .reports-heading h1 span{display:inline;margin-top:0;letter-spacing:0}
#view-reports .report-place-card{flex:none;width:100%;min-height:68px;padding:10px;gap:5px 8px}
#view-reports .report-place-card strong{font-size:14px}
#view-reports .report-place-card small{font-size:11px}
#view-reports .report-card{flex:none!important}
#view-reports .reports-search::before,#view-reports .reports-search::after{display:none}
@media(max-width:850px){#view-reports .reports-heading{min-height:37px!important}#view-reports .reports-heading>button{font-size:10px;min-height:30px!important;padding:5px 6px}#view-reports .reports-heading h1{letter-spacing:-.6px}}
#view-reports .reports-heading{z-index:1}
#view-reports .reports-search button::before,#view-reports .reports-search button::after{display:none!important}
#view-reports .reports-access{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:10px;min-height:18px;padding-block:2px}
#view-reports .atlas-route-panel .atlas-route-tools{padding:6px 0;margin:5px 0;background:transparent;border:0}
@media(max-width:850px){#view-reports[data-reports-mode=write] .atlas-workspace{grid-template-rows:minmax(235px,58%) minmax(0,1fr)}#view-reports .reports-write-tools{gap:3px}#view-reports .report-map-actions{flex:1 0 100%}#view-reports .reports-search button{top:0}}
@media(max-height:650px) and (max-width:850px){#view-reports[data-reports-mode=write] .atlas-workspace{grid-template-rows:minmax(205px,58%) minmax(0,1fr)}}
#view-reports .atlas-editor-tabs{position:sticky;top:-7px;z-index:20;background:#f6fbfc;padding:4px 0}
#view-reports[data-form-wide=true] .atlas-editor-tabs{top:-14px}
#view-reports .atlas-route-panel .atlas-route-tools button{min-height:34px;padding:7px}
#view-reports .atlas-combined-endpoint{width:40px!important;background:linear-gradient(90deg,#087f8c 50%,#e16a53 50%)!important;font-size:11px;white-space:nowrap;border-radius:18px}
#view-reports>#reportsMessage{flex:none;margin:0;padding:3px 8px;background:#f4fbfe;border-radius:7px;font-size:11px}