
/* =========================================================
   EDGE CONTROL V4.2 — UNIFIED CONTROL PLANE
   Live-snapshot audited.
   ========================================================= */

/* ---------- shared identity ---------- */
body.edge-v4-app,
body.v42-docs,
body.v42-media-seo,
body.v42-seo-upload{
  --v42-bg:#070809;
  --v42-panel:#101214;
  --v42-panel2:#141618;
  --v42-panel3:#0b0c0d;
  --v42-line:#2b2c2d;
  --v42-line2:#3b352f;
  --v42-text:#f2eee7;
  --v42-muted:#9a9389;
  --v42-dim:#6f6962;
  --v42-orange:#ff7a12;
  --v42-orange2:#ffa04d;
  --v42-green:#91df74;
  --v42-red:#ff716b;
  --v42-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --v42-sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

/* ---------- use the original folder SVG, not emoji/glyph ---------- */
body.edge-v4-app .folder-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
}
body.edge-v4-app .folder-link svg{
  width:52px!important;
  height:52px!important;
  fill:none!important;
  stroke:#ff8a2f!important;
  stroke-width:1.65!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  filter:drop-shadow(0 0 8px rgba(255,122,18,.10));
  transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .24s ease!important;
}
body.edge-v4-app .item:hover .folder-link svg,
body.edge-v4-app .v41-motion-card:hover .folder-link svg{
  transform:translateY(-2px) scale(1.035);
  filter:drop-shadow(0 0 13px rgba(255,122,18,.23));
}
/* Programmatic niche folders use same visual language. */
body.edge-v4-app .folderpreview.v42-folder-svg{
  font-size:0!important;
}
body.edge-v4-app .folderpreview.v42-folder-svg svg{
  width:48px;height:48px;fill:none;stroke:#ff8a2f;stroke-width:1.65;
  stroke-linecap:round;stroke-linejoin:round;
}

