/* Ultimate Reloader PRO Shell — Prototype v2 (Flat / Tactical)
   Scoped to body.ur-pro-shell to avoid fighting the main theme.
*/
body.ur-pro-shell{
  --bg:#0b0c0f; --panel:#0f1116; --ink:#e9edf2; --muted:#9aa6b2; --muted2:#6f7a86; --line:#2a2f37;
  --hot:#ff1e2d; --hot2:#b0151f; --ok:#36d18b; --warn:#ffb020; --max:1260px;
  --sans:"Barlow", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  --cond:"Barlow Condensed", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  --mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  overflow-x:hidden;
  --side:340px; /* shared left column width (matches sidebar) */
}
.bbpress-wrapper{
    color:#000;
}
body.ur-pro-shell:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;
  background:linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
           linear-gradient(0deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size:28px 28px;mix-blend-mode:overlay;
}
h1, h2, h3, h4, h5, h6{
    color:#fff!important;
}
body.ur-pro-shell *{box-sizing:border-box}
body.ur-pro-shell a{color:inherit;text-decoration:none}
body.ur-pro-shell button,body.ur-pro-shell input,body.ur-pro-shell select{font:inherit}
main.ur-pro-app{/*padding-top:100px;*/}

.ur-pro-topbar{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--line)}

/* Header uses the SAME column geometry as the shell: [sidebar | content | right] */
.ur-pro-topbar-inner{
  max-width:var(--max);
  margin:0 auto;
  padding:12px 16px;
  display:grid;
  grid-template-columns: var(--side) 1fr auto auto;
  column-gap:14px;
  align-items:center;
}

.ur-pro-brand{display:flex;align-items:center;gap:12px;min-width:0}
.ur-pro-brand img{height:50px;width:auto;display:block}
.ur-pro-nav{display:flex;align-items:center;gap:8px;min-width:0}
.ur-pro-nav-list{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none}
.ur-pro-nav a{display:block;font-family:var(--cond);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:14px;padding:10px 10px;border:1px solid transparent}
.ur-pro-nav a:hover{border-color:var(--line)} .ur-pro-nav a.current-menu-item,.ur-pro-nav a.current-menu-ancestor,.ur-pro-nav a.current_page_item,.ur-pro-nav a.current_page_ancestor{border-color:var(--hot);color:var(--hot)}

