/* Action panel contract. Opt-in classes are owned by the rendering views.
   This named layer is the migration boundary against legacy inline/page !important
   declarations. Keep action geometry here; do not add per-page visual overrides. */
@layer rs-actions {.rs-action-panel{
    --rs-action-height: 58px;
    --rs-action-gap: 12px;
    --rs-action-radius: var(--rs-box-inner-radius, 16px);
    --rs-action-border: #e5dfd5;
    --rs-action-accent: #b91c1c;
    --rs-action-ink: #111;
    --rs-action-columns: 1;
    container: rs-actions / inline-size;
    box-sizing: border-box !important;
    min-width: 0 !important;
    padding: var(--rs-box-padding, var(--rs-heading-inset-top, 13px) 24px 16px) !important;
    border: 1px solid var(--rs-action-border) !important;
    border-radius: var(--rs-box-radius, 24px) !important;
    background: #fff !important;
  }.rs-actions--summary, .rs-actions--grid{ --rs-action-columns: 2; }.rs-actions--column{ overflow: auto !important; }.rs-actions--grid{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 40px minmax(0, 1fr) !important;
    gap: var(--rs-action-gap) !important;
    padding: var(--rs-box-padding, calc(var(--rs-heading-inset-top, 13px) + 2px) 18px 16px) !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
  }.rs-actions--grid > .rs-action-title{ margin: 0 !important; }.rs-actions--grid > .rs-action-list{ height: 100% !important; overflow-y: auto !important; overflow-x: hidden !important; }.rs-actions--summary{
    display: block !important;
    height: auto !important;
    min-height: 238px !important;
    max-height: none !important;
    overflow: visible !important;
  }.rs-action-list{
    display: grid !important;
    grid-template-columns: repeat(var(--rs-action-columns), minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-rows: minmax(var(--rs-action-height), auto) !important;
    gap: var(--rs-action-gap) !important;
    align-items: stretch !important;
    align-content: start !important;
    justify-content: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    flex: none !important;
    overflow: visible !important;
  }.rs-action-list > li{ margin: 0 !important; padding: 0 !important; min-width: 0; }.rs-action-title{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: var(--rs-heading-icon-gap, 8px) !important;
    min-width: 0 !important;
    min-height: 40px !important;
    height: auto !important;
    margin: 0 0 var(--rs-action-gap) !important;
    padding: 0 !important;
    font: 600 var(--rs-box-title-size, 25px)/1.2 Outfit, system-ui, sans-serif !important;
    letter-spacing: 0 !important;
    color: var(--rs-action-ink) !important;
    transform: none !important;
  }.rs-action-title :is(span, b, strong){ font: inherit !important; color: inherit !important; letter-spacing: inherit !important; }.rs-action-title :is(svg, i){
    width: var(--rs-box-title-icon, 26px) !important;
    height: var(--rs-box-title-icon, 26px) !important;
    min-width: var(--rs-box-title-icon, 26px) !important;
    flex: 0 0 var(--rs-box-title-icon, 26px) !important;
    color: var(--rs-action-accent) !important;
    stroke-width: 2 !important;
  }.rs-action-title > div:has(> :is(svg, i)){ width: var(--rs-box-title-icon, 26px) !important; flex: 0 0 var(--rs-box-title-icon, 26px) !important; }.rs-action-panel > .qa-header{ height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; }.rs-action-panel > header:has(.rs-action-title){ margin: 0 !important; padding: 0 !important; border: 0 !important; }.rs-action-panel .qa-subtitle{ display: none !important; }.rs-actions--summary .rs-action-list > .rs-action-title{
    min-height: var(--rs-action-height) !important;
    margin: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }.rs-action-list :is(button, a, .qa-action-card){
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: var(--rs-action-gap) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: var(--rs-action-height) !important;
    height: 100% !important;
    max-height: none !important;
    padding: 7px 18px !important;
    margin: 0 !important;
    border: 1px solid var(--rs-action-border) !important;
    border-radius: var(--rs-action-radius) !important;
    background: #fff !important;
    color: var(--rs-action-ink) !important;
    font: 500 17px/1.25 Outfit, system-ui, sans-serif !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    overflow: visible !important;
    grid-column: auto !important;
    grid-row: auto !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background .16s ease, border-color .16s ease !important;
    cursor: pointer;
  }.rs-action-list :is(button, a, .qa-action-card) :is(span, b, strong){
    min-width: 0 !important;
    margin-left: 0 !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: break-word !important;
    text-overflow: clip !important;
  }.rs-action-list :is(button, a, .qa-action-card) > :is(svg, i):first-child{
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    flex: 0 0 24px !important;
    stroke-width: 2 !important;
    color: var(--rs-action-accent) !important;
  }.rs-action-list :is(button, a, .qa-action-card) > :is(svg, i) ~ :is(svg, i):last-child{
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    flex: 0 0 14px !important;
    margin-left: auto !important;
    color: #b94a4a !important;
    stroke-width: 2 !important;
  }.rs-action-list :is(button, a, .qa-action-card)::after{ content: none !important; }.rs-action-list :is(button, a, .qa-action-card):not(:has(> :is(svg, i) ~ :is(svg, i)))::after{
    content: '' !important;
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    margin-left: auto;
    margin-right: 4px;
    border-top: 1.5px solid #b94a4a;
    border-right: 1.5px solid #b94a4a;
    transform: rotate(45deg);
  }.rs-action-list :is(button, a, .qa-action-card):hover:not(:disabled):not([aria-disabled=true]){
    background: #fffafa !important;
    border-color: #d9a6a6 !important;
  }.rs-action-list :is(button, a, .qa-action-card):focus-visible{ outline: 2px solid #8b1515 !important; outline-offset: 3px !important; }.rs-action-list :is(button, a, .qa-action-card):is(:disabled, [aria-disabled=true]){ opacity: .55 !important; cursor: not-allowed !important; }.rs-action-list :is(.rs-ai-action, .cw-document-action, #dashboard-btn-ai-product, #real-close, #real-expense, [data-exp-action=ai], [data-action=ai-expense]){
    background: #111 !important;
    border-color: #111 !important;
    color: #fff !important;
  }.rs-action-list :is(.rs-ai-action, .cw-document-action, #dashboard-btn-ai-product, #real-close, #real-expense, [data-exp-action=ai], [data-action=ai-expense]):hover{
    background: #1c1c1c !important;
    border-color: #333 !important;
  }.rs-action-list :is(.rs-ai-action, .cw-document-action, #dashboard-btn-ai-product, #real-close, #real-expense, [data-exp-action=ai], [data-action=ai-expense]) > :is(svg, i):first-child{ color: #fff !important; }.rs-action-list :is(.rs-ai-action, .cw-document-action, #dashboard-btn-ai-product, #real-close, #real-expense, [data-exp-action=ai], [data-action=ai-expense]) > :is(svg, i) ~ :is(svg, i):last-child{ color: #ffffff90 !important; }.rs-action-list :is(.ss-action small, .stock-item-quick-actions .qa-action-card > span > span:last-child){ display: none !important; }
  @container rs-actions (max-width: 440px) {.rs-action-list :is(button, a, .qa-action-card){ padding-inline: 12px !important; gap: 8px !important; }
  }
  @container rs-actions (max-width: 300px) {.rs-action-list{ grid-template-columns: minmax(0, 1fr) !important; }
  }
  @media (max-width: 1024px) {.rs-actions--grid{ height: auto !important; min-height: 0 !important; max-height: none !important; grid-template-rows: auto auto !important; }.rs-actions--grid > .rs-action-list{ height: auto !important; overflow: visible !important; }
  }
  @media (max-width: 650px) {.rs-action-panel{ padding: var(--rs-box-padding, var(--rs-heading-inset-top, 13px) 16px 16px) !important; }.rs-actions--summary{ min-height: 0 !important; }.rs-actions--summary .rs-action-list{ grid-template-columns: minmax(0, 1fr) !important; }.rs-actions--summary .rs-action-list > .rs-action-title{ min-height: 40px !important; }
  }
  @media (prefers-reduced-motion: reduce) {.rs-action-list :is(button, a, .qa-action-card){ transition: none !important; } }
}body.admin-brand #router-view{--rs-summary-height:238px;--rs-summary-gap:16px}body.admin-brand #router-view :is(.pricing-summary-final .dashboard-quick-actions-container,.pricing-summary-final .dashboard-hero,.fin-summary .fin-quick,.fin-summary .fin-hero,.exp-dashboard .exp-quick,.exp-dashboard .exp-hero,.stock-summary .ss-quick,.stock-summary .ss-hero){box-sizing:border-box!important;border-radius:24px!important;padding:var(--rs-heading-inset-top,13px) 24px 16px!important;min-width:0!important}
@media(min-width:1025px){body.admin-brand #router-view .pricing-summary-final{grid-template-rows:var(--rs-summary-height) minmax(var(--rs-kpi-height,86px),auto) minmax(210px,1fr)!important;gap:var(--rs-summary-gap)!important}body.admin-brand #router-view .fin-summary .fin-top{grid-template-columns:minmax(0,6fr) minmax(0,8fr)!important;gap:var(--rs-summary-gap)!important;grid-auto-rows:var(--rs-summary-height)!important}body.admin-brand #router-view .exp-dashboard{grid-template-columns:repeat(14,minmax(0,1fr))!important;grid-template-rows:var(--rs-summary-height) minmax(260px,1fr)!important;gap:var(--rs-summary-gap)!important}body.admin-brand #router-view .exp-dashboard .exp-quick{grid-column:1/span 6!important;grid-row:1!important}body.admin-brand #router-view .exp-dashboard .exp-hero{grid-column:7/span 8!important;grid-row:1!important}body.admin-brand #router-view .exp-dashboard .exp-category-card{grid-column:1/span 7!important;grid-row:2!important}body.admin-brand #router-view .exp-dashboard .exp-insights-card{grid-column:8/span 7!important;grid-row:2!important}body.admin-brand #router-view :is(.pricing-summary-final .dashboard-quick-actions-container,.pricing-summary-final .dashboard-hero,.fin-summary .fin-quick,.fin-summary .fin-hero,.exp-dashboard .exp-quick,.exp-dashboard .exp-hero,.stock-summary .ss-quick,.stock-summary .ss-hero){height:var(--rs-summary-height)!important;min-height:var(--rs-summary-height)!important;max-height:var(--rs-summary-height)!important;align-self:start!important}
}body.admin-brand #router-view .exp-dashboard .exp-month-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:none}body.admin-brand #router-view .exp-dashboard .exp-month-heading h3{margin:0!important;flex:none}body.admin-brand #router-view .exp-dashboard .exp-month-basis{display:flex;align-items:center;gap:12px;margin:0!important;flex:1;white-space:nowrap}body.admin-brand #router-view .exp-dashboard .exp-month-basis>span{font:400 12px/1.3 Outfit,sans-serif;color:#78716c}body.admin-brand #router-view .exp-dashboard .exp-month-basis strong{margin-left:auto;font:600 16px/1.3 Outfit,sans-serif}body.admin-brand #router-view .exp-dashboard .exp-column{min-width:0}body.admin-brand #router-view .exp-dashboard .exp-column>strong{font:600 clamp(10px,.9vw,14px)/1.3 Outfit,sans-serif!important;white-space:nowrap;font-variant-numeric:tabular-nums}body.admin-brand #router-view .exp-dashboard :is(.exp-category-card,.exp-insights-card){padding:18px 20px!important;gap:12px!important}body.admin-brand #router-view .exp-dashboard :is(.exp-month-heading,.exp-insights-card>.exp-head){display:flex;align-items:center;min-height:40px;height:auto;flex:none;margin:0!important;gap:12px}body.admin-brand #router-view .exp-dashboard :is(.exp-month-heading,.exp-insights-card>.exp-head) h3{display:flex;align-items:center;gap:10px;margin:0!important;font:600 25px/1.2 Outfit,sans-serif!important;min-height:40px}body.admin-brand #router-view .exp-dashboard :is(.exp-month-heading,.exp-insights-card>.exp-head) h3 svg{width:24px;height:24px;flex:none;stroke-width:2;color:#b91c1c}body.admin-brand #router-view .exp-dashboard .exp-insights-card>.exp-head .exp-link{height:36px;min-height:36px;display:flex;align-items:center;justify-content:center;margin:0;padding:0 13px;font:400 12px/1.2 Outfit,sans-serif;border-radius:999px}body.admin-brand #router-view .exp-dashboard .exp-month-basis{min-height:40px;align-items:center}body.admin-brand #router-view .exp-dashboard .exp-period-groups .exp-money-decimals{font-size:.66em!important;font-weight:300!important;color:#d6d3d1!important;line-height:inherit;letter-spacing:0!important}

/* Right-aligned, equal expense KPIs leave more room for the monthly total. */
@media(min-width:1200px){body.admin-brand #router-view .exp-dashboard .exp-hero{grid-template-columns:minmax(0,1fr) clamp(346px,28vw,520px)!important;gap:14px!important}body.admin-brand #router-view .exp-dashboard .exp-hero .exp-trend{justify-self:end;width:100%}body.admin-brand #router-view .exp-dashboard .exp-period-groups button{padding:10px 5px!important;width:calc(100% + 2px);position:relative;left:-1px}
}body.admin-brand #router-view .exp-dashboard .exp-breakdown-label{display:flex;align-items:center;gap:6px;white-space:nowrap}body.admin-brand #router-view .exp-dashboard .exp-breakdown-label svg{width:14px;height:14px;flex:none;color:#dc3939;stroke-width:1.8}body.admin-brand #router-view .exp-dashboard .exp-group-label{display:flex;align-items:center;gap:6px;font:500 12px/1.35 Outfit,sans-serif;color:#d6d3d1;min-width:0}body.admin-brand #router-view .exp-dashboard .exp-group-label>svg{width:14px;height:14px;flex:none;color:var(--group-color);stroke-width:2}body.admin-brand #router-view .exp-dashboard .exp-group-label>span{min-width:0;overflow-wrap:normal}