/* ---------- old Docs sidebar card fully normalized ---------- */
body.edge-v4-app .sidebar-card-docs{
  background:linear-gradient(180deg,#121315,#0e0f10)!important;
  border:1px solid #2b2b29!important;
  border-radius:18px!important;
  box-shadow:0 12px 35px rgba(0,0,0,.20)!important;
  padding:16px!important;
}
body.edge-v4-app .ampme-docs-card-title{
  color:#ff9040!important;
  font:850 10px var(--v42-mono)!important;
  letter-spacing:.13em!important;
}
body.edge-v4-app .ampme-docs-card-copy{
  color:#928c83!important;
  font-size:12px!important;
  line-height:1.55!important;
}
body.edge-v4-app .ampme-docs-card-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  min-height:40px!important;
  margin-top:12px!important;
  border-radius:11px!important;
  border:1px solid #69452e!important;
  background:linear-gradient(180deg,#ff9840,#ff7410)!important;
  color:#1a110b!important;
  font:800 11px var(--v42-sans)!important;
  text-decoration:none!important;
  box-shadow:0 9px 24px rgba(255,108,4,.14)!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
body.edge-v4-app .ampme-docs-card-button svg{
  width:16px!important;height:16px!important;stroke:currentColor!important
}
body.edge-v4-app .ampme-docs-card-button:hover{
  background:linear-gradient(180deg,#ffa24d,#ff7b18)!important;
  border-color:#ffad68!important;
  color:#1a110b!important;
  transform:translateY(-1px)!important;
  box-shadow:0 13px 32px rgba(255,108,4,.20)!important;
}
body.edge-v4-app .ampme-docs-card-button:active{
  transform:translateY(0) scale(.985)!important;
}

/* ---------- unified global header for standalone sub-apps ---------- */
.v42-global-header{
  position:sticky;
  top:0;
  z-index:1000;
  height:70px;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  background:rgba(8,9,10,.90);
  border-bottom:1px solid rgba(255,255,255,.065);
  backdrop-filter:blur(22px);
  box-shadow:0 10px 42px rgba(0,0,0,.25);
}
.v42-brand{display:flex;align-items:center;gap:11px;min-width:0}
.v42-brand-mark{
  width:38px;height:38px;border-radius:11px;
  display:grid;place-items:center;flex:0 0 auto;
  background:linear-gradient(145deg,#ffa04b,#ff6f05);
  box-shadow:0 0 25px rgba(255,119,15,.20);
}
.v42-brand-mark svg{width:19px;height:19px;fill:none;stroke:#1b110a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v42-brand-title{font:850 14px var(--v42-mono);letter-spacing:.09em;color:#eee9e1;white-space:nowrap}
.v42-brand-sub{margin-top:3px;font:500 10px var(--v42-mono);letter-spacing:.05em;color:#69645e;white-space:nowrap}
.v42-global-nav{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.v42-nav-link{
  min-height:38px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:12px;border:1px solid #302f2c;background:#0f1011;color:#aaa49b;
  font-size:12px;font-weight:650;text-decoration:none;white-space:nowrap;
  transition:.2s ease;
}
.v42-nav-link:hover{color:#ff9b4a;border-color:#66442e;background:#181411}
.v42-nav-link.active{color:#ff9a48;background:rgba(255,122,18,.09);border-color:#68452e}
.v42-health{
  min-height:34px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;
  border-radius:12px;border:1px solid rgba(145,223,116,.22);
  background:rgba(145,223,116,.055);color:#b2e7a2;
  font:800 9px var(--v42-mono);letter-spacing:.08em;
}
.v42-health i{width:7px;height:7px;border-radius:50%;background:#91df74;box-shadow:0 0 14px rgba(145,223,116,.8);animation:v42Pulse 1.8s ease-in-out infinite}

/* ---------- page command/hero shared ---------- */
.v42-page-command{
  position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  min-height:92px;margin:0 0 16px;padding:20px 22px;border-radius:22px;
  border:1px solid rgba(255,255,255,.075);
  background:
    radial-gradient(circle at 10% 0,rgba(255,122,18,.075),transparent 38%),
    linear-gradient(180deg,rgba(18,19,21,.97),rgba(13,14,15,.97));
  box-shadow:0 18px 46px rgba(0,0,0,.22);
}
.v42-page-kicker{color:#ff9040;font:850 9px var(--v42-mono);letter-spacing:.14em;margin-bottom:7px}
.v42-page-title{font-size:28px;font-weight:780;letter-spacing:-.035em;color:#f1ece4}
.v42-page-sub{margin-top:5px;color:#817b73;font-size:12px}
.v42-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.v42-pill{
  min-height:32px;padding:0 11px;border-radius:11px;display:inline-flex;align-items:center;gap:7px;
  background:#0d0e0f;border:1px solid #2e2d2a;color:#89837b;font:750 9px var(--v42-mono);
}
.v42-pill b{color:#ddd7cf}
.v42-page-command:after{
  content:"";position:absolute;top:0;bottom:0;left:-260px;width:220px;pointer-events:none;
  background:linear-gradient(105deg,transparent,rgba(255,132,40,.045),transparent);
  animation:v42Scan 7s ease-in-out infinite;
}

/* =========================================================
   DOCS
   ========================================================= */
body.v42-docs{
  margin:0!important;
  background:
    radial-gradient(900px 560px at 8% -8%,rgba(255,112,10,.10),transparent 58%),
    #070809!important;
  color:#f1ece4!important;
  font-family:var(--v42-sans)!important;
}
body.v42-docs .topbar{
  position:sticky!important;top:0!important;z-index:1000!important;
  background:rgba(8,9,10,.90)!important;border-bottom:1px solid rgba(255,255,255,.065)!important;
  backdrop-filter:blur(22px)!important;box-shadow:0 10px 42px rgba(0,0,0,.25)!important;
}
body.v42-docs .topbar-inner{max-width:1500px!important;padding:15px 24px!important}
body.v42-docs .brand-mark{
  width:38px!important;height:38px!important;border-radius:11px!important;
  background:linear-gradient(145deg,#ffa04b,#ff6f05)!important;color:#1b110a!important;
  box-shadow:0 0 24px rgba(255,119,15,.20)!important;
}
body.v42-docs .brand-title{color:#eee9e1!important;font:850 14px var(--v42-mono)!important;letter-spacing:.09em!important}
body.v42-docs .brand-sub{color:#69645e!important;font:500 10px var(--v42-mono)!important;letter-spacing:.05em!important}
body.v42-docs .top-actions{color:#8e887f!important}
body.v42-docs .top-actions .btn{
  background:#0f1011!important;border-color:#302f2c!important;color:#aaa49b!important;
  border-radius:12px!important;box-shadow:none!important
}
body.v42-docs .top-actions .btn:hover{color:#ff9b4a!important;border-color:#66442e!important;background:#181411!important}

body.v42-docs .page{max-width:1500px!important;padding:28px 24px 72px!important}
body.v42-docs .hero{
  margin-bottom:16px!important;padding:28px!important;border-radius:22px!important;
  background:
    radial-gradient(circle at 8% 0,rgba(255,122,18,.075),transparent 38%),
    linear-gradient(180deg,#121315,#0d0e0f)!important;
  border:1px solid #2c2b28!important;box-shadow:0 16px 44px rgba(0,0,0,.22)!important;
}
body.v42-docs .hero h1{color:#f2eee7!important;font-size:32px!important;letter-spacing:-.04em!important}
body.v42-docs .hero p{color:#918a82!important}
body.v42-docs .badge{
  background:#171819!important;border:1px solid #302f2c!important;color:#aaa39a!important;
  border-radius:999px!important
}
body.v42-docs .badge.green{
  background:rgba(145,223,116,.075)!important;border-color:rgba(145,223,116,.20)!important;color:#afe89d!important
}
body.v42-docs .btn.primary{
  background:linear-gradient(180deg,#ff9840,#ff7210)!important;border-color:#ffa059!important;color:#1a110b!important;
  box-shadow:0 9px 26px rgba(255,108,4,.14)!important
}
body.v42-docs .search-card{
  background:linear-gradient(180deg,#111214,#0d0e0f)!important;border:1px solid #2b2a28!important;
  border-radius:18px!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important
}
body.v42-docs .search-row input{
  background:#090a0b!important;color:#ddd7cf!important;border-color:#32312e!important;border-radius:12px!important
}
body.v42-docs .search-row input:focus{border-color:#ff7a12!important;box-shadow:0 0 0 3px rgba(255,122,18,.08)!important}
body.v42-docs .toc{gap:9px!important}
body.v42-docs .toc a{
  background:#101214!important;color:#a9a299!important;border:1px solid #2b2a28!important;
  border-radius:12px!important;transition:.2s!important
}
body.v42-docs .toc a:hover{background:#181411!important;border-color:#68452e!important;color:#ff9a48!important;transform:translateY(-1px)}
body.v42-docs .doc-section{
  background:linear-gradient(180deg,#111214,#0e0f10)!important;border:1px solid #2b2a28!important;
  border-radius:18px!important;box-shadow:0 12px 36px rgba(0,0,0,.18)!important;overflow:hidden!important
}
body.v42-docs .section-head{background:#121315!important;border-bottom:1px solid #292825!important}
body.v42-docs .section-head h2,body.v42-docs .section-body h3{color:#eee8df!important}
body.v42-docs .section-head p,body.v42-docs .section-body p,body.v42-docs .section-body li{color:#999289!important}
body.v42-docs .info{
  background:#0b0c0d!important;border:1px solid #2c2b28!important;color:#aaa39a!important;border-radius:13px!important
}
body.v42-docs .info strong{color:#f0eae2!important}
body.v42-docs .notice{border-radius:13px!important}
body.v42-docs .notice.blue{background:#0d131a!important;border-color:#27394d!important;color:#9eb8d4!important}
body.v42-docs .notice.green{background:#101810!important;border-color:#30462a!important;color:#a9e399!important}
body.v42-docs .notice.amber{background:#1b150d!important;border-color:#5a4427!important;color:#e5af69!important}
body.v42-docs .notice.red{background:#1b1010!important;border-color:#57302d!important;color:#ff8c86!important}
body.v42-docs .flow,body.v42-docs pre{
  background:#090a0b!important;color:#ded8cf!important;border:1px solid #2b2a28!important;border-radius:13px!important
}
body.v42-docs .table-wrap{border-color:#2b2a28!important;background:#0d0e0f!important}
body.v42-docs th{background:#141618!important;color:#d9d3ca!important}
body.v42-docs td{color:#999289!important;border-color:#292825!important}
body.v42-docs .kbd{background:#121315!important;border-color:#3a3732!important;color:#ddd7cf!important}
body.v42-docs .footer{color:#746f68!important}

/* =========================================================
   MEDIA SEO
   ========================================================= */
body.v42-media-seo{
  margin:0!important;background:
  radial-gradient(900px 560px at 8% -8%,rgba(255,112,10,.10),transparent 58%),#070809!important;
  color:#f1ece4!important;font-family:var(--v42-sans)!important
}
body.v42-media-seo .wrap{max-width:1500px!important;padding:24px!important}
body.v42-media-seo:not(.embed) .top{
  min-height:92px!important;margin:0 0 16px!important;padding:20px 22px!important;
  border-radius:22px!important;border:1px solid rgba(255,255,255,.075)!important;
  background:radial-gradient(circle at 10% 0,rgba(255,122,18,.075),transparent 38%),linear-gradient(180deg,#121315,#0d0e0f)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.22)!important
}
body.v42-media-seo .top h1{color:#f1ece4!important;font-size:28px!important;letter-spacing:-.035em!important}
body.v42-media-seo .sub{color:#817b73!important}
body.v42-media-seo .stats{gap:12px!important}
body.v42-media-seo .stat{
  background:linear-gradient(180deg,#121315,#0e0f10)!important;border:1px solid #2b2a28!important;
  border-radius:16px!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important
}
body.v42-media-seo .stat strong{color:#f0eae2!important;font-size:24px!important}
body.v42-media-seo .card{
  background:linear-gradient(180deg,#121315,#0e0f10)!important;border-color:#2b2a28!important;
  border-radius:18px!important;box-shadow:0 12px 35px rgba(0,0,0,.20)!important
}
body.v42-media-seo .toolbar{background:transparent!important}
body.v42-media-seo .toolbar input,
body.v42-media-seo .toolbar select,
body.v42-media-seo .field input,
body.v42-media-seo .field textarea{
  background:#090a0b!important;color:#ddd7cf!important;border:1px solid #32312e!important;border-radius:12px!important
}
body.v42-media-seo .toolbar input:focus,
body.v42-media-seo .field input:focus,
body.v42-media-seo .field textarea:focus{border-color:#ff7a12!important;box-shadow:0 0 0 3px rgba(255,122,18,.08)!important;outline:0!important}
body.v42-media-seo .btn,
body.v42-media-seo button{
  background:#0b0c0d!important;border:1px solid #37342f!important;color:#c2bcb4!important;border-radius:11px!important;
  transition:.18s ease!important
}
body.v42-media-seo .btn:hover,
body.v42-media-seo button:hover{background:#191512!important;border-color:#704a30!important;color:#ff9b49!important}
body.v42-media-seo .toolbar .btn,
body.v42-media-seo .actions .btn,
body.v42-media-seo .actions button{box-shadow:none!important}
body.v42-media-seo .item{
  background:linear-gradient(180deg,#151719,#101214)!important;border-color:#2e2d2a!important;border-radius:16px!important;
  overflow:hidden!important;box-shadow:0 8px 24px rgba(0,0,0,.17)!important;transition:.22s!important
}
body.v42-media-seo .item:hover{transform:translateY(-3px);border-color:#68472f!important;box-shadow:0 18px 44px rgba(0,0,0,.28)!important}
body.v42-media-seo .preview,body.v42-media-seo .editor-preview{background:#0b0c0d!important}
body.v42-media-seo .name{color:#eee8df!important}.path,.meta{color:#817b73!important}
body.v42-media-seo .badge.on{background:rgba(145,223,116,.075)!important;color:#afe89d!important}
body.v42-media-seo .badge.off{background:#20201e!important;color:#969087!important}
body.v42-media-seo .lock{color:#ff9a48!important}
body.v42-media-seo .msg{background:#101810!important;color:#a9e399!important;border:1px solid #30462a!important}
body.v42-media-seo .err{background:#1b1010!important;color:#ff8c86!important;border:1px solid #57302d!important}
body.v42-media-seo .pagination a{background:#0d0e0f!important;border-color:#31302d!important;color:#aaa39a!important}
body.v42-media-seo .pagination .active{background:#ff7a12!important;border-color:#ff9c52!important;color:#1a110b!important}
/* embedded editor remains functional and compact */
body.v42-media-seo.embed{background:#0b0c0d!important}
body.v42-media-seo.embed .wrap{padding:14px!important}
body.v42-media-seo.embed .seo-editor-card{background:#0f1011!important}

/* =========================================================
   SEO IMAGE UPLOAD
   ========================================================= */
body.v42-seo-upload{
  margin:0!important;background:
  radial-gradient(900px 560px at 8% -8%,rgba(255,112,10,.10),transparent 58%),#070809!important;
  color:#f1ece4!important;font-family:var(--v42-sans)!important
}
body.v42-seo-upload .wrap{max-width:1260px!important;padding:24px!important}
body.v42-seo-upload .top{
  min-height:92px!important;margin:0 0 16px!important;padding:20px 22px!important;
  border-radius:22px!important;border:1px solid rgba(255,255,255,.075)!important;
  background:radial-gradient(circle at 10% 0,rgba(255,122,18,.075),transparent 38%),linear-gradient(180deg,#121315,#0d0e0f)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.22)!important
}
body.v42-seo-upload .top h1{color:#f1ece4!important;font-size:28px!important;letter-spacing:-.035em!important}
body.v42-seo-upload .sub{color:#817b73!important}
body.v42-seo-upload .card{
  background:linear-gradient(180deg,#121315,#0e0f10)!important;border:1px solid #2b2a28!important;
  border-radius:18px!important;box-shadow:0 12px 35px rgba(0,0,0,.20)!important
}
body.v42-seo-upload .drop{
  background:radial-gradient(circle at 50% 0,rgba(255,122,18,.07),transparent 64%),#0b0c0d!important;
  border-color:#4a392d!important;border-radius:16px!important;color:#aaa39a!important
}
body.v42-seo-upload .drop:hover{border-color:#ff7a12!important;background:rgba(255,122,18,.045)!important}
body.v42-seo-upload .btn,body.v42-seo-upload button{
  background:#0b0c0d!important;border:1px solid #37342f!important;color:#c2bcb4!important;border-radius:11px!important
}
body.v42-seo-upload .primary{
  background:linear-gradient(180deg,#ff9840,#ff7210)!important;border-color:#ffa059!important;color:#1a110b!important
}
body.v42-seo-upload .seo-field input,
body.v42-seo-upload .seo-field textarea,
body.v42-seo-upload input[type=text]{
  background:#090a0b!important;color:#ddd7cf!important;border-color:#32312e!important;border-radius:12px!important
}
body.v42-seo-upload .seo-label{color:#aaa39a!important}
body.v42-seo-upload .hint{color:#817b73!important}
body.v42-seo-upload .file,body.v42-seo-upload .result{
  background:#0d0e0f!important;border-color:#292825!important;color:#d8d2ca!important
}
body.v42-seo-upload .ok{background:#101810!important;color:#a9e399!important;border-color:#30462a!important}
body.v42-seo-upload .err{background:#1b1010!important;color:#ff8c86!important;border-color:#57302d!important}

/* ---------- reveal motion on unified subpages ---------- */
.v42-reveal{opacity:0;transform:translateY(10px)}
.v42-reveal.v42-visible{animation:v42Reveal .5s cubic-bezier(.2,.8,.2,1) forwards}

@keyframes v42Pulse{0%,100%{opacity:.55;transform:scale(.86)}50%{opacity:1;transform:scale(1.12)}}
@keyframes v42Scan{0%,35%{left:-260px}58%,100%{left:calc(100% + 40px)}}
@keyframes v42Reveal{to{opacity:1;transform:none}}

@media(max-width:980px){
  .v42-global-header{height:auto;min-height:70px;padding:12px 16px;align-items:flex-start}
  .v42-global-nav{flex-wrap:wrap;justify-content:flex-end}
  .v42-health{display:none}
}
@media(max-width:720px){
  .v42-global-header{flex-direction:column}
  .v42-global-nav{justify-content:flex-start;width:100%}
  .v42-nav-link{flex:1 1 auto}
  body.v42-docs .page,body.v42-media-seo .wrap,body.v42-seo-upload .wrap{padding:14px!important}
}

/* explicit button normalization after live render review */
body.v42-docs .btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  min-height:40px!important;padding:8px 14px!important;border-radius:11px!important;
  border:1px solid #34312e!important;background:#0f1011!important;color:#b7b0a8!important;
  font-weight:700!important;text-decoration:none!important;box-shadow:none!important
}
body.v42-docs .btn:hover{background:#181411!important;border-color:#68452e!important;color:#ff9a48!important}
body.v42-docs .btn.primary{
  background:linear-gradient(180deg,#ff9840,#ff7210)!important;border-color:#ffa059!important;color:#1a110b!important;
  box-shadow:0 9px 26px rgba(255,108,4,.14)!important
}
body.v42-media-seo .toolbar button[type=submit],
body.v42-media-seo .seo-editor-card form > button[type=submit]{
  background:linear-gradient(180deg,#ff9840,#ff7210)!important;border-color:#ffa059!important;color:#1a110b!important;
  box-shadow:0 9px 24px rgba(255,108,4,.12)!important
}

