/* Native mixed theme for OpenClaw only: blue title band, orange content accents. */
body.orange main>.breadcrumb-area.bg-gradient{background:#4154f1;background:linear-gradient(to bottom right,#4154f1,#061169)}
body.orange #cb-site-header .cb-auth .cb-trial{background:linear-gradient(90deg,#ff5621 0%,#f03900 77%)!important}
body.orange main .btn-gradient::after{background:linear-gradient(90deg,#ff5621 0%,#f03900 77%);box-shadow:none}
body.orange main .breadcrumb .active{color:#ff5621}
body.orange #cb-site-header .cb-trial:focus-visible,
body.orange main .btn-gradient:focus-visible{outline:3px solid #ff5621;outline-offset:3px}
body.orange main .about-features-area .process-box .icon i,
body.orange main .ai-usecase-icon,
body.orange main .ai-usecase-card>.icon,
body.orange main .ai-usecase-card>.icon i{color:#ff5621}
body.orange main .ai-usecase-icon,
body.orange main .ai-usecase-card>.icon{background:#fffaf8}
body.orange main .about-features-area .process-box .icon i::after{background:#ff5621}
body.orange main .ai-usecase-link,
body.orange main .cb-directory-link a,
body.orange main .cb-scenario-directory .cb-directory-nav a{color:#ff5621}
body.orange main .ai-usecase-card:hover,
body.orange main .ai-usecase-card:focus-visible{border-color:#ff5621!important}
body.orange main .ai-usecase-card::before{background:linear-gradient(90deg,#ff5621,#f03900)}
body.orange main .ai-usecase-card:focus-visible,
body.orange main .cb-directory-link a:focus-visible{outline:3px solid #ff5621;outline-offset:3px}
body.orange main .features-area .icon i{color:#fff}

/* Match the native OpenClaw orange accents; keep its blue title band and artwork. */
body.orange main .ai-landing-hero .info :is(h5,[data-cb-original-heading="h5"]),
body.orange main .ai-feature-panel .process-box .icon,
body.orange main .cb-verify-card__eyebrow,
body.orange main .cb-mini-calc p{color:#ff5621}
body.orange main .ai-feature-panel .process-box .icon{background:#fffaf8}
body.orange main .cb-verify-card::before,
body.orange main .cb-verify-card__icon{background:linear-gradient(90deg,#ff5621 0%,#f03900 77%)}
body.orange main .cb-verify-card__icon{color:#fff}
body.orange main .cb-verify-card__metric{color:rgba(255,86,33,.12)}
body.orange main .ai-usecase-card .icon{background:#fffaf8;color:#ff5621}
body.orange main .cb-code-copy,
body.orange main .cbqi-terminal__copyBtn,
body.orange main .cb-mini-calc button{background:linear-gradient(90deg,#ff5621 0%,#f03900 77%)!important}
body.orange main .cbqi-terminal__copyBtn:hover{border-color:#ff5621}
body.orange main .cb-code-copy:focus-visible,
body.orange main .cbqi-terminal__copyBtn:focus-visible,
body.orange main .cb-mini-calc button:focus-visible{outline:3px solid #ff5621;outline-offset:3px}

/* Compatibility for the new modules, using the template's body.orange accent. */
body.orange .cb-ai-main :is(.cb-ai-link,.cb-ai-resources a,.cb-ai-points i,.cb-ai-feature>i,.cb-ai-workflow i,.cb-ai-client-mark){color:#ff5621}
body.orange .cb-ai-main .cb-ai-outline{border-color:#ff5621!important;color:#ff5621!important}
body.orange .cb-ai-main .cb-ai-outline:hover{background:#fffaf8!important}
body.orange .cb-ai-main :is(.cb-ai-client-mark,.cb-ai-tabs){background:#fffaf8}
body.orange .cb-ai-main .cb-ai-steps>li:before{background:#ff5621}
body.orange .cb-ai-main .cb-ai-tabs button[aria-selected=true]{border-bottom-color:#ff5621;color:#ff5621}
body.orange .cb-ai-main .cb-ai-code-copy{background:linear-gradient(90deg,#ff5621 0%,#f03900 77%)}
body.orange .cb-ai-main :is(a,button,summary):focus-visible{outline-color:#ff5621}
.cb-ai-main .cb-ai-use-cases{margin-top:48px;padding-top:36px;border-top:1px solid var(--ai-line);scroll-margin-top:100px}
.cb-ai-main .cb-ai-case-group{margin:28px 0}
.cb-ai-main .cb-ai-case-group h3{font-size:18px!important;margin-bottom:4px}
.cb-ai-main .cb-ai-case-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px}
.cb-ai-main .cb-ai-case-list li{padding:18px 0;border-bottom:1px solid var(--ai-line);min-width:0}
.cb-ai-main .cb-ai-case-list a{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#ff5621;font-size:16px;line-height:1.6;min-height:44px}
.cb-ai-main .cb-ai-case-list a i{flex:none;font-size:13px}
.cb-ai-main .cb-ai-case-list a:hover strong{text-decoration:underline;text-underline-offset:4px}
.cb-ai-main .cb-ai-case-list p{font-size:14px;margin:5px 0 0}
.cb-scenario-return{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}
.cb-scenario-return a{display:inline-flex;align-items:center;min-height:44px;color:#ff5621;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.cb-scenario-availability{padding:12px 16px;margin:16px 0;background:#fffaf8;font-size:14px;line-height:1.8;border:1px solid #eee;border-radius:4px}
@media(max-width:991px){.cb-ai-main .cb-ai-case-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.cb-ai-main .cb-ai-case-list{grid-template-columns:1fr}.cb-ai-main .cb-ai-use-cases{margin-top:32px;padding-top:28px}body.orange .cb-ai-main .breadcrumb-area .breadcrumb li{color:#ff5621!important}}
