/* Entensiv CARE — brand theme, matched to entensiv.com */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Jost:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap');

/* Brand lockup in the sidebar / topbar */
.care-brand { display: flex; align-items: center; gap: 0.6rem; line-height: 1; }
.care-brand-logo { height: 2rem; width: auto; display: block; transition: filter 0.2s ease; }
/* White logo asset: render dark on light chrome, leave white in dark mode */
html:not(.dark) .care-brand-logo { filter: brightness(0) saturate(100%); opacity: 0.82; }
.dark .care-brand-logo { filter: none; }
.care-brand-care {
    font-family: 'Jost', ui-sans-serif, system-ui, sans-serif;
    font-weight: 500; letter-spacing: 0.24em; font-size: 0.74rem;
    text-transform: uppercase; color: #7a9bb5;
    padding-left: 0.6rem; border-left: 1px solid rgba(122, 155, 181, 0.4);
}

/* Headings in the brand serif, like the main site */
.fi-header-heading,
.fi-section-header-heading,
.fi-modal-heading,
.fi-ta-empty-state-heading {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    letter-spacing: 0.005em;
    font-weight: 600;
}

/* Global type scale: 10% larger than Filament's default */
html {
    font-size: 110%;
}

/* ---- Google sign-in button (login page) ---- */
.care-google-wrap {
    margin-top: 1.25rem;
}
.care-google-divider {
    display: flex;
    align-items: center;
    text-align: center;
    color: rgb(var(--gray-400));
    font-size: 0.8rem;
    margin: 0.25rem 0 1rem;
}
.care-google-divider::before,
.care-google-divider::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid rgb(var(--gray-200));
}
.dark .care-google-divider::before,
.dark .care-google-divider::after {
    border-color: rgb(var(--gray-700));
}
.care-google-divider span {
    padding: 0 0.75rem;
}
.care-google-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    width: 100%;
    padding: 0.625rem 1rem;
    border: 1px solid rgb(var(--gray-300));
    border-radius: 0.5rem;
    background: #ffffff;
    color: #1f2937;
    font-weight: 500;
    font-size: 0.95rem;
    transition: background 0.15s ease, border-color 0.15s ease;
}
.care-google-btn:hover {
    background: #f7f8fa;
    border-color: rgb(var(--gray-400));
}
.dark .care-google-btn {
    background: rgb(var(--gray-800));
    color: rgb(var(--gray-100));
    border-color: rgb(var(--gray-600));
}
.dark .care-google-btn:hover {
    background: rgb(var(--gray-700));
}
.care-google-error {
    margin-bottom: 0.85rem;
    padding: 0.6rem 0.8rem;
    border-radius: 0.5rem;
    background: rgba(220, 38, 38, 0.08);
    border: 1px solid rgba(220, 38, 38, 0.3);
    color: #b91c1c;
    font-size: 0.85rem;
    text-align: center;
}
.dark .care-google-error {
    color: #fca5a5;
}

/* ============================================================
   Work Board dashboard (custom Filament home page)
   ============================================================ */
.wb-wrap{
    --wb-surface:#ffffff; --wb-bg:#f5f7f9; --wb-line:#e3e6ea; --wb-line2:#cfd4da;
    --wb-ink:#1a2332; --wb-ink2:#5d646f; --wb-ink3:#8a909b;
    --wb-accent:#4a5f78; --wb-accent-bg:#eef2f6;
    display:grid; grid-template-columns:244px minmax(0,1fr); gap:18px; align-items:start;
    font-size:14px; color:var(--wb-ink);
}
.dark .wb-wrap{
    --wb-surface:#1f2b3d; --wb-bg:#19222e; --wb-line:#2a3a50; --wb-line2:#3b4d63;
    --wb-ink:#e8edf3; --wb-ink2:#aab4c2; --wb-ink3:#8a95a5;
    --wb-accent:#9bb6cd; --wb-accent-bg:#243447;
}
@media (max-width:1024px){ .wb-wrap{grid-template-columns:1fr;} .wb-side{display:none;} }

/* ---- sidebar ---- */
.wb-side{background:var(--wb-surface);border:1px solid var(--wb-line);border-radius:10px;padding:14px 10px;display:flex;flex-direction:column;gap:18px;position:sticky;top:78px;max-height:calc(100vh - 96px);overflow:auto;}
.wb-glabel{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--wb-ink3);font-weight:600;margin:0 8px 8px;}
.wb-view{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;border:0;background:transparent;padding:7px 9px;border-radius:7px;color:var(--wb-ink2);font-size:13px;cursor:pointer;margin-bottom:2px;}
.wb-view:hover{background:var(--wb-bg);color:var(--wb-ink);}
.wb-view-on{background:var(--wb-accent-bg);color:var(--wb-accent);font-weight:650;}
.wb-vcount{font-size:11px;color:var(--wb-ink3);background:var(--wb-bg);border-radius:20px;padding:1px 8px;font-variant-numeric:tabular-nums;}
.wb-view-on .wb-vcount{background:var(--wb-surface);color:var(--wb-accent);}