.ur-pro-mark{display:flex;align-items:stretch;gap:8px;margin-left:0;justify-self:end}
.toggle-switch{display:flex;border:1px solid var(--line);background:#0b0c0f}
.toggle-item{padding:10px 18px;font-family:var(--cond);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:14px;border-right:1px solid var(--line);color:var(--muted)}
.toggle-item:last-child{border-right:none}
.toggle-item:hover{color:var(--hot)}
.toggle-item.active{background:var(--hot);color:#0b0c0f}

.ur-pro-actions{display:none}
.btn-icon{width:42px;height:42px;background:var(--panel);border:1px solid var(--line);color:var(--ink);cursor:pointer}
.btn-icon:hover{border-color:var(--hot)}

.ur-pro-app{max-width:var(--max);margin:0 auto;padding:14px 16px 60px;display:grid;grid-template-columns:var(--side) 1fr;gap:14px;align-items:start}
.box{border:1px solid var(--line);background:var(--panel)}
.ur-pro-sidebar{position:sticky;top:74px;overflow:hidden}
.side-head{padding:14px 14px 10px;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.kicker{font-family:var(--cond);font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:var(--muted)}
.side-title{margin-top:6px;font-family:var(--cond);font-weight:900;letter-spacing:.10em;text-transform:uppercase;font-size:20px}
.badge{font-family:var(--mono);font-size:12px;padding:4px 8px;border:1px solid var(--line);background:#0b0c0f;color:var(--muted);display:inline-block}

.side-search{padding:12px 14px;border-bottom:1px solid var(--line)}
.search-wrap{position:relative;display:flex;align-items:center}
.search-icon{position:absolute;left:10px;width:16px;height:16px;color:var(--muted);pointer-events:none}
.search{width:100%;padding:10px 10px 10px 36px;border:1px solid var(--line);background:#0b0c0f;color:var(--ink);outline:none}
.search:focus{border-color:var(--hot)}
.search-wrap:focus-within .search-icon{color:var(--hot)}

.tree{padding:10px}
.group{border:1px solid var(--line);margin:8px 0;background:#0b0c0f}
.group>button{width:100%;padding:12px 12px;background:transparent;border:0;color:var(--ink);cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-family:var(--cond);font-weight:900;letter-spacing:.10em;text-transform:uppercase;font-size:18px}
.group>button:hover{color:var(--hot)}
.caret{width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform .15s ease;margin-left:6px}
.group[data-open="true"] .caret{transform:rotate(45deg)}
.items{display:grid;gap:6px;padding:10px;border-top:1px solid var(--line)}
.item{display:flex;align-items:center;gap:10px;padding:10px 10px;border:1px solid var(--line);background:var(--panel);color:var(--ink); margin-left:20px}
.item:hover{border-color:var(--hot)}
.item.active{border-color:var(--hot);box-shadow:inset 4px 0 0 var(--hot)}
.item .dot{width:8px;height:8px;background:var(--muted2)}
.item.active .dot{background:var(--hot)}
.item span:first-child{flex:1;font-weight:700}

.ur-pro-main{overflow:hidden;min-height:70vh}
.hero{padding:16px 16px 12px;border-bottom:1px solid var(--line);background:#0b0c0f}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.crumb{border:1px solid var(--line);padding:6px 8px;font-family:var(--cond);font-weight:900;letter-spacing:.10em;text-transform:uppercase;font-size:12px;color:var(--muted)}
/* bbPress breadcrumb -> match .crumb pills */
body.ur-pro-shell .bbp-breadcrumb,
body.ur-pro-shell .bbp-breadcrumb p{
  margin:0;
}
body.ur-pro-shell .bbp-breadcrumb p{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
body.ur-pro-shell .bbp-breadcrumb a,
body.ur-pro-shell .bbp-breadcrumb span{
  border:1px solid var(--line);
  padding:6px 8px;
  font-family:var(--cond);
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:12px;
  color:var(--muted);
}
body.ur-pro-shell .bbp-breadcrumb a:hover{
  border-color:var(--hot);
  color:var(--hot);
}
.hero h1{margin:10px 0 6px;font-family:var(--cond);font-weight:900;letter-spacing:.06em;text-transform:uppercase;
  font-size:clamp(22px,2.7vw,36px);line-height:1.06}
.hero p{margin:0 0 12px;color:var(--muted);max-width:75ch;line-height:1.55;font-size:14px}
.cta-row{display:flex;gap:10px;flex-wrap:wrap}
.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:11px 14px;cursor:pointer;
  font-family:var(--cond);font-weight:900;letter-spacing:.10em;text-transform:uppercase;font-size:14px}
.btn:hover{border-color:var(--hot);color:var(--hot)}
.btn.hot{background:var(--hot);border-color:var(--hot);color:#0b0c0f}
.btn.ghost{background:transparent}

.content{padding:16px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.panel{border:1px solid var(--line);background:#0b0c0f;padding:14px}
.panel h3{margin:0 0 8px;font-family:var(--cond);font-weight:900;letter-spacing:.10em;text-transform:uppercase;font-size:14px}
.panel p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}
.form{display:grid;gap:10px;margin-top:12px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
label{display:grid;gap:6px;font-family:var(--cond);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:var(--muted)}
input,select{padding:10px 10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);outline:none}
input:focus,select:focus{border-color:var(--hot)}
.result{margin-top:10px;border:1px solid var(--line);background:var(--panel);padding:12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.result strong{font-family:var(--mono);font-size:14px;color:var(--ink)}
.result .sub{color:var(--muted);font-size:13px;line-height:1.45}

@media (max-width:980px){.ur-pro-shell{grid-template-columns:1fr}.ur-pro-sidebar{position:relative;top:0}}
@media (max-width:720px){
  .ur-pro-topbar-inner{display:flex;align-items:center;gap:14px}
  .ur-pro-actions{display:flex;align-items:center;gap:10px}
  .ur-pro-nav{display:none}
  #sidebarDesktop{display:none}
  .ur-pro-shell{grid-template-columns:1fr;padding-top:10px}
  .ur-pro-mark{display:none}
  .ur-pro-brand{min-width:auto}
  .grid{grid-template-columns:1fr}
  .row{grid-template-columns:1fr}
}

.overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:70}
.overlay.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;bottom:0;left:0;width:min(92vw,380px);transform:translateX(-105%);transition:transform .15s ease;z-index:80;
  background:var(--bg);border-right:1px solid var(--line)}
.drawer.open{transform:translateX(0)}
.drawer .ur-pro-sidebar{position:relative;top:0;height:100%}
.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:#0b0c0f}
.drawer-head .t{font-family:var(--cond);font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.x{width:42px;height:42px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer}
.x:hover{border-color:var(--hot);color:var(--hot)}

.hintbar{display:none;border-top:1px solid var(--line);background:#0b0c0f;padding:10px 12px;color:var(--muted);font-size:12px;
  letter-spacing:.08em;text-transform:uppercase;font-family:var(--cond);font-weight:800;justify-content:space-between;align-items:center;gap:10px}
.hintbar strong{color:var(--hot)}
@media (max-width:720px){.hintbar{display:flex}}


/* Full-width bar, centered inner (matches prototype) */
header.ur-pro-topbar{width:100vw;max-width:100vw;margin:0;left:0;right:0}

/* =========================================================
   bbPress in PRO Theme — Flat / Tactical Treatment (Scoped)
   ========================================================= */

/* Stop forcing bbPress text to black inside PRO */
body.ur-pro-shell .bbpress-wrapper{ color: var(--ink); }

/* Scope to the PRO app wrapper + bbPress root */
body.ur-pro-shell main.ur-pro-app #bbpress-forums{
  --bbp-bg:      #0b0c0f;
  --bbp-panel:   #0f1116;
  --bbp-panel2:  #12151c;
  --bbp-line:    #2a2f37;
  --bbp-ink:     #e9edf2;
  --bbp-muted:   #9aa6b2;
  --bbp-muted2:  #6f7a86;
  --bbp-accent:  #ff1e2d;  /* match your --hot */
  --bbp-accent2: #ff5a52;

  color: var(--bbp-ink);
  font-family: var(--sans);
  padding: 18px 0 28px;
}

/* If your theme is heavy-handed, these help “force” the PRO look */
body.ur-pro-shell main.ur-pro-app #bbpress-forums,
body.ur-pro-shell main.ur-pro-app #bbpress-forums *{
  box-sizing: border-box;
}

/* Panels */
body.ur-pro-shell main.ur-pro-app #bbpress-forums ul.bbp-topics,
body.ur-pro-shell main.ur-pro-app #bbpress-forums ul.bbp-replies,
body.ur-pro-shell main.ur-pro-app #bbpress-forums ul.bbp-search-results{
  max-width: 1100px;
  margin: 14px auto;
  padding: 0;
  border: 1px solid var(--bbp-line);
  background: var(--bbp-panel);
}

/* Header/footer rows */
body.ur-pro-shell main.ur-pro-app #bbpress-forums li.bbp-header,
body.ur-pro-shell main.ur-pro-app #bbpress-forums li.bbp-footer{
  background: var(--bbp-panel2);
  border-bottom: 1px solid var(--bbp-line);
  color: var(--bbp-muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
}

/* Breadcrumb pills (align with your .crumb style) */
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-breadcrumb a,
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-breadcrumb span{
  border:1px solid var(--line);
  padding:6px 8px;
  font-family:var(--cond);
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:12px;
  color:var(--muted);
}
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-breadcrumb a:hover{
  border-color: var(--hot);
  color: var(--hot);
}

/* Reply/topic content */
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-reply-content,
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-topic-content{
  /*padding: 16px 16px 18px;*/
  color: var(--bbp-ink);
  font-size: 16px;
  /*line-height: 1.6;*/
}

/* Author column */
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-reply-author,
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-topic-author{
  background: rgba(255,255,255,.02);
  border-right: 1px solid var(--bbp-line);
  /*padding: 14px 12px;*/
    font-size:16px;
}
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-author-name{
  color: var(--bbp-ink);
  font-weight: 800;
}

/* Forms/buttons */
body.ur-pro-shell main.ur-pro-app #bbpress-forums input[type="text"],
body.ur-pro-shell main.ur-pro-app #bbpress-forums input[type="password"],
body.ur-pro-shell main.ur-pro-app #bbpress-forums textarea{
  background: #0d0f14;
  border: 1px solid var(--bbp-line);
  color: var(--bbp-ink);
  padding: 10px 12px;
  outline: none;
}
body.ur-pro-shell main.ur-pro-app #bbpress-forums input[type="text"]:focus,
body.ur-pro-shell main.ur-pro-app #bbpress-forums input[type="password"]:focus,
body.ur-pro-shell main.ur-pro-app #bbpress-forums textarea:focus{
  border-color: var(--hot);
  box-shadow: 0 0 0 2px rgba(255,30,45,.18);
}

body.ur-pro-shell main.ur-pro-app #bbpress-forums input[type="submit"],
body.ur-pro-shell main.ur-pro-app #bbpress-forums button{
  background: transparent;
  color: var(--bbp-ink);
  border: 1px solid var(--bbp-line);
  padding: 10px 14px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
  font-size: 12px;
}
body.ur-pro-shell main.ur-pro-app #bbpress-forums input#bbp_reply_submit{
  border-color: var(--hot);
  color: var(--hot);
}
body.ur-pro-shell main.ur-pro-app #bbpress-forums input#bbp_reply_submit:hover{
  background: rgba(255,30,45,.10);
}

/* =========================================================
   bbPress readability fixes (force dark surfaces)
   Put at VERY BOTTOM of stylesheet
   ========================================================= */

body.ur-pro-shell main.ur-pro-app #bbpress-forums{
  color: var(--ink);
}

