/* Shared module: waterway-editor — auto-split from the old single styles.css, 143 rule block(s). Do not duplicate class names across files. */

.mr74-upload{display:flex;flex-direction:column;gap:12px}

.mr74-file-picker{position:relative;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;border:1px dashed #29bfe9;border-radius:10px;padding:12px;cursor:pointer}

.mr74-file-picker span{background:#16a8d4;color:#fff;padding:7px 10px;border-radius:8px}

.mr74-file-picker input{position:absolute;opacity:0;pointer-events:none}

.mr74-file-picker b{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.mr74-viewer-overlay{position:fixed;inset:0;z-index:100001;background:rgba(1,10,18,.84);display:flex;align-items:center;justify-content:center;padding:18px}

.mr74-viewer{width:min(1450px,97vw);height:min(900px,94vh);display:flex;flex-direction:column;background:#0c293a;border:1px solid #315c72;border-radius:14px;overflow:hidden}

.mr74-viewer-head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid #315c72}

.mr74-viewer-head button{border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}

.mr74-viewer-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;background:#071d29;padding:10px}

.mr74-viewer-body iframe{width:100%;height:100%;border:0;background:#fff}

.mr74-viewer-body img,.mr74-viewer-body video{max-width:100%;max-height:100%}

.mr74-viewer-body audio{width:min(700px,90%)}

.mr74-viewer-body pre{width:100%;height:100%;box-sizing:border-box;overflow:auto;background:#fff;color:#111;padding:14px;white-space:pre-wrap;direction:ltr;text-align:left}

.mr74-viewer-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 14px;border-top:1px solid #315c72}

.mr74-unsupported{text-align:center;padding:25px}

.mr74-unsupported span,.mr74-unsupported p{display:block;margin-top:7px;color:#a9c1cd}

.ww77-tab{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:9px;padding:8px 12px;cursor:pointer;font-weight:500}

.ww77-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}

.ww77-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:13px}

.ww77-summary>div{border:1px solid var(--line);background:var(--soft);border-radius:9px;padding:10px}

.ww77-summary span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}

.ww77-summary b{font-weight:500;font-size:13px}

.ww77-section-wrap{padding:10px}

.ww77-section-svg{width:100%;height:280px}

.ww77-channel-shape{fill:rgba(94,154,177,.10);stroke:#82a8ba;stroke-width:4}

.ww77-water-line{stroke:#20bce5;stroke-width:5}

.ww77-section-svg text{fill:var(--ink);font-size:12px}

.ww77-profile{padding:12px;overflow:auto}

.ww77-profile svg{width:100%;min-width:850px;height:280px}

.ww77-bed{fill:none;stroke:#d8a341;stroke-width:4}

.ww77-water{fill:none;stroke:#20bce5;stroke-width:3}

.ww77-grid-line{stroke:rgba(130,170,190,.18);stroke-width:1}

.ww77-profile text{fill:var(--ink);font-size:9px}

.ww77-doc-stack{display:flex;flex-direction:column;gap:14px}

.ww77-doc-wrap{width:100%;overflow-x:hidden}

.ww77-doc-table{width:100%;min-width:0!important;table-layout:fixed}

.ww77-doc-table th,.ww77-doc-table td{white-space:normal;overflow-wrap:anywhere}

.ww77-doc-table th:nth-child(1),.ww77-doc-table td:nth-child(1){width:18%}

.ww77-doc-table th:nth-child(2),.ww77-doc-table td:nth-child(2){width:10%}

.ww77-doc-table th:nth-child(3),.ww77-doc-table td:nth-child(3){width:10%}

.ww77-doc-table th:nth-child(4),.ww77-doc-table td:nth-child(4){width:15%}

.ww77-doc-table th:nth-child(5),.ww77-doc-table td:nth-child(5){width:18%}

.ww77-doc-table th:nth-child(6),.ww77-doc-table td:nth-child(6){width:8%}

.ww77-doc-table th:nth-child(7),.ww77-doc-table td:nth-child(7){width:21%}

.ww77-file-name{direction:ltr;text-align:left;unicode-bidi:plaintext}

.ww77-doc-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}

.ww77-doc-actions button{width:100%;min-width:0;background:#169fca;color:#fff;border:1px solid #169fca;border-radius:8px;padding:6px 5px;font-size:10px;font-weight:500;cursor:pointer}

.ww77-doc-actions button:hover:not(:disabled){background:#128db4;border-color:#128db4}

.ww77-doc-actions button:disabled{background:#29495a;border-color:#35596b;color:#7f9cab;opacity:.65}

.ww77-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:12px}

.ww77-timeline>div{border-inline-start:3px solid #29bfe9;padding:8px 10px;background:var(--soft);border-radius:0 8px 8px 0}

.ww77-timeline b,.ww77-timeline small,.ww77-timeline span{display:block}

.ww77-timeline small,.ww77-timeline span{font-size:10px;color:var(--muted)}

@media (max-width:1200px){
.ww77-two{grid-template-columns:1fr}
}

@media (max-width:1200px){
.ww77-timeline{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:800px){
.ww77-summary{grid-template-columns:1fr}
}

@media (max-width:800px){
.ww77-doc-wrap{overflow-x:auto}
}

@media (max-width:800px){
.ww77-doc-table{min-width:900px!important;table-layout:auto}
}

@media (max-width:800px){
.ww77-timeline{grid-template-columns:1fr}
}

.waterway-table-row{transition:background .15s ease,box-shadow .15s ease}

.waterway-route-builder .waterway-builder-form{
  grid-template-columns:repeat(5,minmax(150px,1fr));
}

.waterway-geometry-panel{
  margin-top:10px;
}

.waterway-geometry-grid{
  grid-template-columns:repeat(4,minmax(150px,1fr))!important;
}

.waterway-geometry-grid label{
  min-width:0;
}

.waterway-draw-map{
  min-height:520px!important;
  height:52vh!important;
  max-height:650px;
  margin-top:10px;
}

@media (max-width:1200px){
.waterway-route-builder .waterway-builder-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:1200px){
.waterway-geometry-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:700px){
.waterway-route-builder .waterway-builder-form,
  .waterway-geometry-grid{grid-template-columns:1fr!important}
}

@media (max-width:700px){
.waterway-draw-map{height:440px!important;min-height:440px!important}
}

.waterway-route-builder{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  overflow-x:hidden;
}

.waterway-route-builder .waterway-builder-form{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

.waterway-route-builder .waterway-builder-form label{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden;
}

.waterway-route-builder .waterway-builder-form input,
.waterway-route-builder .waterway-builder-form select{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

.waterway-route-builder .waterway-builder-form label:nth-child(4),
.waterway-route-builder .waterway-builder-form label:nth-child(5){
  min-width:0!important;
}

.waterway-style-panel{
  margin-top:10px;
}

.waterway-style-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(150px,1fr))!important;
  gap:10px!important;
  padding-top:10px;
}

.waterway-style-grid label{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  font-size:11px;
}

.waterway-style-grid input,
.waterway-style-grid select{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}

.waterway-style-grid input[type="color"]{
  height:36px;
  padding:3px;
  cursor:pointer;
}

.waterway-style-toggle{
  justify-content:flex-end;
}

.waterway-style-toggle input[type="checkbox"]{
  width:17px!important;
  height:17px;
}

.waterway-style-toggle span{
  color:var(--muted);
  font-size:10px;
}

#modalBox:has(.waterway-route-builder),
.modal-card:has(.waterway-route-builder){
  width:min(1500px,96vw)!important;
  max-width:96vw!important;
  box-sizing:border-box!important;
}

@media (max-width:1250px){
.waterway-route-builder .waterway-builder-form{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (max-width:1250px){
.waterway-style-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (max-width:900px){
.waterway-route-builder .waterway-builder-form,
  .waterway-style-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:600px){
.waterway-route-builder .waterway-builder-form,
  .waterway-style-grid{
    grid-template-columns:1fr!important;
  }
}

.waterway-device-panel{margin-top:10px}

.waterway-device-controls{display:grid;grid-template-columns:minmax(180px,260px) auto 1fr;gap:10px;align-items:end;padding-top:10px}

.waterway-device-controls label{display:flex;flex-direction:column;gap:6px;font-size:11px}

.waterway-device-controls select{width:100%;box-sizing:border-box}

.waterway-device-help{color:var(--muted);font-size:10px;line-height:1.5;padding-bottom:8px}

.waterway-device-table-wrap{margin-top:10px}

.waterway-device-table{width:100%;min-width:0!important}

.waterway-device-table th,.waterway-device-table td{font-size:10px}

@media (max-width:900px){
.waterway-device-controls{grid-template-columns:1fr;align-items:stretch}
}

.waterway-crossing-panel{margin-top:10px}

.waterway-crossing-controls{
  display:grid;grid-template-columns:minmax(160px,220px) minmax(220px,1fr) auto minmax(220px,1.2fr);
  gap:10px;align-items:end;padding-top:10px
}

.waterway-crossing-controls label,.waterway-crossing-fields label{
  display:flex;flex-direction:column;gap:6px;font-size:11px;min-width:0
}

.waterway-crossing-controls input,.waterway-crossing-controls select,
.waterway-crossing-fields input,.waterway-crossing-fields select{
  width:100%;min-width:0;box-sizing:border-box
}

.waterway-crossing-help{color:var(--muted);font-size:10px;line-height:1.5;padding-bottom:8px}

.waterway-crossing-fields{
  display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin-top:10px
}

.waterway-crossing-table-wrap{margin-top:10px}

.waterway-crossing-table{width:100%;min-width:0!important}

.waterway-crossing-table th,.waterway-crossing-table td{font-size:10px}

@media (max-width:1050px){
.waterway-crossing-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:1050px){
.waterway-crossing-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:650px){
.waterway-crossing-controls,.waterway-crossing-fields{grid-template-columns:1fr}
}

.waterway-device-help{
  display:flex;
  flex-direction:column;
  gap:4px;
}

#waterwayDeviceModeStatus{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:4px 8px;
  border-radius:7px;
  background:rgba(110,145,160,.12);
  border:1px solid rgba(110,145,160,.22);
  color:var(--muted);
  font-weight:500!important;
}

.waterway-crossing-panel{margin-top:12px}

.waterway-crossing-panel > summary{min-height:38px;display:flex;align-items:center}

.waterway-crossing-controls{
  display:grid!important;
  grid-template-columns:minmax(160px,220px) minmax(320px,1fr) minmax(190px,230px)!important;
  grid-template-areas:"type name action" "help help help";
  gap:10px 12px!important;align-items:end!important;width:100%;box-sizing:border-box;padding-top:12px!important
}

.waterway-crossing-type-field{grid-area:type}

.waterway-crossing-name-field{grid-area:name}

.waterway-crossing-place-btn{grid-area:action}

.waterway-crossing-help{grid-area:help;display:block!important;width:100%;box-sizing:border-box;margin:0!important;padding:7px 10px!important;border:1px solid rgba(69,151,183,.20);border-radius:8px;background:rgba(24,87,111,.08);color:var(--muted)!important;font-size:10px!important;line-height:1.55!important}

.waterway-crossing-controls label,.waterway-crossing-fields label{display:flex!important;flex-direction:column!important;justify-content:flex-end;gap:6px!important;min-width:0!important;width:100%!important;margin:0!important}

.waterway-crossing-controls input,.waterway-crossing-controls select,.waterway-crossing-fields input,.waterway-crossing-fields select{width:100%!important;min-width:0!important;height:36px!important;box-sizing:border-box!important;margin:0!important}

.waterway-crossing-place-btn{width:100%!important;min-width:0!important;height:36px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;align-self:end!important}

.waterway-crossing-fields{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px 12px!important;width:100%;box-sizing:border-box;margin-top:12px!important;padding-top:12px;border-top:1px solid rgba(69,151,183,.14)}

#waterwayCulvertFields{grid-template-columns:repeat(5,minmax(0,1fr))!important}

.waterway-crossing-table-wrap{width:100%;max-width:100%;margin-top:12px!important;overflow-x:hidden!important}

.waterway-crossing-table{width:100%!important;min-width:0!important;table-layout:fixed}

.waterway-crossing-table th,.waterway-crossing-table td{vertical-align:middle!important;text-align:center!important;white-space:normal;overflow-wrap:anywhere}

.waterway-crossing-table th:nth-child(1),.waterway-crossing-table td:nth-child(1){width:5%}

.waterway-crossing-table th:nth-child(2),.waterway-crossing-table td:nth-child(2){width:12%}

.waterway-crossing-table th:nth-child(3),.waterway-crossing-table td:nth-child(3){width:22%}

.waterway-crossing-table th:nth-child(4),.waterway-crossing-table td:nth-child(4){width:13%}

.waterway-crossing-table th:nth-child(5),.waterway-crossing-table td:nth-child(5){width:36%}

.waterway-crossing-table th:nth-child(6),.waterway-crossing-table td:nth-child(6){width:12%}

@media (max-width:1050px){
.waterway-crossing-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:"type name" "action action" "help help"}
}

@media (max-width:1050px){
.waterway-crossing-place-btn{width:auto!important;min-width:220px!important;justify-self:start}
}

@media (max-width:1050px){
.waterway-crossing-fields,#waterwayCulvertFields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:650px){
.waterway-crossing-controls{grid-template-columns:1fr!important;grid-template-areas:"type" "name" "action" "help"}
}

@media (max-width:650px){
.waterway-crossing-place-btn{width:100%!important;min-width:0!important}
}

@media (max-width:650px){
.waterway-crossing-fields,#waterwayCulvertFields{grid-template-columns:1fr!important}
}

@media (max-width:650px){
.waterway-crossing-table-wrap{overflow-x:auto!important}
}

@media (max-width:650px){
.waterway-crossing-table{min-width:760px!important;table-layout:auto}
}

.waterway-required-status{
  margin-top:10px;
  padding:9px 12px;
  border-radius:9px;
  font-size:10.5px;
  line-height:1.55;
  border:1px solid rgba(235,174,66,.35);
  background:rgba(235,174,66,.08);
  color:#e8c477;
}

.waterway-required-status b{
  font-weight:600;
}

#waterwayStartDrawingBtn:disabled{
  opacity:.42!important;
  cursor:not-allowed!important;
  filter:saturate(.55);
}