/* Oone Context Compiler LAB v0.3 — Oone Retro / Elementor compatibility patch.
 * The host theme's global header/main/footer rules must not lay out the tool UI.
 * A centered breakout lets a narrow Elementor content column host the full workspace.
 */
.oone-cc[data-oone-cc] {
  --occ-accent: #b19bea;
  --occ-accent-dark: #c9b8ff;
  width: min(1120px, calc(100vw - 40px));
  max-width: none !important;
  min-width: 0;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  padding: 0;
  clear: both;
  isolation: isolate;
  text-align: left;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.6;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}
.oone-cc[data-oone-cc],
.oone-cc[data-oone-cc] * {box-sizing: border-box;}
.oone-cc[data-oone-cc] .occ-app {
  width: 100%;
  max-width: 1120px;
  margin: 18px auto 48px;
  min-width: 0;
  border-radius: 12px;
  overflow: hidden;
  container-type: inline-size;
  container-name: occ;
}
/* Hardening against global Oone Retro theme heading/tag styles. */
.oone-cc[data-oone-cc] .occ-header,
.oone-cc[data-oone-cc] .occ-main,
.oone-cc[data-oone-cc] .occ-sidebar,
.oone-cc[data-oone-cc] .occ-foot,
.oone-cc[data-oone-cc] .occ-steps {position: static;float:none;transform:none;max-width:none;max-height:none;min-width:0;height:auto;}
.oone-cc[data-oone-cc] .occ-header {display:block;width:100%;padding:24px 30px;}
.oone-cc[data-oone-cc] .occ-eyebrow {display:flex;flex-wrap:wrap;align-items:center;line-height:1.5;opacity:1;}
.oone-cc[data-oone-cc] .occ-headline {display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;margin:14px 0 0;}
.oone-cc[data-oone-cc] .occ-headline > div:first-child {flex:1 1 380px;min-width:0;}
.oone-cc[data-oone-cc] .occ-privacy {flex:0 1 250px;margin:0;}
.oone-cc[data-oone-cc] h1,
.oone-cc[data-oone-cc] h2,
.oone-cc[data-oone-cc] h3 {
  position: static !important;
  display: block;
  float: none !important;
  transform: none !important;
  width: auto;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: 0 !important;
  text-transform: none !important;
  color: var(--occ-heading) !important;
  text-shadow: none !important;
  letter-spacing: -0.025em;
  line-height: 1.4 !important;
  word-break: keep-all;
}
.oone-cc[data-oone-cc] h1 {font-size: clamp(20px,2.1vw,27px) !important;font-weight:800 !important;}
.oone-cc[data-oone-cc] h2 {font-size: clamp(18px,1.7vw,23px) !important;font-weight:750 !important;}
.oone-cc[data-oone-cc] h3 {font-size:14px !important;font-weight:750 !important;}
.oone-cc[data-oone-cc] .occ-headline p {margin:8px 0 0 !important;line-height:1.7;color:var(--occ-muted) !important;}
.oone-cc[data-oone-cc] .occ-headline p strong {color:var(--occ-ink) !important;}
.oone-cc[data-oone-cc] .occ-stepview>.occ-lead {margin:9px 0 23px !important;color:var(--occ-muted) !important;line-height:1.7;}
.oone-cc[data-oone-cc] .occ-sidebar,.oone-cc[data-oone-cc] .occ-main {min-width:0;}
.oone-cc[data-oone-cc] .occ-main {padding:28px 30px 24px;}
.oone-cc[data-oone-cc] .occ-panel {padding:22px;}
.oone-cc[data-oone-cc] label {color:var(--occ-ink);font-size:12px;line-height:1.55;}
.oone-cc[data-oone-cc] .occ-step {line-height:1.5;min-height:0;}
.oone-cc[data-oone-cc] input:not([type=radio]):not([type=file]),
.oone-cc[data-oone-cc] select,
.oone-cc[data-oone-cc] textarea {font-size:13px;line-height:1.5;min-width:0;}
.oone-cc[data-oone-cc] .occ-chip {color:var(--occ-accent-dark);}
/* Match the approved Oone dark-navy look with readable purple accents. */
.oone-cc[data-occ-theme="dark"] {
  --occ-bg:#181b30;
  --occ-surface:#22263e;
  --occ-side:#181b30;
  --occ-soft:#292d48;
  --occ-control:#1a1e33;
  --occ-heading:#f9f8ff;
  --occ-ink:#f1efff;
  --occ-muted:#c5c4dc;
  --occ-line:rgba(191,181,233,.24);
  --occ-field-line:rgba(200,196,235,.37);
  --occ-hint:#302946;
  --occ-accent:#b19bea;
  --occ-accent-dark:#c9b8ff;
}
.oone-cc[data-occ-theme="dark"] .occ-eyebrow,
.oone-cc[data-occ-theme="dark"] .occ-kicker {color:#c5b1ff;}
.oone-cc[data-occ-theme="dark"] .occ-privacy {background:#2b304c;color:#f2f0ff;}
.oone-cc[data-occ-theme="dark"] .occ-privacy small {color:#d1cfe5;}
.oone-cc[data-occ-theme="dark"] .occ-step.is-active {background:#292f4d!important;color:#f8f7ff!important;}
.oone-cc[data-occ-theme="dark"] .occ-step.is-active>span:first-child {color:#c6b3ff!important;}
.oone-cc[data-occ-theme="dark"] .occ-step small {color:#c1bfd9;}
.oone-cc[data-occ-theme="dark"] .occ-panel {background:#23273f;}
.oone-cc[data-occ-theme="dark"] input::placeholder,
.oone-cc[data-occ-theme="dark"] textarea::placeholder {color:#a9a8c2;opacity:1;}
.oone-cc[data-occ-theme="dark"] .occ-primary,
.oone-cc[data-occ-theme="dark"] .occ-foot .occ-primary,
.oone-cc[data-occ-theme="dark"] .occ-actions-grid button.occ-primary {background:#a992eb;border-color:#a992eb;color:#17172b;}
.oone-cc[data-occ-theme="dark"] .occ-primary:hover,
.oone-cc[data-occ-theme="dark"] .occ-foot .occ-primary:hover {background:#c8b6ff;border-color:#c8b6ff;color:#17172b;}
.oone-cc[data-occ-theme="dark"] a {color:#c6b4ff;}
/* The tool breaks out to viewport width, so use viewport breakpoints for reflow. */
@media (max-width: 940px) {
  .oone-cc .occ-layout {grid-template-columns:1fr;}
  .oone-cc .occ-sidebar {border-right:0;border-bottom:1px solid var(--occ-line);padding:13px 18px;}
  .oone-cc .occ-sidebar-title,.oone-cc .occ-sidebar-note,.oone-cc .occ-sidebar-actions {display:none;}
  .oone-cc .occ-steps {flex-flow:row nowrap;gap:8px;overflow-x:auto;padding:0 0 3px;}
  .oone-cc .occ-step {flex:0 0 auto;width:auto;min-width:126px;text-align:left;padding:9px 11px;}
  .oone-cc .occ-step small {display:none;}
  .oone-cc .occ-step>span:first-child {display:block;width:auto;}
  .oone-cc .occ-headline {align-items:flex-start;}
}
@media (max-width: 690px) {
  .oone-cc[data-oone-cc] .occ-header {padding:18px 19px;}
  .oone-cc[data-oone-cc] .occ-main {padding:22px 18px;}
  .oone-cc[data-oone-cc] .occ-panel {padding:17px;}
  .oone-cc[data-oone-cc] .occ-headline {flex-direction:column;align-items:stretch;}
  .oone-cc[data-oone-cc] .occ-headline > div:first-child {flex:0 1 auto;}
  .oone-cc[data-oone-cc] .occ-privacy {flex:0 1 auto;width:100%;}
  .oone-cc .occ-grid2 {grid-template-columns:1fr;}
}
@media (max-width: 480px) {
  .oone-cc .occ-platforms,.oone-cc .occ-actions-grid {grid-template-columns:1fr;}
  .oone-cc[data-oone-cc] .occ-main {padding:18px 14px;}
  .oone-cc[data-oone-cc] .occ-panel {padding:14px;}
  .oone-cc .occ-steps {gap:5px;}
  .oone-cc .occ-step {font-size:12px;min-width:112px;padding:8px 9px;}
  .oone-cc .occ-filecard {display:block;}
  .oone-cc .occ-filethumb,.oone-cc .occ-fileicon {width:66px;height:66px;margin-bottom:9px;}
  .oone-cc .occ-filefields {grid-template-columns:1fr;}
  .oone-cc .occ-foot {flex-wrap:wrap;}
}
@media (max-width: 480px) {
  .oone-cc[data-oone-cc] {width:calc(100vw - 24px);}
  .oone-cc[data-oone-cc] .occ-app {margin:8px auto 26px;}
}