/* Generated by scripts/render-dark-theme.cjs. Review with theme.css. */
/* styles.css */
html[data-theme="dark"] .brand{color:#e4efff}html[data-theme="dark"] .brand small{color:#8ddea1}html[data-theme="dark"] .main-nav{color:rgba(188,211,239,1)}html[data-theme="dark"] .main-nav a:hover,
html[data-theme="dark"] .text-link:hover{color:#8ddea1}html[data-theme="dark"] .menu-toggle{color:#e4efff}html[data-theme="dark"] .eyebrow{color:#8ddea1}html[data-theme="dark"] .hero h1{color:#e4efff}html[data-theme="dark"] .hero h1 em{color:#8ddea1}html[data-theme="dark"] .hero-lede{color:rgba(188,211,239,1)}html[data-theme="dark"] .text-link{color:#a3caff;border-bottom:1px solid rgba(63,85,111,1)}html[data-theme="dark"] .hero-proof strong{color:#e4efff}html[data-theme="dark"] .orb-one{background:rgba(23,48,40,1)}html[data-theme="dark"] .orb-two{background:rgba(22,36,54,1)}html[data-theme="dark"] .terminal-body i{color:rgba(188,211,239,1)}html[data-theme="dark"] .float-card{background:rgba(22,36,54,1)}html[data-theme="dark"] .mini-icon{background:rgba(23,48,40,1);color:#8ddea1}html[data-theme="dark"] .mini-icon.green{background:rgba(22,36,54,1);color:#a3caff}html[data-theme="dark"] .float-card small{color:rgba(188,211,239,1)}html[data-theme="dark"] .circle-arrow{border:1px solid rgba(63,85,111,1)}html[data-theme="dark"] .section-heading h2,
html[data-theme="dark"] .about-copy h2,
html[data-theme="dark"] .contact-section h2{color:#e4efff}html[data-theme="dark"] .service-card{background:rgba(22,36,54,1)}html[data-theme="dark"] .service-number{color:rgba(188,211,239,1)}html[data-theme="dark"] .service-icon{color:#8ddea1}html[data-theme="dark"] .service-card p{color:rgba(188,211,239,1)}html[data-theme="dark"] .service-card a{color:#8ddea1}html[data-theme="dark"] .section-intro{color:rgba(188,211,239,1)}html[data-theme="dark"] .example-card{background:rgba(22,36,54,1)}html[data-theme="dark"] .example-window{background:rgba(22,36,54,1)}html[data-theme="dark"] .example-window>span{background:rgba(22,36,54,1)}html[data-theme="dark"] .example-hero-line{background:rgba(22,36,54,1)}html[data-theme="dark"] .example-squares i{background:rgba(22,36,54,1)}html[data-theme="dark"] .example-green{background:rgba(22,36,54,1)}html[data-theme="dark"] .example-green .example-window{background:rgba(23,48,40,1)}html[data-theme="dark"] .example-green-line{background:rgba(22,36,54,1)}html[data-theme="dark"] .example-orange{background:rgba(22,36,54,1)}html[data-theme="dark"] .example-orange-nav{background:rgba(22,36,54,1)}html[data-theme="dark"] .example-orange-card{background:rgba(22,36,54,1)}html[data-theme="dark"] .example-meta span{color:#8ddea1}html[data-theme="dark"] .example-meta strong{color:#e4efff}html[data-theme="dark"] .example-meta b{color:#8ddea1}html[data-theme="dark"] .about-section{background:rgba(23,48,40,1)}html[data-theme="dark"] .about-copy p{color:rgba(141,222,161,1)}html[data-theme="dark"] .process-section{background:rgba(22,36,54,1)}html[data-theme="dark"] .process-grid span{color:#8ddea1}html[data-theme="dark"] .process-grid h3{color:#e4efff}html[data-theme="dark"] .process-grid p{color:rgba(188,211,239,1)}html[data-theme="dark"] .contact-section{background:rgba(22,36,54,1)}html[data-theme="dark"] .contact-lede{color:rgba(188,211,239,1)}html[data-theme="dark"] .contact-links a{color:#a3caff}html[data-theme="dark"] .contact-links span{background:rgba(22,36,54,1);color:#8ddea1}html[data-theme="dark"] .contact-form{background:rgba(22,36,54,1)}html[data-theme="dark"] .contact-form label{color:#e4efff}html[data-theme="dark"] .contact-form small{color:rgba(188,211,239,1)}html[data-theme="dark"] .chat-panel{background:rgba(22,36,54,1)}html[data-theme="dark"] .chat-message p{background:rgba(22,36,54,1)}html[data-theme="dark"] .chat-panel-note{color:rgba(188,211,239,1)}@media(max-width:650px){html[data-theme="dark"] .main-nav{background:rgba(22,36,54,1)}}
/* portal.css */
html[data-theme="dark"] .portal-section {background:linear-gradient(180deg,rgba(22,36,54,1) 0%,rgba(22,36,54,1) 100%)
}
html[data-theme="dark"] .portal-section h2 {color:#e4efff
}
html[data-theme="dark"] .portal-section p:not(.eyebrow):not(.portal-status) {color:rgba(188,211,239,1)
}
html[data-theme="dark"] .portal-status {color:rgba(188,211,239,1)
}
html[data-theme="dark"] .portal-preview {background:rgba(22,36,54,1)
}
html[data-theme="dark"] .portal-preview-top {color:#e4efff
}
html[data-theme="dark"] .portal-lock {color:rgba(188,211,239,1)
}
html[data-theme="dark"] .portal-preview-row {border-top:1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .portal-icon {background:rgba(22,36,54,1);color:#e4efff
}
html[data-theme="dark"] .portal-icon.green {background:rgba(23,48,40,1);color:#8ddea1
}
html[data-theme="dark"] .portal-icon.blue {background:rgba(22,36,54,1);color:#a3caff
}
html[data-theme="dark"] .portal-preview-row small {color:rgba(188,211,239,1)
}
html[data-theme="dark"] .portal-preview-row strong {color:#e4efff
}
html[data-theme="dark"] .portal-preview-row em {color:rgba(188,211,239,1)
}
html[data-theme="dark"] .client-console-head h2 {color:#e4efff
}
html[data-theme="dark"] .portal-refresh {background:rgba(22,36,54,1);color:#a3caff
}
html[data-theme="dark"] .portal-project {background:rgba(22,36,54,1)
}
html[data-theme="dark"] .portal-project-head small,
html[data-theme="dark"] .portal-proposal small {color:rgba(188,211,239,1)
}
html[data-theme="dark"] .portal-project-head h3 {color:#e4efff
}
html[data-theme="dark"] .portal-stage,
html[data-theme="dark"] .portal-proposal-state {color:#8ddea1
}
html[data-theme="dark"] .portal-project-info>p {color:rgba(188,211,239,1)
}
html[data-theme="dark"] .portal-proposal strong {color:#e4efff
}
html[data-theme="dark"] .portal-proposal p {color:rgba(188,211,239,1)
}
html[data-theme="dark"] .portal-chat-title {color:#e4efff
}
html[data-theme="dark"] .portal-chat-title span {color:rgba(188,211,239,1)
}
html[data-theme="dark"] .portal-chat-title span.live {color:#8ddea1
}
html[data-theme="dark"] .portal-chat-messages {background:rgba(22,36,54,1)
}
html[data-theme="dark"] .portal-chat-message span {color:#8ddea1
}
html[data-theme="dark"] .portal-chat-message p {background:rgba(23,48,40,1)
}
html[data-theme="dark"] .portal-chat-message.mine p {background:rgba(22,36,54,1)
}
html[data-theme="dark"] .portal-empty-state,
html[data-theme="dark"] .portal-empty {border:1px dashed rgba(63,85,111,1);color:rgba(188,211,239,1)
}
html[data-theme="dark"] .portal-empty-state strong {color:#e4efff
}
html[data-theme="dark"] .billing-return {background:rgba(23,48,40,1);border-color:rgba(63,85,111,1)
}
html[data-theme="dark"] .billing-return h3 {color:rgba(141,222,161,1)
}
html[data-theme="dark"] .billing-return p {color:rgba(188,211,239,1)
}
html[data-theme="dark"] .billing-return.info {background:rgba(22,36,54,1);border-color:rgba(63,85,111,1)
}
html[data-theme="dark"] .billing-return.info h3 {color:#e4efff
}
html[data-theme="dark"] .billing-return.error {background:rgba(22,36,54,1);border-color:rgba(63,85,111,1)
}
html[data-theme="dark"] .billing-return.error h3 {color:rgba(255,171,165,1)
}
html[data-theme="dark"] .payment-confirmed {border-color:rgba(63,85,111,1)
}
html[data-theme="dark"] .payment-confirmed .workspace-badge {background:rgba(23,48,40,1);color:rgba(141,222,161,1)
}
html[data-theme="dark"] .project-progress-step {border-top:3px solid rgba(63,85,111,1);color:rgba(188,211,239,1)
}
html[data-theme="dark"] .project-progress-step.done,
html[data-theme="dark"] .project-progress-step.current {color:#e4efff
}
html[data-theme="dark"] .project-progress-step.current span {color:#8ddea1
}
html[data-theme="dark"] .project-paused {background:rgba(22,36,54,1);color:rgba(188,211,239,1)
}
/* refinements.css */
html[data-theme="dark"] .hero-payment-reassurance { background: rgba(22,36,54,1)
}
html[data-theme="dark"] .hero-payment-reassurance strong { color: #e4efff
}
html[data-theme="dark"] .hero-payment-reassurance p { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .hero-payment-reassurance > span { color: rgba(141,222,161,1)
}
html[data-theme="dark"] .hero-tagline { color: #e4efff
}
html[data-theme="dark"] .contact-form > label > span { color:rgba(188,211,239,1)
}
html[data-theme="dark"] .skip-link { background: rgba(22,36,54,1)
}
@media (min-width: 651px) and (max-width: 1100px) {
 html[data-theme="dark"] #main-nav { background: rgba(22,36,54,1)
 }
}
html[data-theme="dark"] .back-to-top { background: rgba(22,36,54,1); color: #e4efff
}
html[data-theme="dark"] .float-card small { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .service-card p,
html[data-theme="dark"] .section-intro,
html[data-theme="dark"] .process-grid p,
html[data-theme="dark"] .contact-lede,
html[data-theme="dark"] .portal-status,
html[data-theme="dark"] .chat-panel-note { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .service-number { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .example-image { background: rgba(22,36,54,1)
}
html[data-theme="dark"] .example-meta p { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .example-meta small { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .about-name { color: #e4efff
}
html[data-theme="dark"] .about-name span { color: rgba(141,222,161,1)
}
html[data-theme="dark"] .about-copy p { color: rgba(141,222,161,1)
}
html[data-theme="dark"] .contact-form input,
html[data-theme="dark"] .contact-form textarea { border-color: rgba(63,85,111,1)
}
html[data-theme="dark"] .contact-form small { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .portal-preview-row small { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .portal-preview-row em,
html[data-theme="dark"] .portal-lock { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .chat-client-link { color: #a3caff
}
html[data-theme="dark"] .capabilities-section { background: rgba(22,36,54,1); border-block: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .capability-card { border: 1px solid rgba(63,85,111,1); background: rgba(22,36,54,1)
}
html[data-theme="dark"] .capability-label { color: #8ddea1
}
html[data-theme="dark"] .capability-card h3 { color: #e4efff
}
html[data-theme="dark"] .capability-card p { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .capability-card small { border-top: 1px solid rgba(63,85,111,1); color: rgba(188,211,239,1)
}
html[data-theme="dark"] .capability-details { border-bottom: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .capability-details summary { color: #e4efff
}
html[data-theme="dark"] .capability-details p { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .capability-next p { color: rgba(188,211,239,1)
}
/* workspace.css */
html[data-theme="dark"] .workspace-card summary { color: #e4efff
}
html[data-theme="dark"] .workspace-card small { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .conversation-label > input,
html[data-theme="dark"] .project-members > input { border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .project-members { border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .project-members legend { color: #e4efff
}
html[data-theme="dark"] .client-next-step { background: rgba(22,36,54,1)
}
html[data-theme="dark"] .consultation-wizard legend { color: #e4efff
}
html[data-theme="dark"] .wizard-progress { color: #8ddea1 !important
}
html[data-theme="dark"] .service-options label { border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .service-options label:has(input:checked) { background: rgba(22,36,54,1)
}
html[data-theme="dark"] .workspace-tabs button { background: rgba(22,36,54,1); border: 1px solid rgba(63,85,111,1); color: #e4efff
}
html[data-theme="dark"] .workspace-stats > button { background: rgba(23,48,40,1); border: 1px solid rgba(63,85,111,1); color: #e4efff
}
html[data-theme="dark"] .workspace-stats > button:hover { background: rgba(23,48,40,1)
}
html[data-theme="dark"] .workspace-card { background: rgba(22,36,54,1)
}
html[data-theme="dark"] .workspace-card h3,
html[data-theme="dark"] .workspace-content > h3 { color: #e4efff
}
html[data-theme="dark"] .workspace-card p,
html[data-theme="dark"] .workspace-content > p { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .visitor-picker > label { color:#e4efff
}
html[data-theme="dark"] .visitor-picker input,
html[data-theme="dark"] .visitor-picker select { background:rgba(22,36,54,1); color:#e4efff
}
html[data-theme="dark"] .workspace-form label,
html[data-theme="dark"] .conversation-label { color: #e4efff
}
html[data-theme="dark"] .workspace-form input,
html[data-theme="dark"] .workspace-form textarea,
html[data-theme="dark"] .workspace-form select,
html[data-theme="dark"] .conversation-label select { border: 1px solid rgba(63,85,111,1); background: rgba(22,36,54,1)
}
html[data-theme="dark"] .workspace-badge { color: rgba(141,222,161,1); background: rgba(23,48,40,1)
}
html[data-theme="dark"] .workspace-empty { border: 1px dashed rgba(63,85,111,1); color: rgba(188,211,239,1)
}
html[data-theme="dark"] .workspace-messages { background: rgba(22,36,54,1)
}
html[data-theme="dark"] .workspace-message small { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .workspace-message p { background: rgba(22,36,54,1)
}
html[data-theme="dark"] .workspace-message.mine p { background: rgba(22,36,54,1)
}
html[data-theme="dark"] #workspace-notice { color: rgba(141,222,161,1)
}
html[data-theme="dark"] #workspace-notice.error { color: rgba(255,171,165,1)
}
html[data-theme="dark"] .stage-nav-hint { color: rgba(188,211,239,1)
}
html[data-theme="dark"] button.project-progress-step {
  border-top: 3px solid rgba(63,85,111,1);
  color: rgba(188,211,239,1)
}
html[data-theme="dark"] button.project-progress-step:hover {
  background: rgba(22,36,54,1);
  border-color: rgba(63,85,111,1)
}
html[data-theme="dark"] button.project-progress-step.done {
  color: #e4efff
}
html[data-theme="dark"] button.project-progress-step.current {
  color: #e4efff
}
html[data-theme="dark"] button.project-progress-step.current span {
  color: #8ddea1
}
html[data-theme="dark"] button.project-progress-step.inspecting {
  background: rgba(22,36,54,1)
}
html[data-theme="dark"] button.project-progress-step.inspecting small {
  color: #a3caff
}
html[data-theme="dark"] .stage-criteria-card { background: rgba(22,36,54,1); border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .stage-criteria-head h4 { color: #e4efff
}
html[data-theme="dark"] .stage-pill { background: rgba(22,36,54,1); color: #a3caff
}
html[data-theme="dark"] .stage-pill-done { background: rgba(23,48,40,1); color: rgba(141,222,161,1)
}
html[data-theme="dark"] .stage-pill-current { background: rgba(22,36,54,1); color: rgba(188,211,239,1)
}
html[data-theme="dark"] .stage-pill-upcoming { background: rgba(22,36,54,1); color: rgba(188,211,239,1)
}
html[data-theme="dark"] .stage-pill-paused { background: rgba(22,36,54,1); color: rgba(255,171,165,1)
}
html[data-theme="dark"] .stage-summary { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .stage-current-note { background: rgba(22,36,54,1)
}
html[data-theme="dark"] .stage-current-note strong { color: #e4efff
}
html[data-theme="dark"] .stage-current-note p { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .stage-chat-prompt { border-top: 1px dashed rgba(63,85,111,1); color: rgba(188,211,239,1)
}
html[data-theme="dark"] .criteria-item { background: rgba(22,36,54,1); border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .criteria-check { background: rgba(22,36,54,1); color: rgba(188,211,239,1)
}
html[data-theme="dark"] .criteria-item.is-done .criteria-check { background: rgba(23,48,40,1); color: rgba(141,222,161,1)
}
html[data-theme="dark"] .criteria-text { color: #e4efff
}
html[data-theme="dark"] .criteria-item.is-done .criteria-text { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .tag-client { background: rgba(22,36,54,1); color: rgba(255,171,165,1)
}
html[data-theme="dark"] .tag-samir { background: rgba(22,36,54,1); color: rgba(188,211,239,1)
}
html[data-theme="dark"] .tag-together { background: rgba(23,48,40,1); color: rgba(141,222,161,1)
}
html[data-theme="dark"] .tag-optional { background: rgba(22,36,54,1); color: rgba(188,211,239,1)
}
html[data-theme="dark"] .criteria-item.is-optional .criteria-check { background:rgba(22,36,54,1); color:rgba(188,211,239,1)
}
html[data-theme="dark"] .form-disclosure { border: 1px dashed rgba(63,85,111,1); background: rgba(22,36,54,1)
}
html[data-theme="dark"] .form-disclosure summary { color: #e4efff
}
html[data-theme="dark"] .form-disclosure summary:hover { color: #a3caff
}
html[data-theme="dark"] .form-disclosure[open] { background: rgba(22,36,54,1); border-color: rgba(63,85,111,1)
}
html[data-theme="dark"] .contact-confirm-card { background: rgba(22,36,54,1); border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .contact-confirm-card p { color: #e4efff
}
html[data-theme="dark"] .contact-confirm-card small { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .admin-stage-controller { background: rgba(22,36,54,1); border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .admin-stage-label { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .admin-stage-status { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .admin-stage-status strong { color: #e4efff
}
html[data-theme="dark"] .stage-pill-btn { border: 1px solid rgba(63,85,111,1); background: rgba(22,36,54,1); color: #e4efff
}
html[data-theme="dark"] .stage-pill-btn:hover { background: rgba(22,36,54,1); color: #a3caff
}
html[data-theme="dark"] .stage-pill-btn.current { background: rgba(22,36,54,1); color: rgba(141,222,161,1)
}
html[data-theme="dark"] .admin-stage-select-label { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .admin-stage-select-label select { border: 1px solid rgba(63,85,111,1); background: rgba(22,36,54,1); color: #e4efff
}
html[data-theme="dark"] .admin-stage-card { background: rgba(22,36,54,1); border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .stage-info-badge { background: rgba(22,36,54,1); color: #a3caff
}
html[data-theme="dark"] .admin-stage-info h4 { color: #e4efff
}
html[data-theme="dark"] .admin-stage-desc { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .admin-stage-note-label { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .admin-stage-note { border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .chat-direct-form textarea { border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .chat-followup { background: rgba(22,36,54,1); border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .chat-followup p { color: #e4efff
}
html[data-theme="dark"] .chat-followup input { border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .contact-followup { background: rgba(23,48,40,1); border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .contact-followup p { color: rgba(141,222,161,1)
}
html[data-theme="dark"] .contact-followup-row input { border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .chat-dock-body.chat-panel {
  background: rgba(22,36,54,1) !important;
  border: 1px solid rgba(63,85,111,1) !important
}
html[data-theme="dark"] .chat-dock-btn:hover {
  background: rgba(22,36,54,0.18)
}
html[data-theme="dark"] .chat-panel-stream { background: rgba(22,36,54,1)
}
html[data-theme="dark"] .chat-msg-row.mine .chat-msg-bubble { background: rgba(22,36,54,1); color: rgba(188,211,239,1)
}
html[data-theme="dark"] .chat-msg-row.theirs .chat-msg-bubble { background: rgba(22,36,54,1); color: rgba(141,222,161,1)
}
html[data-theme="dark"] .chat-msg-meta { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .chat-panel-footer { background: rgba(22,36,54,1); border-top: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .chat-response-badge { color: rgba(141,222,161,1)
}
html[data-theme="dark"] .sound-checkbox-label { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .chat-toast { background: rgba(22,36,54,1); color: rgba(188,211,239,1); border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .chat-toast-body strong { color: #e4efff
}
html[data-theme="dark"] .chat-toast-time { color: rgba(141,222,161,1)
}
html[data-theme="dark"] .chat-toast-body p { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .chat-panel .chat-client-link { color: #a3caff
}
html[data-theme="dark"] .response-time-pill { color: rgba(141,222,161,1); background: rgba(23,48,40,1); border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .project-website { border:1px solid rgba(63,85,111,1); background:rgba(22,36,54,1)
}
html[data-theme="dark"] .project-website strong { color:#e4efff
}
html[data-theme="dark"] .project-website p a { color:rgba(188,211,239,1)
}
html[data-theme="dark"] .project-website-empty { border-left-color:rgba(63,85,111,1); background:rgba(22,36,54,1)
}
html[data-theme="dark"] .billing-details select { background:rgba(22,36,54,1); border:1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .billing-receipt { border-top:1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .conversation-list button { background: rgba(22,36,54,1); color: rgba(188,211,239,1); border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .conversation-list button[aria-pressed="true"] { background: rgba(23,48,40,1)
}
html[data-theme="dark"] .chat-send-status { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .chat-send-status[data-state="error"] { background: rgba(22,36,54,1); color: rgba(255,171,165,1)
}
html[data-theme="dark"] .chat-send-status[data-state="success"] { background: rgba(22,36,54,1); color: rgba(141,222,161,1)
}
html[data-theme="dark"] .chat-check-replies { color: #a3caff
}
html[data-theme="dark"] .chat-guest-help { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .chat-panel .chat-followup { background: rgba(22,36,54,1)
}
html[data-theme="dark"] .chat-panel .chat-guest-help { border-top: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .admin-chat-controls { border-bottom: 1px solid rgba(63,85,111,1); background: rgba(22,36,54,1)
}
html[data-theme="dark"] .admin-chat-controls > label { color: #e4efff
}
html[data-theme="dark"] .admin-chat-controls select { border: 1px solid rgba(63,85,111,1); background: rgba(22,36,54,1)
}
html[data-theme="dark"] .analytics-filters select,
html[data-theme="dark"] .analytics-filters input { background:rgba(22,36,54,1); color:#e4efff
}
html[data-theme="dark"] .analytics-table th,
html[data-theme="dark"] .analytics-table td { border-bottom:1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .analytics-table th button { color:#e4efff
}
/* story.css */
html[data-theme="dark"] .story-rail a { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .story-rail span { border: 1px solid rgba(63,85,111,1); background: rgba(22,36,54,1)
}
html[data-theme="dark"] .story-rail a[aria-current] { color: #e4efff
}
html[data-theme="dark"] .story-chapter { color: #a3caff
}
html[data-theme="dark"] .story-chapter::before { background: linear-gradient(90deg, var(--blue), rgba(23,48,40,1))
}
html[data-theme="dark"] .story-cue { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .story-cue span { border: 1px solid rgba(63,85,111,1); color: #a3caff
}
html[data-theme="dark"] body:not(.workspace-mode) .hero-visual { background-image: radial-gradient(rgba(22,36,54,1) 1px, transparent 1px)
}
html[data-theme="dark"] body:not(.workspace-mode) .hero-visual:hover .terminal-card {
  border-color: rgba(63,85,111,1)
}
html[data-theme="dark"] body:not(.workspace-mode) .float-card {
  border: 1px solid rgba(63,85,111,0.7)
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
 html[data-theme="dark"] body:not(.workspace-mode) .float-card:hover {
    border-color: rgba(63,85,111,1)
 }
}
html[data-theme="dark"] body:not(.workspace-mode) .process-grid > div { border-top: 2px solid rgba(63,85,111,1)
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
 html[data-theme="dark"] body:not(.workspace-mode) .capability-card:hover,
html[data-theme="dark"] body:not(.workspace-mode) .example-card:hover { border-color: rgba(63,85,111,1)
 }
}
/* sitemill.css */
html[data-theme="dark"] .sitemill-window:hover {
  border-color: rgba(63,85,111,1)
}
html[data-theme="dark"] .dot-green { background: rgba(23,48,40,1)
}
html[data-theme="dark"] .window-tag {
  border: 1px solid rgba(63,85,111,0.3)
}
html[data-theme="dark"] .strip-item.highlight {
  color: rgba(188,211,239,1)
}
html[data-theme="dark"] .cam-badge {
  color: rgba(255,171,165,1)
}
html[data-theme="dark"] .interactive-lock-btn.is-locked {
  border-color: rgba(63,85,111,0.4)
}
html[data-theme="dark"] .interactive-lock-btn.is-unlocked {
  border-color: rgba(63,85,111,0.5)
}
html[data-theme="dark"] .access-subtext {
  color: rgba(188,211,239,1)
}
html[data-theme="dark"] .metric-cell span {
  color: rgba(188,211,239,1)
}
html[data-theme="dark"] .board-header {
  color: rgba(188,211,239,1)
}
html[data-theme="dark"] .row-rank { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .row-user small { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .gaming-banner {
  border: 1px solid rgba(63,85,111,0.3)
}
html[data-theme="dark"] .banner-tag {
  color: rgba(188,211,239,1)
}
html[data-theme="dark"] .score-court-tag {
  color: rgba(188,211,239,1)
}
html[data-theme="dark"] .score-display b {
  color: rgba(188,211,239,1)
}
html[data-theme="dark"] .interactive-challenge-btn.btn-confirmed {
  border-color: rgba(63,85,111,1)
}
html[data-theme="dark"] .ladder-note {
  color: rgba(188,211,239,1)
}
html[data-theme="dark"] .food-info small {
  color: rgba(188,211,239,1)
}
html[data-theme="dark"] .food-badge {
  color: rgba(255,171,165,1)
}
html[data-theme="dark"] .spice-label {
  color: rgba(188,211,239,1)
}
html[data-theme="dark"] .spice-btn.active {
  border-color: rgba(63,85,111,1)
}
html[data-theme="dark"] .order-tracker-bar {
  border: 1px solid rgba(63,85,111,0.3)
}
html[data-theme="dark"] .selector-title {
  color: rgba(188,211,239,1)
}
html[data-theme="dark"] .trade-btn.active {
  border-color: rgba(63,85,111,1)
}
html[data-theme="dark"] .trade-btn.emergency.active {
  border-color: rgba(63,85,111,1)
}
html[data-theme="dark"] .dispatch-tech div small {
  color: rgba(188,211,239,1)
}
html[data-theme="dark"] .eta-pill {
  border: 1px solid rgba(63,85,111,0.4)
}
html[data-theme="dark"] .lawn-item span {
  color: rgba(188,211,239,1)
}
html[data-theme="dark"] .lawn-item.active strong {
  color: rgba(188,211,239,1)
}
html[data-theme="dark"] .sms-reminder-pill {
  border: 1px solid rgba(63,85,111,0.28)
}
html[data-theme="dark"] .sitemill-tab:hover {
  border-color: rgba(63,85,111,1)
}
html[data-theme="dark"] .sitemill-tab.active {
  border-color: rgba(63,85,111,1)
}
/* visual-stories.css */
html[data-theme="dark"] .scene-build { background: rgba(22,36,54,0.03137254901960784)
}
html[data-theme="dark"] .build-step { border-top: 2px solid rgba(63,85,111,1)
}
@media (prefers-reduced-motion: no-preference) {
 html[data-theme="dark"] .hero-sequence.scene-playing .terminal-line span::after {
    border: 1.5px solid rgba(63,85,111,1)
 }
}
/* business-demos.css */
html[data-theme="dark"] .demo-intro h3 { color: #e4efff
}
html[data-theme="dark"] .demo-intro > p:last-child { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .business-demo { border: 1px solid rgba(63,85,111,1); background: rgba(22,36,54,1)
}
html[data-theme="dark"] .demo-heading > span { color: rgba(141,222,161,1)
}
html[data-theme="dark"] .demo-heading h4 { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .demo-stage { background: rgba(22,36,54,1); border: 1px solid rgba(63,85,111,1); color: rgba(141,222,161,1)
}
html[data-theme="dark"] .demo-browser-bar,
html[data-theme="dark"] .demo-app-head { background: rgba(22,36,54,1)
}
html[data-theme="dark"] .demo-services { color: rgba(141,222,161,1)
}
html[data-theme="dark"] .demo-services span { background: rgba(23,48,40,1)
}
html[data-theme="dark"] .demo-times > span { background: rgba(22,36,54,1); border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .demo-notice,
html[data-theme="dark"] .demo-flow-item { border: 1px solid rgba(63,85,111,1); background: rgba(22,36,54,1)
}
html[data-theme="dark"] .demo-reminder { background: rgba(23,48,40,1)
}
html[data-theme="dark"] .demo-symbol { background: rgba(23,48,40,1); color: rgba(141,222,161,1)
}
html[data-theme="dark"] .demo-notice small,
html[data-theme="dark"] .demo-flow-item small { color: rgba(141,222,161,1)
}
html[data-theme="dark"] .demo-order small { color: rgba(141,222,161,1)
}
html[data-theme="dark"] .demo-card-line { background: rgba(22,36,54,1); border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .demo-steps { color: rgba(141,222,161,1)
}
html[data-theme="dark"] .demo-caption { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .demo-replay { border: 1px solid rgba(63,85,111,1); background: rgba(22,36,54,1); color: rgba(188,211,239,1)
}
html[data-theme="dark"] .demo-replay:disabled { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .demo-security-tabs button { border: 1px solid rgba(63,85,111,1); background: rgba(22,36,54,1); color: rgba(141,222,161,1)
}
html[data-theme="dark"] .demo-security-note { color: rgba(141,222,161,1)
}
html[data-theme="dark"] .demo-camera-grid small,
html[data-theme="dark"] .demo-lock-card small { color: rgba(141,222,161,1)
}
html[data-theme="dark"] .demo-status-pill { background: rgba(23,48,40,1); color: rgba(141,222,161,1)
}
html[data-theme="dark"] .demo-unlocked { background: rgba(22,36,54,1); color: rgba(255,171,165,1)
}
html[data-theme="dark"] .demo-security-summary { color: rgba(141,222,161,1)
}
html[data-theme="dark"] .demo-lock-card { border: 1px solid rgba(63,85,111,1); background: rgba(22,36,54,1)
}
html[data-theme="dark"] .demo-lock-icon { color: rgba(141,222,161,1)
}
html[data-theme="dark"] .demo-access-card { background: rgba(22,36,54,1); border: 1px solid rgba(63,85,111,1)
}
html[data-theme="dark"] .demo-access-confirm { color: rgba(141,222,161,1)
}
html[data-theme="dark"] .demo-credit { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .demo-project-link { color: rgba(188,211,239,1)
}
html[data-theme="dark"] .demo-camera svg { background: rgba(23,48,40,1)
}
html[data-theme="dark"] .demo-scan { background: rgba(23,48,40,1)
}
html[data-theme="dark"] .demo-court { background: rgba(22,36,54,1)
}
/* snap-pixel.css */
html[data-theme="dark"] .ad-consent { border:1px solid rgba(63,85,111,1); background:rgba(22,36,54,1); color:rgba(188,211,239,1)
}
html[data-theme="dark"] .ad-consent button { background:rgba(22,36,54,1); color:rgba(188,211,239,1)
}