.profile-dashboard { --profile-surface:var(--surface,#fff); --profile-ink:var(--text,#172e38); --profile-muted:var(--muted,#667f8a); --profile-line:var(--line,#dfe8ed); background:var(--profile-surface); color:var(--profile-ink); border-block-start:3px solid #149477; }
.profile-dashboard[data-dark="true"] { --profile-surface:#14252d; --profile-ink:#eef5f7; --profile-muted:#aec3cc; --profile-line:#314b56; }
.profile-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:14px; padding:18px 20px; border-bottom:1px solid var(--profile-line); }
.profile-identity { display:flex; align-items:center; gap:13px; min-width:0; flex:1 1 260px; }.profile-identity>div { min-width:0; }
.profile-monogram { width:52px; height:52px; display:grid; place-items:center; flex:0 0 52px; background:color-mix(in srgb,var(--profile-surface) 85%,#149477 15%); color:var(--profile-ink); border-inline-start:3px solid #149477; font-size:calc(1.5rem * var(--content-heading-scale, 1)); font-weight:800; }
.profile-identity small { color:var(--profile-muted); font-size:calc(0.6875rem * var(--content-detail-scale, 1)); font-weight:700; }.profile-heading h1 { font-size:calc(1.625rem * var(--content-heading-scale, 1)); line-height:1.45; margin:2px 0; overflow-wrap:anywhere; letter-spacing:0; }.profile-heading p { margin:0; font-size:calc(0.75rem * var(--content-detail-scale, 1)); line-height:1.7; display:flex; flex-wrap:wrap; gap:12px; }
.profile-state { color:#186f50; font-size:calc(0.6875rem * var(--content-detail-scale, 1)); font-weight:800; }.profile-state[data-active="false"] { color:#b63636; }.profile-dashboard[data-dark="true"] .profile-state { color:#80debb; }.profile-dashboard[data-dark="true"] .profile-state[data-active="false"] { color:#ffabab; }
.profile-heading-actions { display:grid; gap:8px; }.profile-period { font-size:calc(0.6875rem * var(--content-detail-scale, 1)); color:var(--profile-muted); }.profile-heading .panel-actions { gap:8px; }
.profile-currency-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; padding:8px 20px; color:var(--profile-muted); font-size:calc(0.6875rem * var(--content-detail-scale, 1)); border-bottom:1px solid var(--profile-line); }
.profile-currency-toolbar label { display:flex; align-items:center; gap:8px; }.profile-currency-toolbar select { width:95px; min-height:30px; padding:3px 8px; font-size:calc(0.75rem * var(--content-detail-scale, 1)); }
.profile-month-picker { display:grid; gap:5px; font-size:calc(0.6875rem * var(--content-detail-scale, 1)); color:var(--profile-muted); }.profile-month-picker input { width:165px; min-height:36px; padding:5px 8px; font-size:calc(0.8125rem * var(--content-body-scale, 1)); }
.profile-kpis { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border-bottom:1px solid var(--profile-line); }
.profile-kpi { --profile-accent:#149477; display:grid; align-content:start; gap:7px; min-width:0; width:100%; padding:14px 15px; border:0; border-inline-end:1px solid var(--profile-line); background:var(--profile-surface); color:var(--profile-ink); text-align:start; position:relative; font:inherit; border-radius:0; }
button.profile-kpi { cursor:pointer; }button.profile-kpi:hover { background:color-mix(in srgb,var(--profile-surface) 92%,var(--profile-accent) 8%); }button.profile-kpi:focus-visible { outline:2px solid var(--profile-accent); outline-offset:-3px; }
.profile-kpi:before { content:""; position:absolute; top:0; inset-inline-start:15px; width:30px; height:3px; background:var(--profile-accent); }.profile-kpi[data-tone="blue"] { --profile-accent:#3379cf; }.profile-kpi[data-tone="red"] { --profile-accent:#d35454; }.profile-kpi[data-tone="violet"] { --profile-accent:#9570c3; }.profile-kpi[data-tone="amber"] { --profile-accent:#d08b15; }
.profile-kpi>span { font-size:calc(0.6875rem * var(--content-detail-scale, 1)); color:var(--profile-muted); line-height:1.7; font-weight:700; }.profile-kpi>strong { font-size:calc(1.3125rem * var(--content-heading-scale, 1)); font-weight:800; line-height:1.45; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }.profile-kpi>small { font-size:calc(0.625rem * var(--content-detail-scale, 1)); line-height:1.7; color:var(--profile-muted); overflow-wrap:anywhere; }
.profile-dashboard-grid { display:grid; grid-template-columns:minmax(0,2.7fr) minmax(245px,1fr); }.profile-main,.profile-aside { min-width:0; }.profile-aside { border-inline-start:1px solid var(--profile-line); }.profile-chart-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }.profile-chart-grid>*:only-child { grid-column:1/-1; }
.profile-document-links{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.profile-document-links a{font-size:.7rem;font-weight:700;color:#087f76;text-decoration:underline;text-underline-offset:2px}
.profile-band { padding:15px 18px; min-width:0; border-bottom:1px solid var(--profile-line); }.profile-band>header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:7px; margin-bottom:12px; }.profile-band h2 { font-size:calc(0.9375rem * var(--content-heading-scale, 1)); line-height:1.6; margin:0; letter-spacing:0; }.profile-band>header>span { color:var(--profile-muted); font-size:calc(0.625rem * var(--content-detail-scale, 1)); line-height:1.6; }
.profile-contact { display:grid; margin:0; }.profile-contact>div { display:grid; grid-template-columns:minmax(70px,.8fr) minmax(0,1.2fr); gap:9px; border-bottom:1px solid var(--profile-line); padding:9px 0; align-items:start; }.profile-contact>div:last-child { border-bottom:0; }.profile-contact dt { font-size:calc(0.6875rem * var(--content-detail-scale, 1)); line-height:1.8; font-weight:600; color:var(--profile-muted); }.profile-contact dd { margin:0; font-size:calc(0.75rem * var(--content-detail-scale, 1)); line-height:1.8; font-weight:700; overflow-wrap:anywhere; }.profile-contact bdi { overflow-wrap:anywhere; }
.profile-note { margin:0; font-size:calc(0.75rem * var(--content-detail-scale, 1)); line-height:1.9; white-space:pre-wrap; overflow-wrap:anywhere; }.profile-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }.profile-tags span { font-size:calc(0.6875rem * var(--content-detail-scale, 1)); padding:3px 7px; background:color-mix(in srgb,var(--profile-surface) 87%,#3379cf 13%); }
.profile-mini-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr)); }.profile-mini-grid .profile-kpi { padding:10px 12px; }.profile-mini-grid .profile-kpi:before { width:20px; height:2px; }.profile-mini-grid .profile-kpi strong { font-size:calc(1.125rem * var(--content-body-scale, 1)); }
.profile-trend { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(50px,1fr); align-items:end; gap:10px; overflow-x:auto; padding-bottom:2px; }.profile-trend-column { display:grid; grid-template-rows:minmax(1.125rem,auto) 112px minmax(1.25rem,auto); gap:6px; text-align:center; min-width:0; }.profile-trend-column>div { height:112px; display:flex; align-items:end; background:color-mix(in srgb,var(--profile-surface) 94%,#3379cf 6%); border-bottom:1px solid var(--profile-line); }.profile-trend-column i { display:block; width:100%; background:#149477; animation:profile-rise .7s ease both; transform-origin:bottom; }.profile-trend-column:nth-child(even) i { background:#3379cf; }.profile-trend-column strong { font-size:calc(0.625rem * var(--content-detail-scale, 1)); color:var(--profile-muted); overflow-wrap:anywhere; }.profile-trend-column small { font-size:calc(0.625rem * var(--content-detail-scale, 1)); color:var(--profile-muted); }
.employee-profile-trend { gap:4px; grid-auto-columns:minmax(18px,1fr); }.employee-profile-trend .profile-trend-column { grid-template-rows:112px minmax(1.125rem,auto); }.profile-empty { color:var(--profile-muted); font-size:calc(0.75rem * var(--content-detail-scale, 1)); line-height:1.8; margin:8px 0; grid-column:1/-1; }
.profile-activity-list { display:grid; gap:6px; max-height:205px; overflow:auto; }.profile-activity-list button { display:grid; grid-template-columns:minmax(75px,1fr) minmax(50px,.9fr) 24px; gap:10px; align-items:center; background:transparent; color:var(--profile-ink); font:inherit; font-size:calc(0.6875rem * var(--content-detail-scale, 1)); line-height:1.8; border:0; text-align:start; padding:6px 0; }.profile-activity-list button>i { height:6px; background:var(--profile-line); }.profile-activity-list b { display:block; height:6px; background:#3379cf; animation:profile-rise .7s ease both; }.profile-activity-list strong { text-align:end; }
.profile-target { display:grid; gap:12px; }.profile-target>strong { font-size:calc(1.625rem * var(--content-heading-scale, 1)); color:var(--profile-ink); font-variant-numeric:tabular-nums; }.profile-target>div { height:8px; background:var(--profile-line); }.profile-target i { display:block; height:100%; background:#9570c3; animation:profile-rise .7s ease both; }.profile-target>span { font-size:calc(0.6875rem * var(--content-detail-scale, 1)); color:var(--profile-muted); }
@keyframes profile-rise { from { opacity:.3; transform:scaleY(0); } to { opacity:1; transform:scaleY(1); } }
@media(prefers-reduced-motion:reduce) { .profile-trend-column i,.profile-target i,.profile-activity-list b { animation:none; } }
@media(max-width:1100px) { .profile-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }.profile-kpi { border-bottom:1px solid var(--profile-line); }.profile-dashboard-grid { grid-template-columns:minmax(0,2fr) minmax(220px,1fr); }.profile-chart-grid { grid-template-columns:1fr; } }
@media(max-width:760px) { .profile-dashboard-grid { grid-template-columns:1fr; }.profile-aside { border-inline-start:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--profile-line); }.profile-aside .profile-band { border-inline-end:1px solid var(--profile-line); }.profile-heading { padding:14px; }.profile-heading h1 { font-size:calc(1.4375rem * var(--content-heading-scale, 1)); }.profile-chart-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:520px) { .profile-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.profile-kpi { padding:12px; }.profile-kpi strong { font-size:calc(1.1875rem * var(--content-body-scale, 1)); }.profile-chart-grid,.profile-aside { grid-template-columns:1fr; }.profile-band { padding:13px 14px; }.profile-heading-actions { width:100%; }.profile-month-picker { width:100%; }.profile-month-picker input { width:100%; }.profile-contact>div { grid-template-columns:minmax(85px,.7fr) minmax(0,1.3fr); } }
.customer-account-screen .profile-chart-grid .pie-layout { flex-direction:column; align-items:center; gap:12px; }
.customer-account-screen .profile-chart-grid .pie-legend { width:100%; max-height:none; overflow:visible; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr)); gap:0 14px; }
.customer-account-screen .profile-chart-grid .pie-legend-item { align-items:start; }
.customer-account-screen .profile-trend { grid-template-columns:repeat(12,minmax(0,1fr)); grid-auto-flow:row; gap:5px; }
.customer-account-screen .profile-trend-column { grid-template-rows:minmax(1.875rem,auto) 112px minmax(1.625rem,auto); }
.profile-year-picker { display:flex; align-items:center; gap:8px; font-size:calc(0.6875rem * var(--content-detail-scale, 1)); color:var(--profile-muted); }
.profile-year-picker select { width:90px; min-height:34px; }
.profile-attachments { display:grid; gap:5px; margin-bottom:10px; }
.profile-attachments a { display:grid; gap:3px; padding:8px; border:1px solid var(--profile-line); color:var(--profile-ink); text-decoration:none; min-width:0; }
.profile-attachments a:hover { border-color:#149477; }
.profile-attachments strong,.profile-attachments small { overflow-wrap:anywhere; }
.profile-attachments small { color:var(--profile-muted); }
.customer-statement-modal { width:min(1060px,calc(100vw - 24px)); height:min(92vh,980px); max-height:92vh; display:flex; flex-direction:column; }
.customer-statement-body { min-height:0; flex:1; overflow:auto; padding:16px; display:flex; flex-direction:column; }
.customer-statement-periods { display:inline-flex; flex-wrap:wrap; gap:3px; padding:3px; border:1px solid #cbd9dc; border-radius:6px; background:#f3f7f7; }
.customer-statement-periods button { border:0; border-radius:4px; background:transparent; color:#254052; padding:8px 14px; cursor:pointer; }
.customer-statement-periods button.is-active { background:#087f74; color:white; }
.customer-statement-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 20px; margin:18px 0 10px; color:#315066; }
.customer-statement-file { display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;color:var(--muted);font-size:12px; }
.customer-statement-actions { display:flex;flex-wrap:wrap;gap:6px; }
.customer-statement-actions a { display:inline-flex;align-items:center;gap:5px;text-decoration:none; }
.customer-statement-actions img { width:16px;height:16px; }
.customer-statement-preview { flex:1;min-height:420px;width:100%;border:1px solid #d5e1e3;border-radius:4px;background:#fff; }
@media(max-width:600px){.customer-statement-preview{min-height:55vh}.customer-statement-modal{height:94vh;max-height:94vh}.customer-statement-body{padding:10px}}
.customer-statement-trigger { color:#087f74; border-color:#8ec7bf; }
.customer-statement-trigger span { margin-inline-end:5px; }
.profile-contact-persons { display:grid; gap:7px; margin-top:12px; }
.profile-contact-persons>div { display:flex; flex-wrap:wrap; gap:4px 10px; align-items:center; padding:8px 0; border-top:1px solid var(--profile-line); }
.profile-contact-persons small { color:var(--profile-muted); }
.profile-contact-persons a { color:#087f74; overflow-wrap:anywhere; }
.customer-contact-editor-header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.customer-contact-editor { padding:12px; border:1px solid #d5e1e3; border-radius:4px; margin-bottom:8px; }
.customer-contact-editor-actions { display:flex; align-items:end; gap:6px; padding-bottom:2px; }
@media(max-width:760px) { .customer-account-screen .profile-trend { overflow-x:auto; grid-template-columns:repeat(12,minmax(44px,1fr)); } }
.entity-rated-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.entity-rated-title h1{margin:0}