/* If this exists, it will wreck dark theme; override it */
body.ur-pro-shell .bbpress-wrapper{
  color: var(--ink) !important;
}

/* The list items themselves sometimes carry the white bg */
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-body .hentry,
body.ur-pro-shell main.ur-pro-app #bbpress-forums ul.bbp-replies > li,
body.ur-pro-shell main.ur-pro-app #bbpress-forums ul.bbp-topics  > li{
  background: var(--panel) !important;
  color: var(--ink) !important;
}

/* The actual post content area (this is the big one) */
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-reply-content,
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-topic-content{
  background: var(--panel) !important;
  color: var(--ink) !important;
}

/* Paragraphs/spans sometimes get their own color from theme/bbPress */
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-reply-content *,
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-topic-content *{
  color: inherit;
}

/* Author column surface */
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-reply-author,
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-topic-author{
  background: #0b0c0f !important;
  color: var(--ink) !important;
}

/* Header strips (date/posted/etc.) */
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-reply-header,
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-topic-header{
  background: #0b0c0f !important;
  color: var(--muted) !important;
  border-bottom: 1px solid var(--line) !important;
}

/* Links inside posts */
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-reply-content a,
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-topic-content a{
  color: var(--hot) !important;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.20);
}
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-reply-content a:hover,
body.ur-pro-shell main.ur-pro-app #bbpress-forums .bbp-topic-content a:hover{
  border-bottom-color: var(--hot);
}

