/* DEDAL Extraction panel on the task map (colours from the DEDAL WebODM theme) */
.dedal-x { background: #FFFFFF; }
.dedal-x-toggle { font-size: 16px; }
.dedal-x-panel {
    width: 320px;
    max-height: calc(100vh - 330px);
    min-height: 120px;
    overflow-y: auto;
    padding: 12px 14px;
    color: #2C3E50;
    font-size: 13px;
    line-height: 1.45;
}
.dedal-x-panel h4 { margin: 0 0 4px; font-size: 15px; font-weight: 600; }
.dedal-x-step { border-top: 1px solid #E7E7E7; padding: 10px 0 6px; }
.dedal-x-step > b { display: block; margin-bottom: 6px; }
.dedal-x-row { display: flex; gap: 6px; }
.dedal-x-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 10px; margin-bottom: 8px; }
.dedal-x-grid label { font-weight: normal; margin: 0; font-size: 12px; }
.dedal-x-check { font-weight: normal; margin-right: 10px; }
.dedal-x-help, .dedal-x-muted { color: #6B7A89; font-size: 12px; margin: 6px 0 0; }
.dedal-x-link { color: #1E3A5F; text-decoration: underline; cursor: pointer; font-weight: normal; margin: 0; }
.dedal-x-link input[type=file] { display: none !important; }
.dedal-x-status { margin: 8px 0 4px; min-height: 1em; }
.dedal-x-ok { color: #1E6B2B; }
.dedal-x-warn { color: #9A6100; }
.dedal-x-error { color: #9B2C21; }
.dedal-x-downloads { margin: 6px 0; }
.dedal-x-table { font-size: 12px; margin-top: 8px; }
.dedal-x-table th, .dedal-x-table td { padding: 2px 6px !important; text-align: right; }
.dedal-x-table th:first-child, .dedal-x-table td:first-child { text-align: left; }
.dedal-x-legend { margin-top: 8px; font-size: 12px; }
.dedal-x-bar { display: flex; align-items: center; gap: 6px; }
.dedal-x-bar b { flex: 1; height: 10px; border-radius: 3px;
    background: linear-gradient(to right, rgb(215,48,39), rgb(254,224,139), rgb(26,152,80)); }
.dedal-x-bar i { font-style: normal; }
.dedal-x-panel select.form-control { margin-bottom: 6px; }
.dedal-x-result { font-size: 12px; margin: 6px 0 0; }
.dedal-x-adjust { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.dedal-x-stepsel { width: auto; display: inline-block; height: 24px; padding: 0 4px; margin: 0; }
.dedal-x-panel .btn.active { background: #F1C40F; color: #2C3E50; }
.dedal-x-label { background: rgba(255,255,255,0.85); border: none; box-shadow: none; padding: 0 3px; font-size: 11px; font-weight: 600; color: #2C3E50; }
.dedal-x-label:before { display: none; }
.dedal-x-link input[type=file] { display: none !important; }

/* The panel sits in a Leaflet bar, which makes every link a 26 px square block: undo that inside the panel */
.leaflet-bar .dedal-x-panel a { width: auto; height: auto; display: inline; line-height: inherit; text-align: inherit; }
.leaflet-bar .dedal-x-panel a:not(.btn) { background: none; border: 0; color: #2C3E50; text-decoration: underline; }
.leaflet-bar .dedal-x-panel a.btn { display: inline-block; line-height: 1.5; }