/* TOTAPP Workspace Design System 4.0 */
.wsds4-page{display:grid;gap:24px;min-width:0}.wsds4-surface{background:var(--ws-panel);border:1px solid var(--ws-line);border-radius:22px;box-shadow:0 18px 45px rgba(15,23,42,.07)}.wsds4-welcome{padding:24px 28px}.wsds4-welcome h2{margin:0 0 8px;color:var(--ws-ink);font-size:clamp(24px,3vw,34px);line-height:1.1}.wsds4-welcome p{margin:0;color:var(--ws-muted);font-size:16px;line-height:1.5}.wsds4-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.wsds4-metric{display:grid;gap:8px;min-width:0;padding:20px 22px;text-decoration:none;color:inherit;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.wsds4-metric[href]:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(15,23,42,.11);border-color:color-mix(in srgb,var(--ws-blue) 40%,var(--ws-line))}.wsds4-metric-label{color:var(--ws-muted);font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.wsds4-metric-value{color:var(--ws-ink);font-size:clamp(28px,4vw,42px);font-weight:1000;line-height:1;overflow-wrap:anywhere}.wsds4-metric-meta{color:var(--ws-muted);font-size:13px;font-weight:750;line-height:1.35}.wsds4-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px}.wsds4-toolbar-copy{min-width:0}.wsds4-eyebrow{display:block;color:var(--ws-blue);font-size:12px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.wsds4-toolbar h2{margin:6px 0 6px;color:var(--ws-ink);font-size:26px}.wsds4-toolbar p{margin:0;color:var(--ws-muted);line-height:1.5}.wsds4-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:1px solid transparent;border-radius:14px;background:var(--ws-blue);color:#fff!important;text-decoration:none;font-weight:950;line-height:1;white-space:nowrap;cursor:pointer}.wsds4-button:hover{filter:brightness(.97);transform:translateY(-1px)}.wsds4-button.secondary{background:var(--ws-panel);border-color:var(--ws-line);color:var(--ws-ink)!important}.wsds4-button.locked{background:var(--ws-bg);border-color:var(--ws-line);color:var(--ws-muted)!important;cursor:not-allowed}.wsds4-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.wsds4-card{display:flex;flex-direction:column;min-width:0;padding:24px}.wsds4-card h2,.wsds4-card h3{margin:8px 0 10px;color:var(--ws-ink);font-size:25px;line-height:1.15}.wsds4-card p{margin:0 0 20px;color:var(--ws-muted);line-height:1.5}.wsds4-card .wsds4-button,.wsds4-card .wsds4-locked-note{margin-top:auto;align-self:flex-start}.wsds4-locked-note{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:12px;background:var(--ws-bg);color:var(--ws-muted);font-weight:900}.wsds4-alert{padding:18px 20px;border-left:5px solid var(--ws-blue)}.wsds4-alert strong{display:block;color:var(--ws-ink);margin-bottom:4px}.wsds4-alert p{margin:0;color:var(--ws-muted)}.wsds4-alert.danger{border-left-color:#dc2626}.wsds4-alert.warning{border-left-color:#d97706}.wsds4-page a:not(.wsds4-button):focus-visible,.wsds4-page button:focus-visible{outline:3px solid color-mix(in srgb,var(--ws-blue) 45%,transparent);outline-offset:3px}.wsds4-page [hidden]{display:none!important}
@media(max-width:1100px){.wsds4-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.wsds4-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.wsds4-page{gap:16px}.wsds4-metrics,.wsds4-grid{grid-template-columns:1fr}.wsds4-toolbar{align-items:stretch;flex-direction:column}.wsds4-toolbar .wsds4-button{width:100%}.wsds4-welcome,.wsds4-card{padding:20px}.wsds4-metric{padding:18px 20px}}
.wsds4-filter-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.wsds4-filter-form label{display:grid;gap:6px;color:var(--ws-muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.wsds4-filter-form select{min-width:84px;min-height:44px;border:1px solid var(--ws-line);border-radius:12px;background:var(--ws-panel);color:var(--ws-ink);padding:0 12px;font:inherit;font-weight:800}.wsds4-table-card{padding:0;overflow:hidden}.wsds4-table-scroll{width:100%;overflow:auto}.wsds4-table{width:100%;border-collapse:collapse;background:var(--ws-panel);color:var(--ws-ink)}.wsds4-table th,.wsds4-table td{padding:16px 18px;border-bottom:1px solid var(--ws-line);text-align:left;vertical-align:middle}.wsds4-table th{background:var(--ws-bg);color:var(--ws-muted);font-size:12px;font-weight:1000;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.wsds4-table tbody tr:hover{background:color-mix(in srgb,var(--ws-blue) 4%,var(--ws-panel))}.wsds4-table tbody tr:last-child td{border-bottom:0}.wsds4-button.compact{min-height:38px;padding:0 13px;border-radius:11px;font-size:13px}.wsds4-empty{text-align:center!important;color:var(--ws-muted);padding:34px!important}.customer-portal-shell .crm-panel,.customer-portal-shell .crm-table-card{background:var(--ws-panel);border:1px solid var(--ws-line);border-radius:22px;box-shadow:0 18px 45px rgba(15,23,42,.07)}.customer-portal-shell .crm-panel{padding:22px 24px}.customer-portal-shell .crm-table-card{overflow:auto}.customer-portal-shell .crm-table{width:100%;border-collapse:collapse}.customer-portal-shell .crm-table th,.customer-portal-shell .crm-table td{padding:15px 17px;border-bottom:1px solid var(--ws-line);text-align:left}.customer-portal-shell .crm-table th{background:var(--ws-bg);color:var(--ws-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.customer-portal-shell .crm-action,.customer-portal-shell .customer-document-link{color:var(--ws-blue);font-weight:900;text-decoration:none}.customer-portal-shell .crm-action:hover,.customer-portal-shell .customer-document-link:hover{text-decoration:underline}
@media(max-width:720px){.wsds4-filter-form{width:100%}.wsds4-filter-form label,.wsds4-filter-form select{width:100%}.wsds4-table th,.wsds4-table td{padding:13px 14px}}

/* Workspace Design System 4.0.2 - CRM migration */
.wsds4-metrics--five{grid-template-columns:repeat(5,minmax(0,1fr))}
.crm-workspace-actions .wsds4-card{min-height:250px}
.crm-workspace .wsds4-metric-value{font-variant-numeric:tabular-nums}
@media(max-width:1380px){.wsds4-metrics--five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.wsds4-metrics--five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.wsds4-metrics--five{grid-template-columns:1fr}}