*{box-sizing:border-box}body{margin:0;background:#071523;color:#dfeaf2;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}header{height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 28px;border-bottom:1px solid #263747;background:#0b1b2b}.brand{display:flex;align-items:center;gap:13px;font-weight:700;letter-spacing:2px}.mark{font-size:24px;color:#76e1da;border:1px solid #478d94;padding:5px 9px;border-radius:8px}.sub{display:block;font-size:11px;font-weight:500;color:#839db1;letter-spacing:2.4px;margin-top:4px}.header-actions{display:flex;gap:10px}button,.button{border:1px solid #385062;background:#142a3c;color:#e4eef6;border-radius:7px;padding:9px 13px;cursor:pointer;font:inherit;display:inline-block}button:hover,.button:hover{background:#25455c}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #84eee4;outline-offset:3px}.primary{background:#86e3d7;color:#0b2b32;border-color:#86e3d7;font-weight:600}.primary:hover{background:#b2f7ec}main{display:grid;grid-template-columns:318px 1fr;height:calc(100vh - 76px)}aside{padding:26px 24px;overflow:auto;background:#0c1e2f;border-right:1px solid #293d4e}.eyebrow{font-size:11px;letter-spacing:2px;color:#84aaaF;font-weight:600}h1{font-size:25px;font-weight:500;letter-spacing:-.7px;margin:12px 0}p{line-height:1.6;color:#a0b7c7;font-size:14px;overflow-wrap:anywhere}#source{font-size:12px}.stats{display:flex;gap:30px;border-block:1px solid #2b3d4c;padding:19px 0;margin:20px 0}.stats strong{display:block;font-size:24px;font-weight:500;color:#e7f1f8}.stats span{display:block;margin-top:6px;font-size:12px;color:#8ca6b9}.field{display:block;color:#b5c8d5}input[type=search]{width:100%;background:#071725;border:1px solid #344e62;padding:11px;color:#fff;border-radius:7px;margin:9px 0;font:inherit}h2{font-size:14px;font-weight:600;margin:0}.section-head{display:flex;justify-content:space-between;align-items:center;margin:23px 0 12px}.text-button{border:0;padding:0;color:#8be4da;font-size:12px;background:none}.legend-row{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer}.legend-row input{accent-color:#85e4d8}.swatch{width:22px;height:3px;border-radius:3px}.legend-row span:last-child{margin-left:auto;font-size:12px;color:#829cac}input[type=range]{width:100%;accent-color:#82dfd4}.caption{font-size:12px;line-height:1.55}#selection{margin-top:25px;border-top:1px solid #2b3d4c;padding-top:20px}#selection h3{font-size:19px;font-weight:500;margin:10px 0}dl{display:grid;grid-template-columns:1fr 1fr;gap:9px}dt{color:#8fa9ba}dd{margin:0;text-align:right}details{margin-top:25px;color:#a1b6c8;font-size:12px}details p{font-size:12px}summary{cursor:pointer}.results{max-height:190px;overflow:auto}.results button{display:block;text-align:left;width:100%;font-size:12px;margin-top:4px}.results p{font-size:12px;margin:3px 0}#viewport{position:relative;overflow:hidden;background:#071523;min-width:0}#canvasHost{height:100%;width:100%}canvas{display:block;touch-action:none}.view-top,.view-bottom{position:absolute;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;z-index:2;pointer-events:none}.view-top{top:22px;font-size:11px;letter-spacing:1.5px;color:#a2b5c4}.view-buttons{display:flex;gap:6px;pointer-events:auto;letter-spacing:0}.view-buttons button{font-size:12px;background:#112536d9}.live-dot{display:inline-block;width:6px;height:6px;background:#81e0d6;border-radius:50%;margin-right:9px}.view-bottom{bottom:19px;color:#7c96a9;font-size:12px;gap:15px}.view-bottom b{padding:0 8px;color:#456071}.axis{position:absolute;bottom:57px;right:26px;color:#719caa;font-size:13px;pointer-events:none}.axis span{display:block;margin-top:6px}#message{position:absolute;top:75px;left:25px;background:#183447e8;max-width:calc(100% - 50px);padding:10px 14px;border-radius:6px;color:#cfdee7;font-size:13px;pointer-events:none}#message:empty{display:none}@media(max-width:800px){header{padding:0 12px;height:66px}.sub{display:none}.brand{font-size:12px}.header-actions{gap:5px}.header-actions button,.header-actions .button{font-size:12px;padding:8px}main{grid-template-columns:240px 1fr;height:calc(100vh - 66px)}aside{padding:20px 15px}.view-top{left:12px;right:12px;display:block}.view-buttons{margin-top:10px}.view-bottom{left:12px;right:12px}.view-bottom>span:first-child{display:none}h1{font-size:21px}.stats{gap:15px}.stats strong{font-size:20px}}@media(max-width:560px){main{display:flex;flex-direction:column-reverse;height:auto}#viewport{height:60vh;min-height:380px}aside{overflow:visible}header{position:sticky;top:0;z-index:5}.brand .mark{display:none}#sample{display:none}}
[hidden]{display:none!important}.zoom-well{width:100%;min-height:42px}.selected-toolbar{position:absolute;left:25px;top:72px;z-index:3;display:flex;align-items:center;gap:18px;max-width:calc(100% - 50px);padding:12px;background:#0c2334ee;border:1px solid #416274;border-radius:9px;box-shadow:0 5px 20px #0003}.selected-toolbar>div{min-width:0}.selected-toolbar .eyebrow{display:block;font-size:9px;letter-spacing:1.3px}.selected-toolbar #selectedName{display:block;margin-top:5px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-toolbar button{flex-shrink:0;min-height:42px}#selection{margin-top:18px;padding-top:17px}#selection>p{margin:10px 0}.classification-note{color:#ffaaa5;font-size:12px}#clearSelection{width:100%;margin:5px 0 0;padding:7px;font-size:12px}.selected-toolbar:not([hidden])~#message{top:165px}@media(max-width:800px){.selected-toolbar{left:12px;top:100px;max-width:calc(100% - 24px);gap:12px}.selected-toolbar #selectedName{font-size:12px;max-width:155px}.selected-toolbar button{padding:9px;font-size:12px}.selected-toolbar:not([hidden])~#message{top:185px}}

.reference-controls{margin:0 0 20px;padding-bottom:17px;border-bottom:1px solid #2b3d4c}.reference-controls .section-head{margin:0 0 5px}.reference-controls .legend-row span:last-child{margin-left:0;color:#c7d8e4;font-size:14px}.reference-controls button{width:100%;margin-top:5px}.reference-controls .caption{margin:8px 0 0}.reference-controls input{margin-left:0}button:disabled{opacity:.45;cursor:default}.view-buttons button[aria-pressed=true]{border-color:#85d9d4;color:#abfff1;background:#1c3e50}#mapLabels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.place-label{position:absolute;left:0;top:0;font-size:13px;color:#d2e9ed;white-space:nowrap;text-shadow:0 1px 3px #061523,0 0 5px #061523;background:#0715238c;padding:2px 5px;border-radius:3px}.place-label::before{content:'';position:absolute;left:-7px;top:8px;width:5px;height:5px;border-radius:50%;background:#c5e1e5;box-shadow:0 0 0 2px #0a253b}details a{color:#8edfd8}.view-buttons{flex-wrap:wrap}@media(max-width:800px){.view-top>div:first-child{display:none}.view-buttons{margin-top:0}.view-buttons button{padding:7px 9px}.selected-toolbar{top:85px}.place-label{font-size:12px}}

.production-controls{border-bottom:1px solid #2b3d4c;margin:0 0 22px;padding-bottom:18px}.production-controls .section-head{margin:0 0 8px}.production-controls .legend-row span:last-child{margin-left:0;color:#c7d8e4;font-size:14px}.production-controls details{margin-top:12px}.production-controls .caption{margin:8px 0}.production-key{display:flex;align-items:center;gap:12px;min-height:30px;font-size:12px;color:#a0b7c7}.production-key i{display:block;width:55px;background:#a3ff12;border-radius:2px}#productionLegend{margin-top:10px}.production-timeline{position:absolute;z-index:4;bottom:48px;left:25px;right:25px;padding:16px 19px;border:1px solid #3a596b;background:#0b2232f5;border-radius:12px;box-shadow:0 8px 28px #0005;max-width:960px;margin:auto}.production-time-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.production-time-heading strong{font-size:23px;font-weight:500;color:#e7f5fc;display:block}.production-time-heading span{display:block;margin-top:5px;font-size:14px;color:#a7c1ce}.production-time-heading label{font-size:12px;color:#a7c1ce}.production-timeline input[type=month],.production-timeline select{color:#e5f1f6;background:#102d40;border:1px solid #38586a;border-radius:5px;padding:6px;font:inherit;color-scheme:dark}.production-time-heading input{display:block;margin-top:4px}.production-timeline input[type=range]{margin:15px 0 2px}.production-range{display:flex;justify-content:space-between;font-size:12px;color:#8daab9}.production-playback{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}.production-playback>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.production-playback button{min-width:36px;padding:7px 10px}.production-playback label{margin-left:6px;font-size:12px;color:#a7c1ce}.production-playback .caption{max-width:265px;margin:0;text-align:right}#productionTimeline:not([hidden])~.axis{display:none}#wellProduction{border-top:1px solid #365061;padding-top:5px;margin-top:15px}#wellProduction h4{font-weight:500;font-size:14px;margin:12px 0 5px}.production-well-value{color:#bcf46c;margin:5px 0}.production-chart{width:100%;height:auto;background:#081b29;border-radius:5px;display:block}select:focus-visible{outline:2px solid #84eee4;outline-offset:2px}@media(max-width:1000px){.production-playback{display:block}.production-playback .caption{max-width:none;text-align:left;display:block;margin-top:8px}.production-time-heading strong{font-size:20px}.production-time-heading span{font-size:12px}}@media(max-width:800px){.production-timeline{left:12px;right:12px;padding:12px;bottom:42px}.production-time-heading{align-items:flex-start;flex-wrap:wrap;gap:8px}.production-time-heading label{display:none}.production-playback label{margin-left:0}.production-playback select{max-width:118px}}@media(max-width:560px){#viewport{min-height:590px}.production-time-heading{flex-wrap:nowrap}.production-time-heading label{display:block}.production-playback{display:block}.production-timeline{bottom:42px}.production-controls{margin-top:22px}}
#productionPeriod{display:block;width:100%;margin:8px 0 16px;padding:8px;background:#102d40;color:#e5f1f6;border:1px solid #38586a;border-radius:5px;font:inherit;color-scheme:dark}

.gamma-controls{border-bottom:1px solid #2b3d4c;margin:0 0 22px;padding-bottom:20px}.gamma-controls .section-head{margin:0 0 5px}.gamma-controls .legend-row span:last-child{margin-left:0;font-size:14px;color:#c7d8e4}.gamma-controls select,.gamma-controls input[type=number]{width:100%;display:block;padding:8px;margin:7px 0 13px;background:#102d40;color:#e5f1f6;border:1px solid #38586a;border-radius:5px;font:inherit;color-scheme:dark}.gamma-buttons{display:flex;gap:6px;margin:12px 0 17px;flex-wrap:wrap}.gamma-buttons button{flex:1;min-width:95px;padding:9px 7px;font-size:13px}.gamma-controls .field{font-size:13px}.gamma-controls output{float:right;color:#e4eef6}.gamma-controls details{margin-top:12px}.gamma-controls details[open] summary{margin-bottom:13px}.gamma-controls .caption{margin:8px 0}.gamma-legend{display:flex;justify-content:space-between;font-size:12px;color:#b6c8d8;margin:5px 0 17px}#gammaColorbar{height:12px;margin-top:9px;border-radius:2px}.gamma-wells{margin:14px 0;display:flex;flex-direction:column;gap:5px}.gamma-well{display:flex;gap:4px;align-items:center}.gamma-well>button:first-child{flex:1;text-align:left;font-size:12px;padding:7px}.gamma-well>button:last-child{font-size:15px;padding:5px 9px}.gamma-well button[aria-pressed=true]{border-color:#88e0d4;background:#204654}.gamma-hover{position:absolute;z-index:6;pointer-events:none;background:#0b2135ee;border:1px solid #52728a;border-radius:6px;padding:9px 12px;max-width:320px;font-size:13px;line-height:1.5;box-shadow:0 5px 20px #0005}.gamma-hover strong{display:block;font-weight:500;color:#fff}.gamma-hover span{display:block;color:#bdd4e4}.gamma-controls #gammaSourceNote{overflow-wrap:anywhere}.gamma-controls input:invalid{border-color:#f29b7c}

.gamma-wells{max-height:260px;overflow-y:auto;padding-right:4px;overscroll-behavior:contain}.gamma-well{flex-shrink:0}
.dsu-controls{border-top:1px solid #2b3d4c;border-bottom:1px solid #2b3d4c;padding-bottom:20px;margin:22px 0}.dsu-controls .legend-row span:last-child{margin-left:0;color:#c7d8e4;font-size:13px}.dsu-controls select,.dsu-controls input[type=number]{width:100%;display:block;padding:8px;margin:7px 0 13px;background:#102d40;color:#e5f1f6;border:1px solid #38586a;border-radius:5px;font:inherit;color-scheme:dark}.dsu-controls output{float:right}.dsu-controls .field{font-size:13px}.dsu-controls .caption{margin:8px 0}.dsu-controls details{margin-top:16px}.dsu-approximation{color:#f3d790;font-size:12px;padding:9px 10px;border:1px solid #665a3a;border-radius:5px;background:#302a1d80}.dsu-actions{display:flex;gap:6px}.dsu-actions button{flex:1;font-size:12px}#dsuColorbar{height:12px;border-radius:3px;margin:10px 0 7px}#dsuDepthError{color:#ffad9d}#dsuDepthError:empty{display:none}#dsuSelection:not(:empty){border-top:1px solid #3d566a;padding-top:14px;margin-top:14px}#dsuSelection h3{font-size:15px;font-weight:500;line-height:1.5}#dsuSelection>button{width:100%}#dsuSelection dl{font-size:12px;grid-template-columns:1.1fr 1fr}#dsuOverlaps select{font-size:12px}#dsuModelNote{border-left:2px solid #6b7280;padding-left:8px}

.survey-section-scale{padding:8px 0;border-bottom:1px solid #2b3d4c;font-size:12px}.survey-section-scale strong{display:block;color:#e3eef7;font-weight:500}.survey-section-scale span{display:block;margin-top:4px;color:#bdd1de}.survey-section-scale small{font-size:10px;color:#819faf}#surveyScaleError{color:#ffad9d}#surveyScaleError:empty{display:none}
#dsuSelection>button+button{margin-top:7px}a{color:#8bd5ed}
#dsuAcreageLegend{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:12px 0}#dsuAcreageLegend span{display:flex;gap:8px;align-items:center;font-size:12px;color:#d0dfe9}#dsuAcreageLegend i{width:20px;height:5px;border-radius:2px}#dsuAcreageLegend b{font-weight:500}#dsuOverlapNote{border-left:2px solid #7fc2c9;padding-left:9px}
#dsuWellDetails:not(:empty){border-top:1px solid #3d566a;padding-top:14px;margin-top:20px}#dsuWellDetails h3{font-size:15px;font-weight:500}.dsu-well-count{color:#8df5ee;font-size:14px}.dsu-member-list{max-height:260px}.dsu-member-list button{line-height:1.6}#dsuProduction{border-top:1px solid #365061;margin-top:16px;padding-top:4px}#dsuProduction h4{font-size:14px;font-weight:500;line-height:1.5}.inventory-review{border-left:2px solid #d5b46c;padding-left:10px}

.survey-color-controls{border-bottom:1px solid #2b3d4c;padding-bottom:20px;margin-bottom:24px}.survey-color-controls .section-head{margin-top:0}.survey-color-controls select,.survey-color-controls input[type=number]{width:100%;padding:10px;margin:7px 0 12px;border:1px solid #38586a;border-radius:6px;background:#102d40;color:#e5f1f6;font:inherit;color-scheme:dark}.survey-color-controls details{margin-top:12px}.survey-color-controls details label{margin-top:12px}.survey-color-controls button{width:100%}#surveyColorBar{height:13px;border-radius:3px;margin-top:14px}.survey-color-legend{display:flex;justify-content:space-between;gap:8px;color:#b9cdd8;font-size:12px;margin-top:7px}.survey-color-legend span:nth-child(2){text-align:center}#wellSurveyMetric{border-top:1px solid #365061;margin-top:15px;padding-top:6px}#wellSurveyMetric h4{font-size:14px;font-weight:500;margin-bottom:8px}
.operator-actions{display:flex;gap:6px}.operator-actions button{flex:1;font-size:12px;padding:8px}.operator-legend{max-height:310px;overflow-y:auto;overscroll-behavior:contain;margin-top:12px;display:grid;gap:3px}.operator-legend button{display:grid;grid-template-columns:18px 1fr auto;gap:9px;align-items:center;text-align:left;padding:8px 6px;font-size:12px;border-color:transparent;background:transparent}.operator-legend button:hover,.operator-legend button[aria-pressed=true]{border-color:#567284;background:#18384a}.operator-legend i{height:12px;width:16px;border-radius:2px;border:1px solid #a9c3d044}.operator-legend small{color:#8eafc3;font-size:10px}.operator-identity{padding:9px 0;color:#c9dce9;font-size:13px;line-height:1.5}.operator-identity strong{display:block;color:#e5f1f6;font-weight:500}#operatorControls{padding-top:3px}#operatorFilterSummary{color:#a6dcd3}
.footage-controls{border-top:1px solid #294153;padding-top:18px;margin-top:18px}.footage-colorbar{height:12px;border-radius:6px;margin-top:12px}.footage-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.footage-rates label{font-size:11px}.footage-rates input{width:100%;box-sizing:border-box}.footage-card{border:1px solid #355064;border-radius:9px;padding:10px;margin-top:13px}.footage-card h4{margin:0 0 10px;font-size:14px}.footage-table{width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums}.footage-table caption{text-align:left;color:#a2b6c4;font-size:10px;margin-bottom:7px}.footage-table th,.footage-table td{text-align:right;padding:6px 3px;border-bottom:1px solid #294153}.footage-table th:first-child,.footage-table td:first-child{text-align:left}.footage-table .active-scenario{background:#173c50;color:#e0f7ff}.footage-card details{margin-top:10px}.footage-card dl{font-size:12px}#footageError{color:#ffb4a2}

.mobile-only{display:none}
.well-search-panel{border-bottom:1px solid #2b3d4c;margin:0 0 22px;padding-bottom:16px;scroll-margin-top:86px}
#wellNameStatus{font-size:11px;margin:2px 0 8px}
#results{overscroll-behavior:contain}
#results button{text-align:left;line-height:1.5;padding:9px 10px;min-height:44px;overflow-wrap:anywhere}
#results .search-result-title{display:block;font-size:13px;font-weight:600;color:#e8f4fa}
#results small{display:block;font-size:11px;color:#a2bacb;margin-top:3px}
#selectedWellTitle{overflow-wrap:anywhere}
.well-context-controls{border-bottom:1px solid #2b3d4c;padding-bottom:14px;margin-bottom:18px}
.well-context-controls select{width:100%;padding:10px;margin-top:8px;background:#102d40;color:#e5f1f6;border:1px solid #38586a;border-radius:6px;font:inherit;color-scheme:dark}
@media(max-width:800px){
  #mobileWellSearch{display:inline-block;min-height:44px;font-size:12px;padding:8px 10px}
  .view-top{top:12px}
  .view-buttons{display:grid;grid-template-columns:1.25fr 1fr 1fr .7fr;gap:5px}
  .view-buttons button{min-height:44px;padding:7px 4px;font-size:12px}
  .mobile-quick-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:6px;pointer-events:auto;letter-spacing:0}
  .mobile-quick-controls button{min-width:0;min-height:44px;padding:7px 3px;font-size:12px;background:#112536ef}
  .mobile-quick-controls button[aria-pressed=true]{border-color:#85d9d4;color:#abfff1;background:#1c3e50}
  .selected-toolbar{top:var(--mobile-toolbar-bottom,120px);right:12px;max-width:none;justify-content:space-between;padding:9px 10px;gap:8px}
  .selected-toolbar #selectedName{max-width:140px}
  #message{top:var(--mobile-toolbar-bottom,120px);left:12px;max-width:calc(100% - 24px)}
  .selected-toolbar:not([hidden])~#message{top:calc(var(--mobile-toolbar-bottom,120px) + 78px)}
  .mobile-production-toggle{display:block;position:absolute;z-index:5;bottom:16px;left:12px;min-height:44px;padding:9px 13px;background:#102c40f5;border-color:#6eabb2;box-shadow:0 4px 16px #0005;font-size:12px}
  .mobile-bottom-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:absolute;z-index:5;bottom:16px;left:12px;right:12px}
  .mobile-bottom-controls .mobile-production-toggle{position:static;min-width:0;padding:8px 5px}
  #mobileWellContext{min-width:0;min-height:44px;width:100%;padding:7px 5px;border:1px solid #6eabb2;border-radius:7px;background:#102c40f5;color:#e4eef6;font:inherit;font-size:12px;color-scheme:dark;box-shadow:0 4px 16px #0005}
  #mobileProductionPanelToggle,#mobileProductionHide{display:inline-block;min-height:44px;padding:8px 10px;font-size:12px}
  .production-controls .section-head{gap:10px}
  .mobile-production-collapsed #productionPanelBody,.mobile-production-collapsed #productionTimeline{display:none!important}
  .production-timeline{bottom:70px;max-height:calc(100% - var(--mobile-toolbar-bottom,120px) - 90px);overflow-y:auto;overscroll-behavior:contain}
  .selected-toolbar:not([hidden])~.production-timeline{max-height:calc(100% - var(--mobile-toolbar-bottom,120px) - 165px)}
  .production-time-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .production-time-heading>div{grid-column:1;grid-row:1;min-width:0}
  #mobileProductionHide{grid-column:2;grid-row:1}
  .production-time-heading label{display:flex;grid-column:1/-1;grid-row:2;justify-content:space-between;align-items:center;gap:8px}
  .production-time-heading input{min-width:0;max-width:160px;margin:0}
  .view-bottom{display:none}
  .axis{display:none}
}
@media(max-width:560px){
  #viewport{height:calc(100svh - 66px);min-height:480px;scroll-margin-top:66px}
  .header-actions .button{display:none}
}

.brand{text-decoration:none;color:inherit}.brand:hover{color:#b7fff0}