/* =========================================================
   bbPress "white surface" kill switch (PRO)
   Put at VERY BOTTOM of stylesheet
   ========================================================= */

/* Make sure the bbPress root is in PRO colors */
body.ur-pro-shell .ur-pro-app #bbpress-forums{
  color: var(--ink) !important;
}

/* If this exists anywhere, it will sabotage readability */
body.ur-pro-shell .bbpress-wrapper{
  color: var(--ink) !important;
  background: transparent !important;
}

/* The white background is usually on one of these “row” wrappers */
body.ur-pro-shell .ur-pro-app #bbpress-forums ul.bbp-replies > li,
body.ur-pro-shell .ur-pro-app #bbpress-forums ul.bbp-topics > li,
body.ur-pro-shell .ur-pro-app #bbpress-forums li.bbp-body,
body.ur-pro-shell .ur-pro-app #bbpress-forums .hentry{
  background: var(--panel) !important;
  color: var(--ink) !important;
}

/* The big one: force the content column itself dark */
body.ur-pro-shell .ur-pro-app #bbpress-forums div.bbp-reply-content,
body.ur-pro-shell .ur-pro-app #bbpress-forums .bbp-reply-content,
body.ur-pro-shell .ur-pro-app #bbpress-forums div.bbp-topic-content,
body.ur-pro-shell .ur-pro-app #bbpress-forums .bbp-topic-content{
  background: var(--panel) !important;
  color: var(--ink) !important;
}