/* ---- tree ---- */
.wb-tree{margin:0 -2px;}
.wb-node{width:100%;}
.wb-trow{display:flex;align-items:center;gap:4px;padding:5px 8px;padding-left:calc(8px + var(--lvl,0) * 14px);border-radius:7px;color:var(--wb-ink2);}
.wb-trow:hover{background:var(--wb-bg);}
.wb-on{background:var(--wb-accent-bg);}
.wb-on .wb-tlabel,.wb-on .wb-tcount{color:var(--wb-accent);font-weight:650;}
.wb-caret{width:14px;flex:none;color:var(--wb-ink3);font-size:9px;display:inline-grid;place-items:center;border:0;background:transparent;cursor:pointer;padding:0;}
.wb-leaf{visibility:hidden;}
.wb-tlabel{flex:1;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;}
.wb-tlabel:hover{color:var(--wb-ink);}
.wb-tcount{font-size:11px;color:var(--wb-ink3);font-variant-numeric:tabular-nums;}

/* ---- main column ---- */
.wb-main{min-width:0;}
.wb-scope{display:flex;align-items:center;gap:3px;flex-wrap:wrap;margin-bottom:14px;font-size:13px;}
.wb-crumb{border:0;background:transparent;color:var(--wb-ink2);padding:3px 7px;border-radius:6px;font-size:13px;cursor:pointer;}
.wb-crumb:hover{background:var(--wb-surface);color:var(--wb-ink);}
.wb-current{color:var(--wb-ink);font-weight:650;}
.wb-sep{color:var(--wb-ink3);font-size:12px;}

