.well-data-controls { margin: 13px 0; padding: 15px; border: 1px solid #aac7e3; border-radius: 9px; background: #f1f7fc; color: #294b6b; }
.well-data-control-row { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; }
.well-data-switch { display: flex; gap: 9px; align-items: center; flex: 1 1 200px; min-height: 44px; cursor: pointer; }
.well-data-switch input { width: 17px; height: 17px; accent-color: #267bd4; flex-shrink: 0; }
.well-data-switch strong { display: block; font-size: 12px; color: #244e74; }
.well-data-switch small { display: block; margin-top: 3px; font-size: 10px; color: #61758a; }
.well-data-filter { flex: 1 1 165px; display: grid; gap: 5px; color: #4c6881; font-size: 10px; min-width: 0; }
.well-data-filter select { width: 100%; min-height: 42px; padding: 9px 28px 9px 10px; border: 1px solid #adc4d8; border-radius: 6px; background: #fff; color: #244e74; font: inherit; font-size: 12px; }
.well-data-control-row > button,.well-data-status button { min-height: 42px; padding: 9px 12px; border: 1px solid #a7c1d8; border-radius: 6px; background: #fff; color: #235881; font-size: 11px; font-weight: 650; }
.well-data-control-row > button:disabled { opacity: .5; cursor: not-allowed; }
.well-data-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 15px; margin-top: 13px; font-size: 10px; color: #60778b; }
.well-data-legend > span { display: inline-flex; align-items: center; gap: 6px; }
.well-data-ring { width: 15px; height: 15px; border: 2.3px solid #267bd4; border-radius: 50%; display: inline-block; background: transparent; }
.well-data-log-key { width: 18px; height: 18px; display: inline-grid; place-items: center; background: #7546b8; color: white; font-size: 10px; font-style: normal; font-weight: 800; border-radius: 5px; }
.well-data-status { margin: 11px 0 0; line-height: 1.65; font-size: 10px; color: #4a657d; }
.well-data-status.error { color: #944324; }
.well-data-list { margin-top: 10px; border-top: 1px solid #d3e2ed; padding-top: 9px; font-size: 10px; }
.well-data-list summary { cursor: pointer; color: #285b85; font-weight: 650; padding: 4px 0; }
#well-data-visible-list { max-height: 335px; overflow-y: auto; overscroll-behavior: contain; }
#well-data-visible-list > p { font-size: 10px; line-height: 1.6; color: #60778b; }
#well-data-visible-list > button { display: block; width: 100%; text-align: left; margin-top: 7px; padding: 10px; border: 1px solid #c7dae9; border-radius: 6px; background: white; color: #305879; line-height: 1.5; }
#well-data-visible-list > button > strong { display: block; font-size: 11px; }
#well-data-visible-list > button > span:not(.well-data-badges) { display: block; font-size: 9px; margin: 4px 0 7px; overflow-wrap: anywhere; }
.well-data-badges { display: inline-flex; flex-wrap: wrap; gap: 5px; align-items: center; }
.well-data-badge { display: inline-flex; flex-wrap: wrap; gap: 4px; align-items: center; padding: 3px 6px; background: #eaf3fb; border: 1px solid #bbd5eb; border-radius: 4px; color: #245c88; font-size: 9px; line-height: 1.4; font-weight: 650; }
.well-data-badge.log { border-color: #c4b4e4; background: #eee7f8; color: #623a98; }
.well-data-badge small { font-size: 8px; opacity: .75; font-weight: 500; }
.well-log-marker { display: grid; place-items: center; border: 2px solid #fff; border-radius: 7px; background: #7546b8; box-shadow: 0 0 0 2px #7546b8,0 2px 6px #18364d40; color: white; font-family: inherit; font-weight: 850; font-size: 13px; }
.well-data-cluster { display: grid; place-content: center; text-align: center; border: 2px solid #267bd4; border-radius: 11px; background: #f3f9ffed; box-shadow: 0 1px 5px #194c7029; color: #17578e; font-family: inherit; line-height: 1; }
.well-data-cluster strong { font-size: 12px; }
.well-data-cluster span { display: block; margin-top: 3px; font-size: 8px; text-transform: uppercase; letter-spacing: .6px; }
.well-data-popup { font-family: inherit; color: #294b6b; line-height: 1.55; }
.well-data-popup > strong { display: block; margin: 5px 0; font-size: 14px; overflow-wrap: anywhere; }
.well-data-popup > .eyebrow { font-size: 9px; color: #607b92; }
.well-data-popup p { font-size: 11px; line-height: 1.65; margin: 9px 0; overflow-wrap: anywhere; }
.well-data-popup .well-data-scope { font-size: 10px; }
.well-data-popup .well-data-open { margin-top: 12px; min-height: 38px; padding: 9px 12px; border: 1px solid #b5cde1; border-radius: 6px; background: #eaf3fb; color: #245c88; font-size: 11px; font-weight: 650; }
.well-data-overlap { max-height: 320px; overflow-y: auto; }
.well-data-overlap > button { display: block; width: 100%; margin-top: 7px; padding: 10px; border: 1px solid #c6d9e8; border-radius: 5px; background: #f0f7fc; text-align: left; color: #245c88; font-size: 11px; }
.well-data-overlap > button small { display: block; font-size: 9px; margin-top: 3px; }
.well-data-detail { border: 1px solid #b8d1e5; border-radius: 10px; padding: 18px; margin: 20px 0; background: #f0f7fc; }
.well-data-detail-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; align-items: center; }
#petro-record-detail .well-data-detail h4 { margin: 5px 0 0; color: #244e74; font-size: 17px; }
.well-data-detail .eyebrow { color: #5a7891; font-size: 9px; }
.well-data-evidence-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 15px; }
.well-data-evidence-grid > article { padding: 14px; background: #fff; border: 1px solid #d0e0ed; border-radius: 7px; min-width: 0; overflow-wrap: anywhere; }
.well-data-evidence-grid h5 { margin: 0 0 9px; color: #284f72; font-size: 13px; }
.well-data-evidence-grid p,.well-data-evidence-grid li { font-size: 11px; color: #536b80; line-height: 1.75; }
.well-data-evidence-grid ul { margin: 10px 0; padding-left: 17px; }
.well-data-evidence-grid a { color: #1b6195; text-decoration: underline; text-underline-offset: 3px; }
.well-data-evidence-grid p:last-child { margin-bottom: 0; }
.well-data-qualification,.well-data-association,.well-data-empty,.well-data-loading { font-size: 10px; color: #5b7489; line-height: 1.8; }
.well-data-association { padding: 10px 12px; margin-top: 14px; border-left: 3px solid #7da5c6; background: #e3eff8; }
.well-data-controls :focus-visible,.well-data-popup :focus-visible,.well-log-marker:focus-visible,.well-data-cluster:focus-visible { outline: 3px solid #a26419; outline-offset: 3px; }
@media(max-width:650px){
  .well-data-controls { padding: 12px; }
  .well-data-switch { flex-basis: 100%; }
  .well-data-filter { flex-basis: 100%; }
  .well-data-filter select { font-size: 16px; }
  .well-data-control-row > button { width: 100%; min-height: 44px; }
  .well-data-evidence-grid { grid-template-columns: minmax(0,1fr); }
  .well-data-detail { padding: 14px; }
}
@media print { .well-data-controls,.well-data-popup { display: none; } .well-data-detail { background: white; } .well-data-evidence-grid > article { break-inside: avoid; } }