/* Sometimes the theme paints white on child blocks/paragraphs */
body.ur-pro-shell .ur-pro-app #bbpress-forums .bbp-reply-content p,
body.ur-pro-shell .ur-pro-app #bbpress-forums .bbp-topic-content p,
body.ur-pro-shell .ur-pro-app #bbpress-forums .bbp-reply-content div,
body.ur-pro-shell .ur-pro-app #bbpress-forums .bbp-topic-content div{
  background: transparent !important;
  color: var(--ink) !important;
}

/* If any table-like elements are involved (some themes do this) */
body.ur-pro-shell .ur-pro-app #bbpress-forums table,
body.ur-pro-shell .ur-pro-app #bbpress-forums td,
body.ur-pro-shell .ur-pro-app #bbpress-forums th{
  background: transparent !important;
  color: var(--ink) !important;
}

/* Author column: keep it darker for separation */
body.ur-pro-shell .ur-pro-app #bbpress-forums .bbp-reply-author,
body.ur-pro-shell .ur-pro-app #bbpress-forums .bbp-topic-author{
  background: #0b0c0f !important;
  border-right: 1px solid var(--line) !important;
  color: var(--ink) !important;
}

/* Header strip */
body.ur-pro-shell .ur-pro-app #bbpress-forums .bbp-reply-header,
body.ur-pro-shell .ur-pro-app #bbpress-forums .bbp-topic-header{
  background: #0b0c0f !important;
  color: var(--muted) !important;
  border-bottom: 1px solid var(--line) !important;
}

/* =========================================================
   bbPress notices (bbp-template-notice) — PRO styling
   ========================================================= */

body.ur-pro-shell .ur-pro-app #bbpress-forums .bbp-template-notice{
  background: #141821 !important;              /* medium/dark gray panel */
  border: 1px solid var(--line) !important;
  color: var(--ink) !important;
  padding: 12px 14px !important;
  margin: 12px 0 14px !important;
  border-left: 4px solid var(--warn) !important;  /* default notice stripe */
  box-shadow: none !important;
}

/* Info notice (the one you highlighted in the screenshot) */
body.ur-pro-shell .ur-pro-app #bbpress-forums .bbp-template-notice.info{
  background: #141821 !important;
  border-color: var(--line) !important;
  border-left-color: var(--hot) !important;   /* hot stripe for info */
}

/* Tighten typography + kill any theme link colors inside */
body.ur-pro-shell .ur-pro-app #bbpress-forums .bbp-template-notice,
body.ur-pro-shell .ur-pro-app #bbpress-forums .bbp-template-notice p{
  font-size: 13px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  color: var(--ink) !important;
}

body.ur-pro-shell .ur-pro-app #bbpress-forums .bbp-template-notice a{
  color: var(--hot) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255,255,255,.20);
}
body.ur-pro-shell .ur-pro-app #bbpress-forums .bbp-template-notice a:hover{
  border-bottom-color: var(--hot);
}

/* ===========================
   COST CALCULATOR — FINAL (single source of truth)
   =========================== */

body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] form.ur-cost-form{
  display:block;
  margin-top:12px;
  direction:ltr;
}

body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] form.ur-cost-form .row{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
  margin: 0 0 12px;
}

body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] form.ur-cost-form label{
  display:flex;
  flex-direction:column;
  gap:6px;
}

body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] form.ur-cost-form input{
  width:100%;
}