/* ---- KPIs ---- */
.wb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;}
@media (max-width:720px){ .wb-stats{grid-template-columns:repeat(2,1fr);} }
.wb-stat{background:var(--wb-surface);border:1px solid var(--wb-line);border-radius:10px;padding:13px 15px;}
.wb-k{font-size:12px;color:var(--wb-ink3);display:flex;align-items:center;gap:6px;}
.wb-v{font-size:26px;font-weight:680;letter-spacing:-.02em;margin-top:3px;}
.wb-sub{font-size:11px;color:var(--wb-ink3);margin-top:1px;}
.wb-alert{border-color:#e8b9b9;}
.dark .wb-alert{border-color:#5b2e2e;}
.wb-alert .wb-v{color:#c23b3b;}
.dark .wb-alert .wb-v{color:#f0a0a0;}
.wb-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none;}

/* ---- tabs ---- */
.wb-tabs{display:flex;gap:2px;border-bottom:1px solid var(--wb-line);margin-bottom:16px;}
.wb-tab{border:0;background:transparent;padding:9px 14px;font-size:13px;font-weight:550;color:var(--wb-ink3);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;}
.wb-tab:hover{color:var(--wb-ink);}
.wb-tab-on{color:var(--wb-ink);border-bottom-color:var(--wb-accent);}

/* ---- table ---- */
.wb-card{background:var(--wb-surface);border:1px solid var(--wb-line);border-radius:10px;overflow:hidden;}
.wb-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:11px 14px;border-bottom:1px solid var(--wb-line);}
.wb-title{font-weight:650;margin-right:auto;}
.wb-title span{color:var(--wb-ink3);font-weight:400;font-size:13px;}
.wb-chip{border:1px solid var(--wb-line2);background:var(--wb-surface);border-radius:20px;padding:4px 12px;font-size:12px;color:var(--wb-ink2);cursor:pointer;}
.wb-chip:hover{color:var(--wb-ink);}
.wb-chip-on{background:var(--wb-accent);color:#fff;border-color:var(--wb-accent);}
.dark .wb-chip-on{color:#13202e;}
.wb-scroll{overflow-x:auto;}
.wb-table{width:100%;border-collapse:collapse;min-width:840px;}
.wb-table thead th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--wb-ink3);font-weight:600;padding:10px 14px;border-bottom:1px solid var(--wb-line);white-space:nowrap;}
.wb-table tbody td{padding:12px 14px;border-bottom:1px solid var(--wb-line);vertical-align:middle;}
.wb-table tbody tr:last-child td{border-bottom:0;}
.wb-ttitle{font-weight:550;color:var(--wb-ink);}
.wb-id{font-size:12px;color:var(--wb-ink3);font-variant-numeric:tabular-nums;margin-top:1px;}
.wb-loc{color:var(--wb-ink);white-space:nowrap;}
.wb-loc small{display:block;color:var(--wb-ink3);font-size:11px;}
.wb-asset{font-size:12px;color:var(--wb-ink2);}
.wb-none{color:var(--wb-ink3);}
.wb-empty{padding:36px 14px;text-align:center;color:var(--wb-ink3);}

.wb-chip2{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:550;padding:3px 9px;border-radius:20px;white-space:nowrap;}
.wb-chip2 .wb-dot{width:7px;height:7px;}
.wb-s-open{background:#eaeefb;color:#3257d6;} .wb-s-open .wb-dot{background:#3257d6;}
.wb-s-progress{background:#fbf2e0;color:#b06d00;} .wb-s-progress .wb-dot{background:#b06d00;}
.wb-s-hold{background:#fae9e9;color:#c23b3b;} .wb-s-hold .wb-dot{background:#c23b3b;}
.wb-s-done{background:#e7f4ec;color:#2f8f5b;} .wb-s-done .wb-dot{background:#2f8f5b;}
.wb-s-cancel{background:#eef0f3;color:#5d616b;} .wb-s-cancel .wb-dot{background:#5d616b;}
.dark .wb-s-open{background:#22325c;color:#9db4f0;} .dark .wb-s-progress{background:#3a3015;color:#e0b35e;}
.dark .wb-s-hold{background:#3a1f1f;color:#f0a0a0;} .dark .wb-s-done{background:#173626;color:#7fd0a3;} .dark .wb-s-cancel{background:#2a3340;color:#aab4c2;}

.wb-prio{display:inline-flex;align-items:center;gap:7px;font-size:13px;}
.wb-prio .wb-dot{width:9px;height:9px;}
.wb-p-crit{color:#c23b3b;font-weight:600;} .wb-p-crit .wb-dot{background:#c23b3b;}
.wb-p-high{color:var(--wb-ink);} .wb-p-high .wb-dot{background:#d08200;}
.wb-p-med{color:var(--wb-ink2);} .wb-p-med .wb-dot{background:#5d646f;}
.wb-p-low{color:var(--wb-ink3);} .wb-p-low .wb-dot{background:#a3a8b2;}

.wb-type{font-size:12px;color:var(--wb-ink2);background:var(--wb-bg);border:1px solid var(--wb-line);border-radius:6px;padding:2px 8px;white-space:nowrap;}
.wb-due{font-size:13px;color:var(--wb-ink2);white-space:nowrap;}
.wb-due small{display:block;font-size:11px;color:var(--wb-ink3);}
.wb-overdue{color:#c23b3b;font-weight:600;} .wb-overdue small{color:#c23b3b;}
.wb-today{color:#b06d00;font-weight:600;} .wb-today small{color:#b06d00;}

/* ---- charts ---- */
.wb-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
@media (max-width:720px){ .wb-charts{grid-template-columns:1fr;} }
.wb-chartcard{background:var(--wb-surface);border:1px solid var(--wb-line);border-radius:10px;padding:15px 17px;}
.wb-wide{grid-column:1 / -1;}
.wb-chart-h{font-weight:650;font-size:13px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:baseline;color:var(--wb-ink);}
.wb-chart-h small{font-weight:400;color:var(--wb-ink3);font-size:11px;}
.wb-bars{display:flex;flex-direction:column;gap:10px;}
.wb-bar{display:grid;grid-template-columns:110px 1fr 28px;align-items:center;gap:10px;font-size:12px;}
.wb-bar-label{color:var(--wb-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wb-bar-track{height:9px;background:var(--wb-bg);border-radius:6px;overflow:hidden;}
.wb-bar-fill{display:block;height:100%;border-radius:6px;min-width:2px;}
.wb-bar-val{text-align:right;color:var(--wb-ink);font-variant-numeric:tabular-nums;}
.wb-chart-empty{color:var(--wb-ink3);font-size:12px;padding:6px 0;}
.wb-rowlink{cursor:pointer;}
.wb-rowlink:hover{background:var(--wb-bg);}
.wb-ttitle{text-decoration:none;}
a.wb-ttitle:hover{text-decoration:underline;}
.wb-select{border:1px solid var(--wb-line2);background:var(--wb-surface);border-radius:7px;padding:5px 9px;font-size:12px;color:var(--wb-ink2);cursor:pointer;}
.wb-select:hover{color:var(--wb-ink);}