/* Drilling Tools - premium depth layer for every dark page (calculators, kill sheet, well planner, tech specs).
   Loaded after premium.css / premium-apps.css. Depth, focus, icons and motion only: no layout, no logic.
   Same system as the simulator: hairline edges, top highlight, layered neutral shadows, recessed readouts,
   150-250 ms state changes, one visible focus ring, cursor feedback, icons as SVG (never emoji). */
:root{
  --r-sm:7px;--r-md:11px;--ease:cubic-bezier(.2,.7,.2,1);
  --hair:rgba(255,255,255,.075);
  --hi:inset 0 1px 0 rgba(255,255,255,.06);
  --sh-card:0 0 0 1px rgba(0,0,0,.4),0 1px 1px -.5px rgba(0,0,0,.3),0 3px 3px -1.5px rgba(0,0,0,.28),0 8px 8px -4px rgba(0,0,0,.3),0 16px 16px -8px rgba(0,0,0,.32);
}
body{font-feature-settings:"tnum" 1,"lnum" 1;-webkit-font-smoothing:antialiased}
:focus-visible{outline:2px solid var(--water);outline-offset:2px}
button,select,summary,.btn,.tab,.tab-btn,.nav-btn,nav a,.cat-card,.preset-btn,.sec-add-btn,.print-btn,.del-btn,.mtog button,.utog button,.unit-toggle button{cursor:pointer}

/* icons that replace emoji (shared/premium-icons.js) */
.pi{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.2em;margin-right:.3em;flex-shrink:0}
.pi:last-child{margin-right:0}
.pi svg{display:block;width:100%;height:100%}

/* cards: layered neutral depth over the existing gradient and strata band */
.card,.info-card,.well-info-box,.calc-info-box,.status-box,.plan-section,.plan-output,#chartWrap,.proc-section,.sum-card,.cat-card{
  box-shadow:var(--hi),var(--sh-card)!important}
.card:hover,.cat-card:hover{box-shadow:var(--hi),0 0 0 1px rgba(232,163,61,.28),0 14px 28px -10px rgba(0,0,0,.65)!important}

/* readouts sit recessed, like a gauge window */
.result-box,.result,.rb,.res-box,.calc-cell,.civ{box-shadow:inset 0 2px 7px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.04)}

/* inputs: recessed wells */
input[type=number],input[type=text],input:not([type]),select{box-shadow:inset 0 1px 3px rgba(0,0,0,.55);transition:border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s}
input[type=number]:hover,input[type=text]:hover,select:hover{border-color:#3a5368!important}

/* buttons: top highlight, press feedback */
.btn,.print-btn,.preset-btn,.sec-add-btn,.mtog button,.utog button,.unit-toggle button{transition:filter .18s,transform .12s,box-shadow .18s,background .18s,color .18s,border-color .18s!important}
.btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 14px rgba(232,163,61,.28)}
.btn:active,.print-btn:active,.preset-btn:active,.sec-add-btn:active{transform:scale(.975)}

/* tables: hairline rows, tabular figures, quiet header */
table{font-variant-numeric:tabular-nums}
th{letter-spacing:.04em}
tbody tr{transition:background .15s}

/* section headers and bars */
.sec-hd,.section-title{letter-spacing:.005em}
#statusbar{background:linear-gradient(180deg,var(--ink-1),#0d151c)!important;border-top:1px solid var(--line)!important}
.tab-btn,.tab,.nav-btn{transition:color .18s,background .18s,border-color .18s,box-shadow .18s}
.tab-btn.on,.tab.active{box-shadow:inset 0 -2px 0 var(--mud)}