/* collapse only on truly small screens */
@media (max-width: 560px){
  body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] form.ur-cost-form .row{
    grid-template-columns: 1fr;
  }
}
/* COST CALC — bulletproof 2-up layout (no more stagger) */
body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] form.ur-cost-form .row{
  display:flex !important;
  gap: 14px 18px !important;
  margin: 0 0 12px !important;
  align-items:flex-start !important;
}

/* each label becomes a half-width column */
body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] form.ur-cost-form .row > label{
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

/* stack on small screens only */
@media (max-width: 560px){
  body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] form.ur-cost-form .row{
    flex-direction:column !important;
  }
}

/* also fix the white inputs (theme override) */
body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] form.ur-cost-form input{
  background:#0b0c0f !important;
  color: var(--ink) !important;
  border: 1px solid var(--line) !important;
}



/* =========================================================
   SHARED UR CALC COMPONENTS — make all calculators match
   the Cost Calculator styling/spacing exactly
   ========================================================= */
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__panel{
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  color: var(--ink) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.35) !important;
}
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__h{
  margin:0 0 8px;
  font-family:var(--cond);
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:14px;
  color: var(--ink) !important;
}
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__form{
  display:grid;
  gap:10px;
  margin-top:12px;
}
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__row{
  display:flex !important;
  gap:10px !important;
  align-items:stretch !important;
}
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__row > .urcalc__field,
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__row > label.urcalc__field,
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__row > div.urcalc__field{
  flex:1 1 0 !important;
  min-width:0 !important;
}
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__field{
  display:grid;
  gap:6px;
}
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__label,
body.ur-pro-shell .ur-pro-tool.urcalc label{
  font-family:var(--cond);
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  color: var(--muted) !important;
}
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__input,
body.ur-pro-shell .ur-pro-tool.urcalc input{
  width:100%;
  padding:10px 10px;
  background:#0b0c0f !important;
  color: var(--ink) !important;
  border:1px solid var(--line) !important;
  border-radius:0 !important;
  outline:none !important;
    font-size:16px !important;
}
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__input:focus,
body.ur-pro-shell .ur-pro-tool.urcalc input:focus{
  border-color: rgba(255,30,45,.75) !important;
  box-shadow: 0 0 0 2px rgba(255,30,45,.15) !important;
}
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:4px;
}
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__btn{
  min-width:140px;
}
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__result,
body.ur-pro-shell .ur-pro-tool.urcalc .result{
  background:#0b0c0f !important;
  border:1px solid var(--line) !important;
  color: var(--ink) !important;
}
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__big{
  display:block;
  font-family:var(--mono);
  font-size:22px;
  line-height:1.15;
  color:var(--ink);
}
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__sub,
body.ur-pro-shell .ur-pro-tool.urcalc .result .sub{
  color: var(--muted) !important;
}
body.ur-pro-shell .ur-pro-tool.urcalc .badge{
  align-self:flex-start;
  background:#0b0c0f !important;
  border-color:var(--line) !important;
  color:var(--muted) !important;
}
body.ur-pro-shell .ur-pro-tool.urcalc .btn{
  background:var(--panel) !important;
  border:1px solid var(--line) !important;
  color:var(--ink) !important;
}
body.ur-pro-shell .ur-pro-tool.urcalc .btn:hover{
  border-color:var(--hot) !important;
  color:var(--hot) !important;
}
body.ur-pro-shell .ur-pro-tool.urcalc .btn.hot,
body.ur-pro-shell .ur-pro-tool.urcalc .btn:disabled.hot{
  background:var(--hot) !important;
  border-color:var(--hot) !important;
  color:#0b0c0f !important;
}
body.ur-pro-shell .ur-pro-tool.urcalc .btn:disabled{
  opacity:.7;
  cursor:not-allowed;
}
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__mini{
  display:grid;
  gap:8px;
}
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__minirow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 10px;
  border:1px solid var(--line);
  background:var(--panel);
}
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__minirow span{
  color:var(--muted);
  font-size:12px;
}
body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__minirow strong{
  font-family:var(--mono);
  font-size:14px;
  color:var(--ink) !important;
}
@media (max-width:720px){
  body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__grid{grid-template-columns:1fr;}
}
@media (max-width:560px){
  body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__row{flex-direction:column !important;}
  body.ur-pro-shell .ur-pro-tool.urcalc .urcalc__btn{width:100%;}
}

