/* Client portal accents derive exclusively from the configured company palette. */
body[data-staff="false"]{--green:var(--brand-pink)}
body[data-staff="false"] button,body[data-staff="false"] input,body[data-staff="false"] select,body[data-staff="false"] textarea{font-family:inherit}
body[data-staff="false"] .primary{background:var(--brand-pink);border-color:var(--brand-pink);box-shadow:0 3px 9px color-mix(in srgb,var(--company-color) 9%,transparent)}
body[data-staff="false"] .primary:hover{background:var(--brand-burgundy);border-color:var(--brand-burgundy)}
body[data-staff="false"] .primary:focus-visible{outline-color:var(--company-accent)}
body[data-staff="false"] .button{letter-spacing:.15px}
body[data-staff="false"] .secondary{color:color-mix(in srgb,var(--company-color) 30%,#68717d);border-color:color-mix(in srgb,var(--company-color) 21%,white)}
body[data-staff="false"] .secondary:hover{background:color-mix(in srgb,var(--company-color) 7%,white)}
body[data-staff="false"] .wordmark,body[data-staff="false"] .welcome-brand{background:var(--brand-burgundy);border-radius:8px;padding:14px 12px;display:flex;align-items:center;justify-content:center}
body[data-staff="false"] .bc-wordmark{display:block;width:100%;height:auto;max-width:220px;object-fit:contain}
body[data-staff="false"] .sidebar .wordmark{min-height:65px;margin-bottom:29px}
body[data-staff="false"] .sidebar .bc-wordmark{max-width:185px}
body[data-staff="false"] .welcome-brand{width:278px;padding:18px 20px;min-height:82px}
body[data-staff="false"] .login-story .wordmark{width:280px;max-width:100%;padding:17px 20px;background:color-mix(in srgb,var(--company-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--company-color) 10%,transparent)}
body[data-staff="false"] .login-story .bc-wordmark{max-width:240px}
body[data-staff="false"] .eyebrow,body[data-staff="false"] .workspace-label,body[data-staff="false"] .nav-label{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .sidebar nav button{color:#77727a}
body[data-staff="false"] .sidebar nav button.active,body[data-staff="false"] .sidebar nav button.active{background:color-mix(in srgb,var(--company-color) 8%,white);color:var(--brand-pink)}
body[data-staff="false"] .sidebar nav button:hover{background:color-mix(in srgb,var(--company-color) 5%,white)}
body[data-staff="false"] .workspace-card{background:color-mix(in srgb,var(--company-color) 4%,white);border-color:color-mix(in srgb,var(--company-color) 14%,white)}
body[data-staff="false"] .workspace-avatar{color:var(--brand-burgundy);border-color:color-mix(in srgb,var(--company-color) 18%,white);background:color-mix(in srgb,var(--company-color) 8%,white)}
body[data-staff="false"] .help-card{background:color-mix(in srgb,var(--company-color) 6%,white);border-color:color-mix(in srgb,var(--company-color) 16%,white)}
body[data-staff="false"] .help-card p{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .text-button,body[data-staff="false"] .subtle-link{color:var(--brand-pink)}
body[data-staff="false"] .avatar{background:color-mix(in srgb,var(--company-color) 11%,white);color:var(--company-color)}
body[data-staff="false"] .sidebar-person strong{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .demo-indicator{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .demo-indicator i{background:var(--brand-pink)}
body[data-staff="false"] .small-avatar{background:color-mix(in srgb,var(--company-color) 11%,white);color:var(--brand-burgundy)}
body[data-staff="false"] .page-heading h1{font-weight:600;letter-spacing:-.9px;color:var(--brand-charcoal)}
body[data-staff="false"] .page-heading p,body[data-staff="false"] .section-heading p{color:#827985}
body[data-staff="false"] .welcome-banner,body[data-staff="false"] .welcome-banner{background:color-mix(in srgb,var(--company-color) 9%,white);border-color:color-mix(in srgb,var(--company-color) 19%,white)}
body[data-staff="false"] .banner-tag{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .welcome-banner h2,body[data-staff="false"] .welcome-banner h2{font-family:inherit;font-weight:600;font-size:32px;line-height:1.18;letter-spacing:-.8px;color:var(--brand-burgundy)}
body[data-staff="false"] .welcome-banner p{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .banner-link{color:var(--brand-pink)}
body[data-staff="false"] .art-frame{background:var(--brand-burgundy);border-color:var(--company-color);box-shadow:10px 12px 0 color-mix(in srgb,var(--company-color) 33%,transparent)}
body[data-staff="false"] .bc-art-logo{width:125px;max-height:110px;object-fit:contain;transform:rotate(14deg)}
body[data-staff="false"] .art-spark{color:var(--brand-pink)}
body[data-staff="false"] .floating-ticket{background:color-mix(in srgb,var(--company-color) 3%,white);border-color:color-mix(in srgb,var(--company-color) 17%,white);color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .floating-ticket svg{background:color-mix(in srgb,var(--company-color) 9%,white);color:var(--brand-pink)}
body[data-staff="false"] .metric>div>span{color:#7b717b}
body[data-staff="false"] .metric small{color:#918791}
body[data-staff="false"] .metric-icon.neutral{background:color-mix(in srgb,var(--company-color) 10%,white);color:var(--brand-pink)}
body[data-staff="false"] .metric-icon.blue{background:color-mix(in srgb,var(--company-color) 9%,white);color:var(--company-accent)}
body[data-staff="false"] .metric-icon.amber{background:color-mix(in srgb,var(--company-color) 12%,white);color:var(--company-color)}
body[data-staff="false"] .metric-icon.green{background:color-mix(in srgb,var(--company-color) 11%,white);color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .metric>strong{color:#403a40}
body[data-staff="false"] .table-tabs button{color:#93838e}
body[data-staff="false"] .table-tabs button.active{color:var(--brand-pink);border-color:var(--brand-pink)}
body[data-staff="false"] .table-tabs button:hover{color:var(--brand-burgundy)}
body[data-staff="false"] .count-pill{background:color-mix(in srgb,var(--company-color) 9%,white);color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .ticket-section th{background:color-mix(in srgb,var(--company-color) 4%,white);color:#897882}
body[data-staff="false"] .ticket-subject strong{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .ticket-ref{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .ticket-ref>span{color:#a89ba3}
body[data-staff="false"] .ticket-section tbody tr[data-ticket]:hover{background:color-mix(in srgb,var(--company-color) 3%,white)}
body[data-staff="false"] .search-field{color:color-mix(in srgb,var(--company-color) 30%,#68717d);border-color:color-mix(in srgb,var(--company-color) 19%,white)}
body[data-staff="false"] .search-field input{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .search-field input::placeholder{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .filter-group select{color:#81707b;border-color:color-mix(in srgb,var(--company-color) 20%,white)}
body[data-staff="false"] .company-initial{background:color-mix(in srgb,var(--company-color) 9%,white);border-color:color-mix(in srgb,var(--company-color) 17%,white);color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .company-table{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .status-badge.not-started{background:color-mix(in srgb,var(--company-color) 11%,white);color:#817785}
body[data-staff="false"] .status-badge.in-progress{background:color-mix(in srgb,var(--company-color) 9%,white);color:var(--company-accent)}
body[data-staff="false"] .status-badge.waiting-for-information{background:color-mix(in srgb,var(--company-color) 9%,white);color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .status-badge.waiting-for-approval{background:color-mix(in srgb,var(--company-color) 12%,white);color:var(--company-color)}
body[data-staff="false"] .status-badge.completed{background:color-mix(in srgb,var(--company-color) 11%,white);color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .status-badge.cancelled{background:color-mix(in srgb,var(--company-color) 9%,white);color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .priority{color:#8d7e87}
body[data-staff="false"] .priority.high{color:var(--company-color)}
body[data-staff="false"] .priority.urgent{color:var(--brand-pink)}
body[data-staff="false"] .priority.low{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .date-cell{color:#94838e}
body[data-staff="false"] .bottom-note,body[data-staff="false"] .workspace-footer{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .bottom-note svg{color:var(--brand-pink)}
body[data-staff="false"] .company-card-logo,body[data-staff="false"] .demo-portals img{background:var(--brand-burgundy)}
body[data-staff="false"] .company-card>p{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .portal-enabled{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .portal-enabled i{background:var(--brand-pink)}
body[data-staff="false"] .info-strip{background:color-mix(in srgb,var(--company-color) 6%,white);border-color:color-mix(in srgb,var(--company-color) 17%,white);color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .service-card span{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .service-card strong{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .connection-details{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] label{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] label>input:not([type=checkbox]):not([type=file]),body[data-staff="false"] label>textarea,body[data-staff="false"] label>select{color:color-mix(in srgb,var(--company-color) 30%,#68717d);border-color:color-mix(in srgb,var(--company-color) 20%,white)}
body[data-staff="false"] input::placeholder,body[data-staff="false"] textarea::placeholder{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] input:focus,body[data-staff="false"] select:focus,body[data-staff="false"] textarea:focus{border-color:color-mix(in srgb,var(--company-color) 30%,#68717d);outline-color:color-mix(in srgb,var(--company-color) 15%,transparent)}
body[data-staff="false"] .search-field:focus-within{outline-color:color-mix(in srgb,var(--company-color) 15%,transparent)}
body[data-staff="false"] input[type=checkbox]{accent-color:var(--brand-pink)}
body[data-staff="false"] .dialog-heading .eyebrow{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .dialog-heading h2{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .reference-column,body[data-staff="false"] .activity-panel{background:color-mix(in srgb,var(--company-color) 3%,white);border-color:color-mix(in srgb,var(--company-color) 15%,white)}
body[data-staff="false"] .reference-heading>svg{color:var(--brand-pink)}
body[data-staff="false"] .reference-heading p,body[data-staff="false"] .snapshot-note{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .source-indicator{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .source-indicator i{background:var(--brand-pink)}
body[data-staff="false"] .source-indicator.stale{color:var(--company-color)}
body[data-staff="false"] .source-indicator.stale i{background:var(--company-color)}
body[data-staff="false"] .picker-tabs{border-color:color-mix(in srgb,var(--company-color) 18%,white)}
body[data-staff="false"] .picker-tabs button{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .picker-tabs button.active{color:var(--brand-pink);border-color:var(--brand-pink)}
body[data-staff="false"] .reference-list label{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .reference-category>label{color:var(--company-color)}
body[data-staff="false"] .reference-list label:hover{background:color-mix(in srgb,var(--company-color) 8%,white)}
body[data-staff="false"] .reference-list .reference-product{border-color:color-mix(in srgb,var(--company-color) 17%,white)}
body[data-staff="false"] .reference-list label small,body[data-staff="false"] .reference-list label em{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .selection-total{color:color-mix(in srgb,var(--company-color) 30%,#68717d);border-color:color-mix(in srgb,var(--company-color) 17%,white)}
body[data-staff="false"] .upload-zone{background:color-mix(in srgb,var(--company-color) 3%,white);border-color:color-mix(in srgb,var(--company-color) 25%,white);color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .upload-zone small{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .dialog-footer>span{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .ticket-description{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .ticket-meta{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .ticket-meta strong{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .ticket-meta small{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .saved-references>div,body[data-staff="false"] .file-card{border-color:color-mix(in srgb,var(--company-color) 16%,white);color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .saved-references strong,body[data-staff="false"] .file-card strong{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .saved-references small,body[data-staff="false"] .file-card small{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .file-card:hover{background:color-mix(in srgb,var(--company-color) 3%,white)}
body[data-staff="false"] .status-control select{border-color:color-mix(in srgb,var(--company-color) 21%,white);color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .timeline-dot{color:var(--brand-pink);background:color-mix(in srgb,var(--company-color) 10%,white);border-color:color-mix(in srgb,var(--company-color) 21%,white)}
body[data-staff="false"] .timeline-item:before{background:color-mix(in srgb,var(--company-color) 19%,white)}
body[data-staff="false"] .timeline-item strong{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .timeline-item small{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .timeline-item p{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .comment-event p{background:#fff;border-color:color-mix(in srgb,var(--company-color) 16%,white);color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .activity-panel form{border-color:color-mix(in srgb,var(--company-color) 20%,white)}
body[data-staff="false"] .activity-panel form>label{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .activity-panel textarea{border-color:color-mix(in srgb,var(--company-color) 23%,white);color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] .activity-panel textarea::placeholder{color:color-mix(in srgb,var(--company-color) 30%,#68717d)}
body[data-staff="false"] #toast{background:var(--brand-burgundy);border-color:var(--company-color);box-shadow:0 5px 25px color-mix(in srgb,var(--company-color) 19%,transparent)}