/* Recodet Round 1 — shared professional design system */
:root{
  --rc-bg:#070604;
  --rc-bg-soft:#0d0b07;
  --rc-surface:#121009;
  --rc-surface-raised:#18140c;
  --rc-surface-gold:#211a0c;
  --rc-gold:#d4af37;
  --rc-gold-bright:#f0cf65;
  --rc-gold-soft:#8f6b18;
  --rc-text:#fffaf0;
  --rc-text-soft:#d8ccb0;
  --rc-muted:#9e9278;
  --rc-line:rgba(212,175,55,.22);
  --rc-line-soft:rgba(212,175,55,.12);
  --rc-success:#43b581;
  --rc-danger:#e06b6b;
  --rc-radius-sm:12px;
  --rc-radius-md:16px;
  --rc-radius-lg:20px;
  --rc-shadow:0 12px 30px rgba(0,0,0,.32);
  --rc-tap:44px;
}

*{box-sizing:border-box}
html{background:var(--rc-bg);color-scheme:dark}
body.recodet-pro{
  margin:0;
  background:
    radial-gradient(700px 360px at 95% -5%,rgba(212,175,55,.08),transparent 62%),
    var(--rc-bg);
  color:var(--rc-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;
  line-height:1.4;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation}

/* Shared type scale */
.title,#pageTitle{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--rc-text)}
.sectionTitle,.serviceSectionTitle,[class*="SectionTitle"]{font-size:18px;font-weight:800;letter-spacing:-.015em;color:var(--rc-text)}
.moduleTitle,[class*="CardTitle"],[class*="ProTitle"]{font-size:15px;font-weight:700;color:var(--rc-text)}
.pmeta,.moduleSub,[class*="Meta"],[class*="Sub"]{color:var(--rc-muted)}

/* One clean top bar */
.topbar{
  position:sticky;top:0;z-index:100;
  min-height:72px;
  padding:10px 14px;
  display:flex;align-items:center;gap:10px;
  background:rgba(7,6,4,.94);
  border-bottom:1px solid var(--rc-line-soft);
  box-shadow:0 8px 24px rgba(0,0,0,.22);
  backdrop-filter:blur(18px);
}
.topicons{margin-left:auto;display:flex;gap:8px}
.iconbtn{
  width:var(--rc-tap);height:var(--rc-tap);min-width:var(--rc-tap);
  border:1px solid var(--rc-line);
  border-radius:14px;
  display:grid;place-items:center;
  color:var(--rc-gold-bright);
  background:var(--rc-surface);
  box-shadow:none;
}
.iconbtn svg{width:22px;height:22px}
.iconbtn:hover,.iconbtn:focus-visible{background:var(--rc-surface-raised);border-color:rgba(240,207,101,.5)}
.compactHomeBtn{display:grid!important;background:linear-gradient(145deg,#17130a,#0d0b07)}
.brandMark{display:none!important}
.coinPill{border:1px solid var(--rc-line);background:var(--rc-surface);color:var(--rc-text)}

/* Core content spacing */
.content{padding:14px 14px 104px;margin-left:82px;max-width:none}
@media(max-width:900px){.content{margin-left:0;padding:12px 12px 104px}.appSidebar{display:none!important}}

/* Shared surfaces */
.card,.detailCard,.pcard,.tile,.hubTile,.hubModuleTile,
[class$="Card"],[class$="Panel"],[class$="Tile"]{
  background:linear-gradient(180deg,var(--rc-surface-raised),var(--rc-surface));
  border:1px solid var(--rc-line-soft);
  color:var(--rc-text);
  box-shadow:var(--rc-shadow);
}

/* Shared buttons */
.btn,[class*="PrimaryBtn"],[class*="Submit"],.serviceBookBtn{
  min-height:var(--rc-tap);
  border:0;
  border-radius:14px;
  background:linear-gradient(145deg,var(--rc-gold-bright),var(--rc-gold));
  color:#171005;
  font-weight:800;
  box-shadow:0 8px 18px rgba(212,175,55,.2);
}
.btn.secondary,[class*="SecondaryBtn"]{
  background:var(--rc-surface-raised);
  color:var(--rc-gold-bright);
  border:1px solid var(--rc-line);
  box-shadow:none;
}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--rc-gold-bright);
  outline-offset:2px;
}

/* Forms */
input,select,textarea{
  color:var(--rc-text);
  background:var(--rc-surface);
  border:1px solid var(--rc-line);
  border-radius:13px;
}
input::placeholder,textarea::placeholder{color:#7f755f}

/* Main hub: direct icon tiles, no button-inside-button look */
.hubModulesHead{margin:18px 2px 10px}
.hubModulesHint{display:none}
.hubModuleGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hubModuleTile{
  min-height:76px;
  padding:7px 4px;
  border-radius:16px;
  gap:5px;
  box-shadow:none;
}
.hubModuleIcon{
  width:46px;height:46px;
  border:0;
  border-radius:0;
  background:transparent;
  overflow:visible;
}
.hubModuleIcon img,.hubModuleIcon svg{width:46px;height:46px;object-fit:contain}
.hubModuleTile>span:last-child{font-size:10px;font-weight:700;color:var(--rc-text-soft)}

/* Compact shared tiles */
#viewCategories .gridCat,#viewSubcats .gridCat{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
#viewCategories .tile,#viewSubcats .tile{min-height:76px;padding:6px 4px;border-radius:15px;box-shadow:none}
#viewCategories .tile .img,#viewSubcats .tile .img{height:44px;border:0;background:transparent}
#viewCategories .tile .img .imgReal,#viewSubcats .tile .img .imgReal{object-fit:contain;padding:0;background:transparent}
#viewCategories .tile .label,#viewSubcats .tile .label{font-size:10px;font-weight:700;color:var(--rc-text-soft)}

/* Readable product cards */
.gridProd{gap:10px}
.pcard{padding:10px;border-radius:18px;box-shadow:none}
.shopProductImage,.pimg{background:var(--rc-bg-soft);border:1px solid var(--rc-line-soft)}
.pname{font-size:13px;font-weight:700;color:var(--rc-text);line-height:1.25}
.pmeta{font-size:11px;color:var(--rc-muted)}
.pprice,.price{color:var(--rc-gold-bright);font-weight:800}

/* Professional module bottom dock */
.moduleBottomBar,.bottomBar,[class*="BottomBar"]{
  border:1px solid var(--rc-line);
  background:rgba(16,13,8,.96);
  box-shadow:0 -8px 24px rgba(0,0,0,.32);
  backdrop-filter:blur(18px);
}

/* Remove obsolete interface regardless of old styles */
.moduleRibbon,#moduleRibbon,.contextRibbon,#contextRibbon,.searchbar,#searchbar{display:none!important}

@media(max-width:390px){
  .topbar{min-height:66px;padding:8px 10px}.title,#pageTitle{font-size:22px}
  .hubModuleGrid{gap:6px}.hubModuleTile{min-height:70px;padding:5px 2px}.hubModuleIcon,.hubModuleIcon img,.hubModuleIcon svg{width:42px;height:42px}
  #viewCategories .tile,#viewSubcats .tile{min-height:70px}
}

/* ROUND 11 public-readiness reliability */
.imgWrap{background:var(--surface-soft);overflow:hidden}
.imgReal{display:block;aspect-ratio:1/1}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}
button[disabled]{opacity:.5;cursor:not-allowed}
@media(max-width:390px){.content{padding-bottom:104px!important}}