/* =========================================================
   COST CALC — restore PRO dark/tactical color scheme
   (scoped, won’t affect other pages)
   ========================================================= */

body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"]{
  --cc-bg:   var(--bg, #0b0c0f);
  --cc-pan:  var(--panel, #0f1116);
  --cc-pan2: #0b0c0f;
  --cc-line: var(--line, #2a2f37);
  --cc-ink:  var(--ink, #e9edf2);
  --cc-mut:  var(--muted, #9aa6b2);
  --cc-hot:  var(--hot, #ff1e2d);
}

/* kill any white surface inheritance */
body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] .panel,
body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] .urcalc__panel{
  background: var(--cc-pan) !important;
  border: 1px solid var(--cc-line) !important;
  color: var(--cc-ink) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.35) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] .urcalc__h,
body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] h3{
  color: var(--cc-ink) !important;
}

/* labels */
body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] label{
  color: var(--cc-mut) !important;
}

/* inputs */
body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] input{
  background: var(--cc-pan2) !important;
  color: var(--cc-ink) !important;
  border: 1px solid var(--cc-line) !important;
  border-radius: 0 !important;
  outline: none !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] input:focus{
  border-color: rgba(255,30,45,.75) !important;
  box-shadow: 0 0 0 2px rgba(255,30,45,.15) !important;
}

/* results cards */
body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] .result{
  background: var(--cc-pan2) !important;
  border: 1px solid var(--cc-line) !important;
  color: var(--cc-ink) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] .result .sub{
  color: var(--cc-mut) !important;
}

/* badges */
body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] .badge{
  background: var(--cc-pan2) !important;
  border-color: var(--cc-line) !important;
  color: var(--cc-mut) !important;
}

/* buttons */
body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] .btn{
  background: var(--cc-pan) !important;
  border: 1px solid var(--cc-line) !important;
  color: var(--cc-ink) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] .btn:hover{
  border-color: var(--cc-hot) !important;
  color: var(--cc-hot) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="cost-calculator"] .btn.hot{
  background: var(--cc-hot) !important;
  border-color: var(--cc-hot) !important;
  color: #0b0c0f !important;
}
.urcalc__mini { display: grid; gap: 8px; }
.urcalc__minirow{
  display:flex; align-items:center; justify-content:space-between;
  padding: 8px 10px;
  border: 1px solid var(--line);
  background: var(--panel);
}
.urcalc__minirow span { color: var(--muted); font-size: 12px; }

/* =========================================================
   NECK BUSHING CALC — same PRO dark/tactical color system
   ========================================================= */

