#view-billing { padding-bottom:40px; }
.billing-page-head { align-items:flex-end; }
.billing-page-head .page-title { max-width:680px; }
.billing-journals { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-top:var(--layout-gap); padding:8px; }
.billing-journal { min-width:0; display:flex; align-items:center; gap:9px; padding:9px 10px; border:1px solid transparent; border-radius:var(--cc-radius-md); background:transparent; color:var(--cc-text-primary); text-align:left; cursor:pointer; }
.billing-journal:hover { background:var(--cc-bg-surface); }.billing-journal.is-active{border-color:var(--cc-color-brand-200);background:var(--cc-color-brand-50);box-shadow:inset 0 0 0 1px rgba(21,94,239,.04)}
.billing-journal-icon { flex:0 0 auto; width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:var(--cc-bg-surface); color:var(--cc-color-brand-600); box-shadow:var(--cc-shadow-1); }.billing-journal-icon .ico{width:17px;height:17px}.billing-journal>span:last-child{min-width:0;display:grid;gap:3px}.billing-journal b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.billing-journal small{overflow:hidden;color:var(--cc-text-secondary);font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.billing-quick-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:var(--layout-gap); padding:12px 14px; border-color:var(--cc-color-brand-100); background:linear-gradient(110deg,rgba(235,242,255,.94),rgba(255,255,255,.9)); }
.billing-quick-intro{min-width:190px;display:flex;align-items:center;gap:10px}.billing-quick-intro>span:last-child{display:grid;gap:3px}.billing-quick-intro b{font-size:11px}.billing-quick-intro small{color:var(--cc-text-secondary);font-size:8px;white-space:nowrap}.billing-quick-icon{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--cc-color-brand-600);color:#fff;box-shadow:0 8px 18px rgba(21,94,239,.18)}.billing-quick-icon .ico{width:16px;height:16px}.billing-quick-buttons{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:7px}.billing-quick-actions .cc-button { min-height:var(--cc-control-height-sm); padding-inline:11px; font-size:9px; white-space:nowrap; }.billing-quick-actions .cc-button--icon{width:var(--cc-control-height-sm);padding:0}
.billing-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--layout-gap); margin-top:var(--layout-gap); }
.billing-kpi { min-height:104px; display:grid; align-content:center; gap:6px; padding:var(--card-padding); }
.billing-kpi>span { color:var(--cc-text-secondary); font-size:var(--cc-font-size-xs); font-weight:var(--cc-weight-semibold); }
.billing-kpi strong { font-size:22px; line-height:1; letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.billing-kpi small { color:var(--cc-text-secondary); font-size:var(--cc-font-size-xs); }
.billing-kpi .is-positive { color:var(--cc-color-success); }.is-danger { color:var(--cc-color-danger)!important; }
.billing-workspace { margin-top:var(--layout-gap); padding:0!important; overflow:hidden; }
.billing-journal-context { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 16px; border-bottom:1px solid var(--cc-border-subtle); background:rgba(255,255,255,.7); }.billing-journal-context h2{margin:2px 0 0;font-size:15px}
.billing-tabs { min-height:52px; padding:0 16px; align-items:end; background:rgba(255,255,255,.45); }
.billing-tabs .cc-tab { position:relative; min-height:51px; display:flex; align-items:center; gap:7px; padding:0 10px; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--cc-text-secondary); font-size:11px; font-weight:var(--cc-weight-semibold); white-space:nowrap; cursor:pointer; }
.billing-tabs .cc-tab[aria-selected="true"] { color:var(--cc-color-brand-600); border-bottom-color:var(--cc-color-brand-500); }
.billing-tabs .cc-tab span { min-width:20px; padding:2px 6px; border-radius:99px; background:var(--cc-color-neutral-100); color:var(--cc-text-secondary); font-size:9px; text-align:center; }.billing-tabs .cc-tab span.is-alert{background:var(--cc-color-danger-bg);color:var(--cc-color-danger)}
.billing-workspace .cc-tab-panel { padding:16px; }
.billing-panel-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.billing-panel-head h2 { margin:0; font-size:17px; }.billing-panel-head p { margin:4px 0 0; color:var(--cc-text-secondary); font-size:11px; }.billing-panel-actions{display:flex;gap:8px}
.billing-filter-row { display:grid; grid-template-columns:180px 190px minmax(260px,360px); justify-content:start; align-items:end; gap:8px; margin-top:14px; padding:10px; border:1px solid var(--cc-border-subtle); border-radius:var(--cc-radius-lg); background:var(--cc-bg-surface-subtle); }
.billing-filter-row--invoice { grid-template-columns:160px 190px 170px minmax(260px,360px); }
.billing-filter-row .cc-select,.billing-filter-row .cc-input { min-height:var(--cc-control-height-sm); }
.billing-table-wrap { margin-top:12px; overflow-x:auto; border:1px solid var(--cc-border-subtle); border-radius:var(--cc-radius-lg); background:var(--cc-bg-surface); }
.billing-table { width:100%; border-collapse:collapse; font-size:10px; }
.billing-table th { padding:10px 12px; background:var(--cc-bg-surface-subtle); color:var(--cc-text-tertiary); font-size:8px; font-weight:var(--cc-weight-bold); letter-spacing:.05em; text-align:left; text-transform:uppercase; white-space:nowrap; }
.billing-table td { padding:11px 12px; border-top:1px solid var(--cc-border-subtle); color:var(--cc-text-secondary); white-space:nowrap; }
.billing-table tbody tr:hover { background:var(--cc-color-brand-50); }.billing-table td>b { color:var(--cc-text-primary); font-size:10px; }.billing-table td>small { display:block; margin-top:3px; color:var(--cc-text-tertiary); font-size:8px; }
.billing-table td:last-child { width:1%; text-align:right; }
.billing-trace { display:grid; gap:2px; min-width:118px; }.billing-trace b{color:var(--cc-text-primary);font-size:9px}.billing-trace small{color:var(--cc-text-tertiary);font-size:8px}
.billing-peppol { display:inline-flex; align-items:center; gap:5px; font-size:9px; font-weight:var(--cc-weight-semibold); }.billing-peppol:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cc-color-neutral-400)}.billing-peppol.is-success{color:var(--cc-color-success)}.billing-peppol.is-success:before{background:var(--cc-color-success)}.billing-peppol.is-pending{color:var(--cc-color-warning)}.billing-peppol.is-pending:before{background:var(--cc-color-warning)}.billing-peppol.is-neutral{color:var(--cc-text-tertiary)}
.overdue-summary { display:grid; grid-template-columns:repeat(3,180px); gap:8px; margin-top:14px; }.overdue-summary div{display:grid;gap:4px;padding:12px;border:1px solid var(--cc-color-danger-border);border-radius:var(--cc-radius-md);background:var(--cc-color-danger-bg)}.overdue-summary span{color:var(--cc-color-danger);font-size:9px;font-weight:700}.overdue-summary strong{font-size:16px;color:var(--cc-text-primary)}
.billing-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--layout-gap); margin-top:14px; }
.billing-setting-card { display:grid; align-content:start; gap:12px; padding:16px; border:1px solid var(--cc-border-subtle); border-radius:var(--cc-radius-lg); background:var(--cc-bg-surface); }.billing-setting-head{display:flex;align-items:center;gap:10px}.billing-setting-head h3{margin:0;font-size:14px}.billing-setting-head p{margin:3px 0 0;color:var(--cc-text-secondary);font-size:9px}.billing-setting-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--cc-color-brand-50);color:var(--cc-color-brand-600)}.billing-setting-icon .ico{width:18px;height:18px}.billing-connection{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid var(--cc-border-subtle);border-radius:var(--cc-radius-md);background:var(--cc-bg-surface-subtle)}.billing-connection span:first-child{display:grid;gap:2px;font-size:10px}.billing-connection small{color:var(--cc-text-secondary);font-size:8px}
.billing-modal { width:min(100%,570px); display:grid; gap:16px; }.billing-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.billing-modal-head h2{margin:4px 0 0;font-size:19px}.billing-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.billing-form-full{grid-column:1/-1}.billing-rule-note{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--cc-color-warning-border);border-radius:var(--cc-radius-md);background:var(--cc-color-warning-bg)}.billing-rule-note .ico{flex:0 0 auto;width:18px;height:18px;color:var(--cc-color-warning)}.billing-rule-note p{display:grid;gap:3px;margin:0;font-size:10px}.billing-rule-note small{color:var(--cc-text-secondary);line-height:1.4}.billing-modal-actions{display:flex;justify-content:flex-end;gap:8px}
.billing-drawer { width:min(100%,410px); display:flex; flex-direction:column; gap:16px; }.billing-drawer-status{display:flex;align-items:center;justify-content:space-between;gap:8px}.billing-drawer-values{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0}.billing-drawer-values div{padding:12px;border:1px solid var(--cc-border-subtle);border-radius:var(--cc-radius-md);background:var(--cc-bg-surface-subtle)}.billing-drawer-values dt{color:var(--cc-text-secondary);font-size:9px}.billing-drawer-values dd{margin:4px 0 0;font-size:11px;font-weight:700}.billing-drawer-actions{display:grid;gap:8px}.billing-drawer-actions .cc-button{width:100%;justify-content:center}.billing-history{padding-top:4px;border-top:1px solid var(--cc-border-subtle)}.billing-history h3{font-size:12px}.billing-history p{display:flex;gap:9px;margin:12px 0}.billing-history p>i{flex:0 0 auto;width:8px;height:8px;margin-top:3px;border-radius:50%;background:var(--cc-color-brand-500)}.billing-history p>span{display:grid;gap:3px;font-size:10px}.billing-history small{color:var(--cc-text-secondary);font-size:8px}