/* BLACKSNOW V32 / canonical Perfex design palette / design-only */
body.portal-body,body.portal-body .app{
  --ink:#201C25;--dark:#24202A;--muted:#726A76;--bg:#F8F6F8;--white:#FFFFFF;
  --line:#E8E1E6;--lime:#8E465A;--brand-accent:#8E465A;--brand-soft:#F3E9ED;
  --blue:#72879A;--peach:#CFBBAE;--purple:#D7CCD5;
  --focus:#A55F75;--shadow:0 10px 32px rgba(45,25,39,.045);
  background:#F8F6F8;color:#201C25;
}
body.portal-body{color-scheme:light;font-family:'DM Sans',Inter,Arial,sans-serif}
body.portal-body .app{background:#F8F6F8}
body.portal-body :is(h1,h2,h3,.number,.metric-value){color:#201C25}
body.portal-body .sidebar{background:#211E27;color:#F7F3F5;border-right:1px solid #39303A;box-shadow:inset -1px 0 rgba(255,255,255,.04)}
body.portal-body .sidebar :is(h1,h2,h3){color:#fff}
body.portal-body .sidebar-caption{color:#BDAEB8;font-size:10px;letter-spacing:.16em}
body.portal-body .sidebar .nav-item{color:#D1C8CF;border:1px solid transparent;border-radius:11px;min-height:43px}
body.portal-body .sidebar .nav-item:hover:not(.active){background:#37303D;color:#fff;border-color:#49404B}
body.portal-body .sidebar .nav-item.active{background:#925268!important;border-color:#B6778A!important;color:#fff!important;box-shadow:inset 3px 0 0 #E9BBC7,0 7px 18px rgba(0,0,0,.10)}
body.portal-body .sidebar .nav-item.active .ni{color:#fff}
body.portal-body .sidebar-bottom{border-color:#403643}
body.portal-body .aside-note,body.portal-body .bs-portal-identifier{color:#BBA9B6}
body.portal-body .topbar{background:rgba(255,255,255,.96);border-bottom:1px solid #E8E1E6;box-shadow:0 1px 0 rgba(37,24,32,.02)}
body.portal-body .breadcrumbs{color:#857986}
body.portal-body .breadcrumbs strong{color:#27232B}
body.portal-body :is(.round,.mobile-menu){background:#F9F6F8;border-color:#E6DAE2;color:#4A3948}
body.portal-body .avatar{background:#F0DFE5;color:#793F52}
body.portal-body .content{color:#201C25}
body.portal-body .intro p{color:#716B75}
body.portal-body .eyebrow{color:#8E465A}
body.portal-body .panel,body.portal-body .invoice-metric{background:#fff;border:1px solid #E8E1E6;box-shadow:0 12px 33px rgba(41,25,37,.038);color:#201C25}
body.portal-body .panel:hover{border-color:#D6C4CF}
body.portal-body :is(.panel.dark,.detail-hero,.invoice-metric.important){background:#2A2531!important;border-color:#2A2531!important;color:#fff!important}
body.portal-body :is(.panel.dark,.detail-hero,.invoice-metric.important) :is(h1,h2,h3,.number,.metric-value){color:#fff!important}
body.portal-body :is(.panel.dark,.detail-hero,.invoice-metric.important) :is(p,.mini,.metric-foot,.metric-eyebrow){color:#DAD0D9!important}
body.portal-body .panel.lime{background:#F3E8ED!important;color:#29212A!important;border-color:#EBDCE4!important}
body.portal-body .panel.blue{background:#EDF0F5!important;color:#29212A!important;border-color:#E0E5ED!important}
body.portal-body .panel.peach{background:#F4EEE9!important;color:#29212A!important;border-color:#EBE0D7!important}
body.portal-body .panel-title a,body.portal-body td a{color:#834357}
body.portal-body :is(.mini,.label,.datum small,.document small,.invoice-small,.invoice-metric .metric-foot){color:#756D77}
body.portal-body .number{color:#211D26}
body.portal-body .btn{background:#fff;border-color:#D9CCD5;color:#332C35;box-shadow:none}
body.portal-body .btn.primary,body.portal-body button.btn.primary{background:#88455A!important;color:#fff!important;border-color:#88455A!important}
body.portal-body .btn.dark{background:#2A2531!important;color:#fff!important;border-color:#2A2531!important}
body.portal-body .btn:hover{filter:none;box-shadow:0 5px 14px rgba(64,31,48,.08)}
body.portal-body :is(.chip,.token){border-color:#E6DAE2;background:#F6F1F4;color:#5C4B58}
body.portal-body .chip.active,body.portal-body .chip[aria-current=true]{background:#2A2531;color:#fff;border-color:#2A2531}
body.portal-body .token{border-radius:12px;background:#EFE4EA}
body.portal-body .status{background:#E5F0EA;color:#38664C}
body.portal-body .status.warn{background:#FFF1DA;color:#805B1F}
body.portal-body .status.blue{background:#E7EDF5;color:#455F7D}
body.portal-body .status.neutral{background:#EEEAF0;color:#665A69}
body.portal-body .status.red{background:#F6E6EA;color:#8C3D53}
body.portal-body .progress{background:#EDE3E9}
body.portal-body .progress b{background:#A76077}
body.portal-body .chart-bars{border-color:#E8E1E6}
body.portal-body .chart-bars span{background:#E8CED8}
body.portal-body .chart-bars span:nth-child(3n){background:#A76077}
body.portal-body :is(.table-wrap,.table-scroll){scrollbar-color:#C69CAB #F3EEF2;overflow-x:auto;max-width:100%}
body.portal-body th{color:#716875;border-bottom-color:#E8E1E6}
body.portal-body td{border-bottom-color:#F1ECF0;color:#28242D}
body.portal-body :is(.itemrow,.document,.datum){border-bottom-color:#EDE7EC}
body.portal-body .itemrow:hover{background:#FAF7F9}
body.portal-body .info{background:#F8F0F4;border:1px solid #EAD8E1;color:#624B59}
body.portal-body .info.warn{background:#FFF7E9;border-color:#F0DFC1;color:#705B3B}
body.portal-body .note{background:#F2EAF0;color:#604C5A}
body.portal-body .timeline{border-left-color:#DFC9D4}
body.portal-body .timeline-item:before{background:#A76077;box-shadow:0 0 0 1px #D5B7C4}
body.portal-body .message{background:#fff;border-color:#E8E1E6}
body.portal-body .message.agent{background:#F7EFF3}
body.portal-body .field :is(input,textarea,select),body.portal-body .search{border-color:#DCCDD6;background:#fff;color:#28232C}
body.portal-body :is(.field input,.field textarea,.field select,.search):focus{outline:2px solid #B6768C;outline-offset:1px;border-color:#9B5870}
body.portal-body a:focus-visible,body.portal-body button:focus-visible{outline:3px solid #B6768C;outline-offset:3px}
body.portal-body .invoice-metric.important .metric-eyebrow,body.portal-body .invoice-metric.important .metric-foot{color:#D8C5D0!important}
body.portal-body .invoice-link{border-color:#E8E1E6}
body.portal-body .footer{color:#8C828D}
body.portal-body .mobile-nav-shade.show{background:rgba(29,22,32,.64)}
@media(max-width:760px){body.portal-body .sidebar{box-shadow:14px 0 34px rgba(25,17,27,.23)}body.portal-body .content{padding-bottom:62px}}
@media print{body.portal-body .panel,body.portal-body .invoice-metric{box-shadow:none!important}body.portal-body .sidebar{display:none!important}body.portal-body .app{display:block!important}}