body.ur-pro-shell .ur-pro-tool[data-tool="neck-bushing-calculator"]{
  --cc-bg:   var(--bg, #0b0c0f);
  --cc-pan:  var(--panel, #0f1116);
  --cc-pan2: #0b0c0f;
  --cc-line: var(--line, #2a2f37);
  --cc-ink:  var(--ink, #e9edf2);
  --cc-mut:  var(--muted, #9aa6b2);
  --cc-hot:  var(--hot, #ff1e2d);
}

body.ur-pro-shell .ur-pro-tool[data-tool="neck-bushing-calculator"] form.ur-neck-form .row > label{
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

@media (max-width: 560px){
  body.ur-pro-shell .ur-pro-tool[data-tool="neck-bushing-calculator"] form.ur-neck-form .row{
    flex-direction: column !important;
  }
}

body.ur-pro-shell .ur-pro-tool[data-tool="neck-bushing-calculator"] .panel,
body.ur-pro-shell .ur-pro-tool[data-tool="neck-bushing-calculator"] .urcalc__panel{
  background: var(--cc-pan) !important;
  border: 1px solid var(--cc-line) !important;
  color: var(--cc-ink) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.35) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="neck-bushing-calculator"] .urcalc__h,
body.ur-pro-shell .ur-pro-tool[data-tool="neck-bushing-calculator"] h3{
  color: var(--cc-ink) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="neck-bushing-calculator"] label{
  color: var(--cc-mut) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="neck-bushing-calculator"] input{
  background: var(--cc-pan2) !important;
  color: var(--cc-ink) !important;
  border: 1px solid var(--cc-line) !important;
  border-radius: 0 !important;
  outline: none !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="neck-bushing-calculator"] input:focus{
  border-color: rgba(255,30,45,.75) !important;
  box-shadow: 0 0 0 2px rgba(255,30,45,.15) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="neck-bushing-calculator"] .result{
  background: var(--cc-pan2) !important;
  border: 1px solid var(--cc-line) !important;
  color: var(--cc-ink) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="neck-bushing-calculator"] .result .sub{
  color: var(--cc-mut) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="neck-bushing-calculator"] .badge{
  background: var(--cc-pan2) !important;
  border-color: var(--cc-line) !important;
  color: var(--cc-mut) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="neck-bushing-calculator"] .btn{
  background: var(--cc-pan) !important;
  border: 1px solid var(--cc-line) !important;
  color: var(--cc-ink) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="neck-bushing-calculator"] .btn:hover{
  border-color: var(--cc-hot) !important;
  color: var(--cc-hot) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="neck-bushing-calculator"] .btn.hot{
  background: var(--cc-hot) !important;
  border-color: var(--cc-hot) !important;
  color: #0b0c0f !important;
}


/* =========================================================
   SHOTSHELL COST CALC — same PRO dark/tactical color system
   ========================================================= */

body.ur-pro-shell .ur-pro-tool[data-tool="shotshell-cost-calculator"]{
  --cc-bg:   var(--bg, #0b0c0f);
  --cc-pan:  var(--panel, #0f1116);
  --cc-pan2: #0b0c0f;
  --cc-line: var(--line, #2a2f37);
  --cc-ink:  var(--ink, #e9edf2);
  --cc-mut:  var(--muted, #9aa6b2);
  --cc-hot:  var(--hot, #ff1e2d);
}

body.ur-pro-shell .ur-pro-tool[data-tool="shotshell-cost-calculator"] .panel,
body.ur-pro-shell .ur-pro-tool[data-tool="shotshell-cost-calculator"] .urcalc__panel{
  background: var(--cc-pan) !important;
  border: 1px solid var(--cc-line) !important;
  color: var(--cc-ink) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.35) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="shotshell-cost-calculator"] .urcalc__h,
body.ur-pro-shell .ur-pro-tool[data-tool="shotshell-cost-calculator"] h3{
  color: var(--cc-ink) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="shotshell-cost-calculator"] label{
  color: var(--cc-mut) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="shotshell-cost-calculator"] input{
  background: var(--cc-pan2) !important;
  color: var(--cc-ink) !important;
  border: 1px solid var(--cc-line) !important;
  border-radius: 0 !important;
  outline: none !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="shotshell-cost-calculator"] input:focus{
  border-color: rgba(255,30,45,.75) !important;
  box-shadow: 0 0 0 2px rgba(255,30,45,.15) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="shotshell-cost-calculator"] .result{
  background: var(--cc-pan2) !important;
  border: 1px solid var(--cc-line) !important;
  color: var(--cc-ink) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="shotshell-cost-calculator"] .result .sub{
  color: var(--cc-mut) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="shotshell-cost-calculator"] .badge{
  background: var(--cc-pan2) !important;
  border-color: var(--cc-line) !important;
  color: var(--cc-mut) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="shotshell-cost-calculator"] .btn{
  background: var(--cc-pan) !important;
  border: 1px solid var(--cc-line) !important;
  color: var(--cc-ink) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="shotshell-cost-calculator"] .btn:hover{
  border-color: var(--cc-hot) !important;
  color: var(--cc-hot) !important;
}

body.ur-pro-shell .ur-pro-tool[data-tool="shotshell-cost-calculator"] .btn.hot{
  background: var(--cc-hot) !important;
  border-color: var(--cc-hot) !important;
  color: #0b0c0f !important;
}