:root {
    --theme-background: #eef3f1;
    --theme-surface: #ffffff;
    --theme-primary: #246b5a;
    --theme-primary-hover: #1d584a;
    --theme-accent: #dc6b3e;
    --theme-text: #18322b;
    --theme-muted: #66776f;
    --theme-border: #cad5d0;
    --theme-elevated: #f7faf8;
    --theme-danger: #b42318;
    --theme-success: #18794e;
    --theme-radius: 12px;
    --theme-field-height: 48px;
    --theme-content-width: 420px;
    color-scheme: light;
}

html[data-theme="dark"] {
    --theme-background:#3b3f44;
    --theme-surface:#484d53;
    --theme-elevated:#555b62;
    --theme-primary:#9bd8c7;
    --theme-primary-hover:#b0e4d5;
    --theme-accent:#ff9a6c;
    --theme-text:#f5f6f7;
    --theme-muted:#c9cdd1;
    --theme-border:#6b727a;
    --theme-danger:#ffaaa2;
    --theme-success:#91dfb8;
    color-scheme:dark;
}

html, body { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:var(--theme-background); color:var(--theme-text); }

*, *::before, *::after { box-sizing:border-box; }
button, input, select, textarea { max-width:100%; }
button, [role="button"] { overflow-wrap:anywhere; }

a, .btn-link {
    color: var(--theme-primary);
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

/* Az Identity-oldalak külön elrendezést használnak, ezért itt globálisan is el kell rejteni a Blazor hibasávját. */
#blazor-error-ui { display:none; position:fixed; left:0; right:0; bottom:0; z-index:1000; padding:.75rem 1rem; background:#fffbe6; border-top:1px solid #e6d98a; color:var(--theme-text); }
#blazor-error-ui .dismiss { position:absolute; right:.75rem; cursor:pointer; }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

.auth-page { min-height:100svh; display:grid; place-items:center; padding:72px 20px 32px; position:relative; background:var(--theme-background); }
.auth-language { position:absolute; top:22px; right:24px; }
.language-switch { display:flex; gap:.35rem; align-items:center; font-size:.82rem; font-weight:700; }
.language-switch a { color:var(--theme-muted); text-decoration:none; padding:.35rem; }
.language-switch a.active { color:var(--theme-text); text-decoration:underline; text-underline-offset:4px; }
.auth-shell { width:min(100%,var(--theme-content-width)); }
.auth-brand { min-height:200px; width:100%; box-sizing:border-box; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.7rem; margin-bottom:20px; color:var(--theme-text); }
.auth-wordmark { display:block; width:260px; max-width:78%; height:auto; margin-inline:auto; object-fit:contain; }
.auth-housemark { display:block; width:84px; height:84px; margin-inline:auto; object-fit:contain; }
.auth-heading { text-align:center; margin-bottom:1.5rem; }
.auth-heading h1 { font-family:inherit; font-size:1.65rem; font-weight:700; margin:0; }
.simple-form { display:grid; gap:15px; }
.simple-field { display:grid; gap:6px; }
.simple-field label { font-size:.85rem; font-weight:600; }
.simple-field input,.simple-field select { width:100%; height:var(--theme-field-height); border:1px solid var(--theme-border); border-radius:var(--theme-radius); background:var(--theme-surface); color:var(--theme-text); padding:0 13px; outline:none; }
.simple-field input:focus,.simple-field select:focus { border-color:var(--theme-primary); box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary) 16%,transparent); }
.simple-field small { color:var(--theme-muted); font-size:.76rem; }
.registration-business-fields { display:none; gap:.8rem; margin:0; padding:1rem; border:1px solid var(--theme-border); border-radius:14px; }
.simple-form:has(input[value="Business"]:checked) .registration-business-fields { display:grid; }
.registration-business-fields legend { padding:0 .3rem; font-weight:750; }
.registration-business-fields > p { margin:0; color:var(--theme-muted); font-size:.8rem; }
.account-type-registration > span { font-weight:650; font-size:.78rem; color:var(--theme-muted); }
.registration-account-choices { display:grid; grid-template-columns:1fr 1fr; gap:.65rem; }
.registration-account-choices label { padding:.75rem; display:grid; grid-template-columns:auto 1fr; gap:.1rem .55rem; align-items:center; border:1px solid var(--theme-border); border-radius:12px; background:#fff; cursor:pointer; }
.registration-account-choices input { grid-row:1/3; width:1.1rem; height:1.1rem; }
.registration-account-choices small { color:var(--theme-muted); font-size:.7rem; }
.remember-row,.terms-row { display:flex; gap:.65rem; align-items:flex-start; font-size:.82rem; color:var(--theme-muted); }
.remember-row input,.terms-row input { margin-top:.18rem; flex:0 0 auto; }
.primary-action { min-height:var(--theme-field-height); border:0; border-radius:var(--theme-radius); background:var(--theme-primary); color:white; font-weight:700; padding:0 18px; }
.primary-action:hover { background:var(--theme-primary-hover); }
.quiet-link,.auth-alternative { text-align:center; color:var(--theme-muted); font-size:.88rem; }
.quiet-link { text-decoration:none; }
.auth-divider { display:flex; align-items:center; gap:.8rem; color:var(--theme-muted); font-size:.78rem; }
.auth-divider::before,.auth-divider::after { content:""; height:1px; flex:1; background:var(--theme-border); }
.biometric-action { width:100%; border:0; background:transparent; color:var(--theme-primary); font-weight:650; padding:10px; }
.mobile-biometric { display:none; }
.validation-message,.text-danger { color:var(--theme-danger)!important; font-size:.78rem; }
@media (max-width: 800px) and (pointer: coarse) { .mobile-biometric { display:block; } }
@media (min-width: 720px) { .auth-shell { background:var(--theme-surface); border:1px solid var(--theme-border); border-radius:20px; padding:32px; box-shadow:0 20px 60px rgba(24,50,43,.08); } .auth-brand{min-height:190px;} }

.eyebrow { color:#dc6b3e; font-size:.72rem; letter-spacing:.18em; font-weight:800; }
.welcome-panel { padding:2rem 0 1rem; }
.welcome-panel h1, .onboarding-shell h1 { font-family:Georgia,serif; font-size:clamp(2.2rem,6vw,4rem); margin:.3rem 0; }
.workspace-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:1rem; }
.workspace-card { min-height:170px; padding:1.4rem; border-radius:1rem; background:#fffdf8; border:1px solid #ddd9cd; color:#17352d; text-decoration:none; display:flex; flex-direction:column; justify-content:flex-end; box-shadow:0 8px 24px #17352d0c; }
.workspace-card:hover { transform:translateY(-2px); color:#17352d; border-color:#86a095; }
.workspace-card h2 { font-family:Georgia,serif; margin:.4rem 0; }

/* Belépés utáni egységes Sufni-felület */
.page-heading-row,.section-title-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-width:0; }
.page-heading-row > *,.section-title-row > * { min-width:0; }
.page-heading-row h1,.section-title-row h2 { margin:.25rem 0; }
.gear-button { width:2.9rem; height:2.9rem; display:grid; place-items:center; flex:0 0 auto; border:1px solid var(--theme-border); border-radius:50%; background:var(--theme-surface); color:var(--theme-text); text-decoration:none; font-size:1.35rem; cursor:pointer; }
.workspace-card { position:relative; padding:0; overflow:visible; }
.card-main-link { min-height:170px; padding:1.4rem 4.5rem 1.4rem 1.4rem; color:inherit; text-decoration:none; display:flex; flex-direction:column; justify-content:flex-end; border-radius:inherit; }
.workspace-card-settings-link { position:absolute; right:1.2rem; top:50%; transform:translateY(-50%); width:2.8rem; height:2.8rem; display:grid; place-items:center; border-radius:50%; border:1px solid var(--theme-border); background:#fff; color:var(--theme-text); text-decoration:none; font-size:1.25rem; z-index:3; }
.card-settings { position:absolute; top:50%; right:1.2rem; transform:translateY(-50%); z-index:3; }
.card-settings summary,.card-settings-button { list-style:none; width:2.8rem; height:2.8rem; padding:0; display:grid; place-items:center; border-radius:50%; border:1px solid var(--theme-border); background:#fff; color:var(--theme-text); font-size:1.25rem; line-height:1; cursor:pointer; }
.card-settings summary::-webkit-details-marker { display:none; }
.settings-popover { position:absolute; z-index:20; right:0; top:3.2rem; min-width:220px; padding:.45rem; border:1px solid var(--theme-border); border-radius:12px; background:#fff; box-shadow:0 16px 36px rgba(24,50,43,.18); }
.settings-popover a,.settings-popover button { display:block; width:100%; padding:.7rem .8rem; border:0; border-radius:8px; background:transparent; color:var(--theme-text); text-align:left; text-decoration:none; font:inherit; }
.settings-popover a:hover,.settings-popover button:hover { background:var(--theme-background); }
.asset-section { margin-top:2rem; }
.asset-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(235px,320px)); gap:1rem; margin-top:1rem; align-items:start; }
.asset-card { position:relative; overflow:hidden; border:1px solid var(--theme-border); border-radius:18px; background:var(--theme-surface); box-shadow:0 8px 24px rgba(24,50,43,.05); transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
.asset-card:hover { transform:translateY(-2px); border-color:#86a095; box-shadow:0 14px 30px rgba(24,50,43,.1); }
.asset-card-main { display:block; color:inherit; text-decoration:none; }
.asset-card-main:hover { color:inherit; }
.asset-card-main > img,.asset-image-placeholder { width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:17px 17px 0 0; background:#e5ece9; }
.asset-image-placeholder { display:grid; place-items:center; font-size:3.2rem; }
.asset-card-body { padding:1.1rem; }
.asset-card-body h3 { margin:.25rem 0; font-size:1.25rem; }
.asset-card-body p { min-height:1.4em; margin:0; color:var(--theme-muted); }
.asset-card-open { display:block; margin-top:.8rem; color:var(--theme-primary); font-size:.82rem; font-weight:700; }
.asset-card .card-settings { top:1rem; transform:none; }
.asset-quick-actions { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--theme-border); }
.asset-quick-actions a { min-height:64px; padding:.55rem .25rem; display:grid; place-items:center; align-content:center; gap:.15rem; color:var(--theme-text); text-decoration:none; border-right:1px solid var(--theme-border); background:#fbfdfc; }
.asset-quick-actions a:last-child { border-right:0; }
.asset-quick-actions a:hover { background:#edf5f1; color:var(--theme-primary); }
.asset-quick-actions span { font-size:1.2rem; line-height:1; }
.asset-quick-actions small { font-size:.66rem; font-weight:750; }
.empty-state { margin-top:1rem; padding:2rem; display:grid; justify-items:start; gap:1rem; border:1px dashed var(--theme-border); border-radius:18px; background:rgba(255,255,255,.55); }
.inline-action { display:inline-flex; align-items:center; padding:0 1rem; text-decoration:none; }
.record-form,.settings-stack { display:grid; gap:1rem; max-width:920px; }
.form-section { padding:1.25rem; border:1px solid var(--theme-border); border-radius:18px; background:var(--theme-surface); }
.form-section h2 { margin:0 0 1rem; font-size:1.15rem; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.form-grid label,.form-section form label { display:grid; gap:.4rem; font-weight:650; font-size:.86rem; }
.form-grid input,.form-grid select,.form-grid textarea,.form-section form input { width:100%; min-height:var(--theme-field-height); padding:.7rem .8rem; border:1px solid var(--theme-border); border-radius:var(--theme-radius); background:#fff; color:var(--theme-text); font:inherit; }
.form-grid textarea { min-height:110px; resize:vertical; }
.date-selects { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:.45rem; }
.date-selects select { min-width:0; }
.form-grid small { color:var(--theme-muted); font-weight:400; }
.wide-field { grid-column:1/-1; }
.upload-preview { width:min(100%,360px); max-height:260px; object-fit:cover; border-radius:14px; grid-column:1/-1; }
.form-submit { justify-self:start; min-width:180px; }
.quiet-button { display:inline-flex; align-items:center; justify-content:center; min-height:42px; max-width:100%; padding:.55rem .9rem; border:1px solid var(--theme-border); border-radius:10px; background:#fff; color:var(--theme-text); text-align:center; text-decoration:none; white-space:normal; overflow-wrap:anywhere; }
.heading-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.55rem; min-width:0; max-width:100%; }
.compact-action { margin-top:.8rem; min-height:42px; padding:0 1rem; }
.danger-section { border-color:#edc9c5; }
.danger-button { min-height:44px; max-width:100%; padding:.55rem 1rem; border:0; border-radius:10px; background:var(--theme-danger); color:#fff; font-weight:700; white-space:normal; overflow-wrap:anywhere; }
.asset-detail-heading p { margin:0; color:var(--theme-muted); }
.asset-detail-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; margin:1rem 0; max-width:720px; }
.asset-detail-actions a { min-height:74px; padding:.8rem; display:flex; align-items:center; justify-content:center; gap:.55rem; border:1px solid var(--theme-border); border-radius:14px; background:var(--theme-surface); color:var(--theme-text); text-decoration:none; }
.asset-detail-actions a:hover { border-color:var(--theme-primary); color:var(--theme-primary); }
.asset-detail-actions span { font-size:1.35rem; }
.asset-detail-hero { display:grid; grid-template-columns:minmax(240px,380px) 1fr; gap:1rem; margin:1rem 0; align-items:start; }
.asset-detail-hero > img { width:100%; max-height:320px; aspect-ratio:4/3; object-fit:cover; border-radius:18px; border:1px solid var(--theme-border); }
.asset-facts-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.asset-facts-grid > div { min-height:74px; padding:.85rem 1rem; display:grid; align-content:center; gap:.2rem; border:1px solid var(--theme-border); border-radius:14px; background:var(--theme-surface); }
.asset-facts-grid span,.stats-summary-grid span { color:var(--theme-muted); font-size:.76rem; }
.asset-facts-grid strong { overflow-wrap:anywhere; }
.asset-facts-grid .fact-wide { grid-column:1/-1; }
.stats-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin:1rem 0; }
.stats-summary-grid > div { padding:1rem; display:grid; gap:.3rem; border-radius:14px; background:#fffdf8; border:1px solid #ddd9cd; }
.stats-summary-grid strong { font-size:1.35rem; }
.event-entry-section,.due-section,.statistics-section,.timeline-section { margin-top:1rem; max-width:1100px; }
.event-entry-section .record-form { max-width:none; }
.due-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:.7rem; }
.due-grid > div { padding:.9rem; display:grid; gap:.25rem; border-radius:12px; background:#fff8e8; border:1px solid #ead9ac; }
.due-grid span { color:var(--theme-muted); }
.mileage-chart { margin:1rem 0; padding:1rem; border:1px solid var(--theme-border); border-radius:14px; }
.chart-heading { display:flex; justify-content:space-between; gap:1rem; color:var(--theme-muted); }
.mileage-chart-plot { position:relative; margin-top:.5rem; }
.mileage-chart svg { display:block; width:100%; height:auto; overflow:visible; }
.mileage-chart line { stroke:var(--theme-border); stroke-width:2; }
.mileage-chart .chart-grid-line { stroke:var(--theme-border); stroke-width:1.5; stroke-dasharray:6 7; opacity:.72; }
.mileage-chart polyline { fill:none; stroke:var(--theme-primary); stroke-width:5; stroke-linecap:round; stroke-linejoin:round; }
.mileage-chart circle { fill:var(--theme-surface); stroke:var(--theme-primary); stroke-width:4; }
.mileage-chart-scale { position:absolute; inset:0; pointer-events:none; }
.mileage-chart-scale span { position:absolute; right:1.2%; padding:.05rem .25rem; transform:translateY(-100%); border-radius:5px; background:color-mix(in srgb,var(--theme-surface) 88%,transparent); color:var(--theme-muted); font-size:clamp(.55rem,2.4vw,.7rem); font-weight:650; }
.event-chart-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1rem; }
.event-chart { padding:1rem; border:1px solid var(--theme-border); border-radius:14px; }
.event-chart h3 { margin:0 0 .8rem; font-size:1rem; }
.chart-row { display:grid; gap:.28rem; margin:.65rem 0; }
.chart-row > div:first-child { display:flex; justify-content:space-between; gap:.5rem; color:var(--theme-muted); font-size:.72rem; }
.chart-row > strong { font-size:.78rem; }
.chart-track { height:8px; overflow:hidden; border-radius:999px; background:#e3ebe7; }
.chart-track i { display:block; height:100%; min-width:3px; border-radius:inherit; background:var(--theme-accent); }
.asset-timeline { position:relative; display:grid; gap:0; margin-top:1rem; }
.asset-timeline::before { content:""; position:absolute; left:21px; top:12px; bottom:12px; width:2px; background:var(--theme-border); }
.asset-timeline article { position:relative; display:grid; grid-template-columns:44px 1fr; gap:.8rem; padding:0 0 1.25rem; }
.timeline-icon { z-index:1; width:44px; height:44px; display:grid; place-items:center; border-radius:50%; background:var(--theme-surface); border:1px solid var(--theme-border); }
.asset-timeline h3 { margin:.15rem 0; font-size:1rem; }
.asset-timeline p { margin:.15rem 0; color:var(--theme-muted); }
.asset-timeline small { display:block; margin-top:.35rem; color:var(--theme-primary); font-weight:700; }
.standalone-event-form { max-width:920px; }
.calculated-value { padding:.8rem 1rem; border-radius:12px; background:#eaf5ef; color:var(--theme-primary); font-weight:750; }
.inline-form { display:flex; align-items:center; gap:.65rem; flex-wrap:wrap; }
.inline-form select,.member-controls select { min-height:42px; padding:.55rem .7rem; border:1px solid var(--theme-border); border-radius:10px; background:#fff; color:var(--theme-text); }
.member-list { display:grid; gap:.65rem; margin-top:1rem; }
.member-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem 0; border-top:1px solid var(--theme-border); }
.member-row > div:first-child { display:grid; gap:.15rem; min-width:0; }
.member-row > div:first-child span { color:var(--theme-muted); font-size:.8rem; overflow-wrap:anywhere; }
.member-row > div:first-child small { color:var(--theme-muted); font-size:.72rem; }
.member-controls { display:flex; align-items:center; justify-content:flex-end; gap:.55rem; flex-wrap:wrap; }
.role-badge { padding:.35rem .6rem; border-radius:999px; background:#eaf1ee; color:var(--theme-primary); font-size:.75rem; font-weight:750; }
.member-remove,.pending-invitations button { border:0; background:transparent; font:inherit; font-size:.78rem; cursor:pointer; }
.settings-message { max-width:920px; margin-top:1rem; }
.generated-invite { margin-top:1rem; padding:1rem; border:1px solid #b9d6c9; border-radius:14px; background:#eff8f4; }
.generated-invite p { margin:.35rem 0 .7rem; }
.generated-invite input { width:100%; min-height:44px; padding:.65rem .75rem; border:1px solid var(--theme-border); border-radius:10px; background:#fff; }
.pending-invitations { margin-top:1.2rem; }
.pending-invitations h3 { font-size:1rem; }
.pending-invitations > div { display:flex; align-items:center; justify-content:space-between; gap:.8rem; padding:.65rem 0; border-top:1px solid var(--theme-border); }
.pending-invitations span { display:grid; gap:.15rem; }
.pending-invitations small { color:var(--theme-muted); }
.pending-invitation-actions { display:flex!important; grid-auto-flow:column; gap:.35rem!important; }
.pending-invitation-actions button { min-height:36px; padding:0 .55rem; border:1px solid var(--theme-border); border-radius:8px; background:#fff; }
.invitation-email-sent { color:var(--theme-success)!important; }
.invitation-email-failed { color:var(--theme-danger)!important; }
.asset-owner-filter { margin-bottom:1rem; }
.invitation-shell { max-width:620px; margin:2rem auto; padding:clamp(1.2rem,4vw,2.5rem); border:1px solid var(--theme-border); border-radius:20px; background:var(--theme-surface); }
.invitation-shell h1 { margin:.35rem 0; }
.system-admin-stack { max-width:1100px; }
.admin-overview-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin:1rem 0; max-width:1100px; }
.admin-overview-grid > div { padding:1rem; display:grid; gap:.25rem; border:1px solid var(--theme-border); border-radius:14px; background:#fffdf8; }
.admin-overview-grid span,.system-info span { color:var(--theme-muted); font-size:.76rem; }
.admin-overview-grid strong { font-size:1.45rem; }
.admin-section-hidden{display:none!important}
.admin-tuning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:1100px;margin:1.25rem 0}
.admin-tuning-grid>a{display:grid;grid-template-columns:2.75rem 1fr;grid-template-rows:auto auto;gap:.15rem .8rem;align-items:center;padding:1.1rem;border:1px solid var(--theme-border);border-radius:18px;background:#fffdf8;color:var(--theme-text);text-decoration:none;min-width:0;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.admin-tuning-grid>a:hover{border-color:var(--theme-primary);transform:translateY(-1px);box-shadow:0 8px 22px rgba(24,50,43,.08)}
.admin-tuning-grid strong{font-size:1.05rem}
.admin-tuning-grid small{grid-column:2;color:var(--theme-muted)}
.admin-tuning-icon{grid-row:1/3;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:12px;background:#eef5f2;color:var(--theme-primary);font-size:1.3rem}
.admin-tuning-icon svg{width:1.45rem;height:1.45rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.field-editor-list{display:grid;gap:1rem}
.field-editor-row{padding:1rem 0;border-top:1px solid var(--theme-border);display:grid;gap:.75rem}
.field-editor-row:first-of-type{border-top:0}
.field-editor-row-inactive{opacity:.65}
.field-editor-main{display:grid;grid-template-columns:repeat(2,minmax(0,1.6fr)) minmax(7rem,.8fr);gap:.6rem}
.field-editor-main label{min-width:0}
.field-editor-controls{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.field-editor-controls>label{display:flex;align-items:center;gap:.35rem;font-weight:600}
.field-editor-controls button{max-width:100%;white-space:normal}
.custom-field-options{display:grid;gap:.55rem;padding:.75rem;border-radius:12px;background:#eef5f2}
.option-chip-list{display:flex;flex-wrap:wrap;gap:.4rem}
.option-chip-list span{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border-radius:999px;background:white;border:1px solid var(--theme-border)}
.option-chip-list button{border:0;background:transparent;color:var(--theme-danger);padding:0}
.backup-import-panel{display:grid;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--theme-border)}
.backup-import-panel input[type=file]{display:block;width:100%;max-width:100%;min-width:0;overflow:hidden}
.backup-download-button{display:inline-flex;width:max-content;max-width:100%}
.admin-switch { display:flex!important; grid-template-columns:auto 1fr!important; align-items:center; gap:.65rem!important; margin:.4rem 0 1rem; }
.admin-switch input { width:1.2rem!important; min-height:1.2rem!important; }
.smtp-test-panel { margin-top:1.25rem; padding-top:1rem; border-top:1px solid var(--theme-border); }
.smtp-test-panel h3 { font-size:1rem; }
.smtp-test-panel input { min-height:42px; min-width:min(100%,290px); padding:.55rem .7rem; border:1px solid var(--theme-border); border-radius:10px; }
.smtp-test-panel small { display:block; margin-top:.55rem; color:var(--theme-muted); }
.smtp-settings-summary { display:grid; gap:1rem; }
.settings-readonly-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
.settings-readonly-grid > div { min-height:70px; padding:.8rem .9rem; display:grid; align-content:center; gap:.2rem; border:1px solid var(--theme-border); border-radius:12px; background:#fbfdfc; }
.settings-readonly-grid span { color:var(--theme-muted); font-size:.74rem; }
.settings-readonly-grid strong { overflow-wrap:anywhere; }
.status-enabled { color:var(--theme-success); }
.status-disabled { color:var(--theme-danger); }
.smtp-edit-actions { justify-content:flex-start; }
.admin-user-list { display:grid; gap:0; }
.admin-user-list article { padding:.85rem 0; border-top:1px solid var(--theme-border); }
.admin-user-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.admin-user-identity { display:grid; gap:.15rem; min-width:0; }
.admin-user-list span,.admin-user-list small { color:var(--theme-muted); overflow-wrap:anywhere; }
.admin-user-list small { font-size:.72rem; }
.admin-user-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.45rem; }
.admin-user-actions button { min-height:40px; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.danger-outline-button { min-height:42px; max-width:100%; padding:.55rem .9rem; border:1px solid #d9a7a1; border-radius:10px; background:#fff; color:var(--theme-danger); white-space:normal; overflow-wrap:anywhere; }
.admin-delete-confirmation { display:grid; gap:.7rem; margin-top:.85rem; padding:1rem; border:1px solid #e1b4ae; border-radius:12px; background:#fff7f5; }
.admin-delete-confirmation p { margin:0; color:var(--theme-muted); }
.admin-confirm-input { width:100%; min-height:44px; padding:.6rem .75rem; border:1px solid #d9a7a1; border-radius:10px; background:#fff; }
.admin-confirm-actions { display:flex; flex-wrap:wrap; gap:.55rem; }
.admin-confirm-actions button:disabled { opacity:.5; cursor:not-allowed; }
.system-list-groups { display:grid; gap:.65rem; }
.system-list-group { border:1px solid var(--theme-border); border-radius:12px; background:#fbfdfc; }
.system-list-group summary { display:flex; justify-content:space-between; gap:1rem; padding:.85rem 1rem; cursor:pointer; }
.system-list-group summary span { color:var(--theme-muted); font-size:.78rem; }
.system-list-items { display:grid; gap:.5rem; padding:0 1rem 1rem; }
.system-list-items > div { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:.45rem; }
.system-list-items input { min-height:40px; padding:.5rem .65rem; border:1px solid var(--theme-border); border-radius:9px; }
.system-list-add { margin-top:.35rem; padding-top:.7rem; border-top:1px solid var(--theme-border); grid-template-columns:minmax(0,1fr) auto!important; }
.account-manage-shell { width:min(100%,900px); margin:0 auto; display:grid; grid-template-columns:210px minmax(0,1fr); gap:1.25rem; align-items:start; }
.account-manage-nav { position:sticky; top:1rem; display:grid; gap:.3rem; padding:.75rem; border:1px solid var(--theme-border); border-radius:16px; background:var(--theme-surface); list-style:none; }
.account-manage-nav li { list-style:none; }
.account-manage-nav .nav-link { display:block; padding:.65rem .75rem; border-radius:9px; color:var(--theme-text); text-decoration:none; }
.account-manage-nav .nav-link.active { background:var(--theme-primary); color:#fff; }
.account-manage-nav form { margin:0; }
.account-manage-nav button.nav-link { width:100%; border:0; background:transparent; text-align:left; cursor:pointer; }
.account-manage-content { min-width:0; }
.profile-heading { margin-bottom:1rem; }
.profile-heading h1 { margin:.25rem 0; }
.profile-heading p { margin:0; color:var(--theme-muted); }
.profile-form { display:grid; gap:1rem; }
.profile-form label { display:grid; gap:.35rem; font-weight:650; }
.profile-form input,.profile-form select { width:100%; min-height:44px; padding:.55rem .7rem; border:1px solid var(--theme-border); border-radius:10px; background:#fff; }
.profile-form input:disabled { background:#f1f5f3; color:var(--theme-muted); }
.profile-save { justify-self:start; }
.system-info > div { display:flex; justify-content:space-between; gap:1rem; padding:.7rem 0; border-top:1px solid var(--theme-border); }
.admin-auth-shell { width:min(100%,480px); margin:2rem auto; padding:clamp(1.2rem,5vw,2.2rem); border:1px solid var(--theme-border); border-radius:20px; background:var(--theme-surface); box-shadow:0 18px 50px rgba(24,50,43,.09); }
.admin-auth-shell h1 { margin:.4rem 0; }
.admin-auth-shell > p { color:var(--theme-muted); }
@media(max-width:640px){.form-grid{grid-template-columns:1fr}.wide-field{grid-column:auto}.workspace-grid,.asset-grid{grid-template-columns:1fr}.content{padding-left:1rem!important;padding-right:1rem!important}.asset-card .settings-popover,.workspace-card .settings-popover{position:fixed;left:1rem;right:1rem;top:auto;bottom:5.5rem;min-width:0}.page-heading-row{align-items:flex-start}}
.workspace-type { color:#dc6b3e; font-size:.72rem; font-weight:800; text-transform:uppercase; }
.workspace-card-new { border-style:dashed; justify-content:center; align-items:center; color:#2c6655; }
.onboarding-shell { max-width:760px; margin:1rem auto; background:#fffdf8; border:1px solid #ddd9cd; border-radius:1.4rem; padding:clamp(1.2rem,4vw,2.5rem); }
.choice-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.7rem; margin:1.5rem 0; }
.choice-card { padding:1rem; border:1px solid #ddd9cd; border-radius:.9rem; cursor:pointer; display:grid; gap:.25rem; }
.choice-card.selected { border-color:#2c6655; background:#e9f0ec; }
.choice-card span { color:#65766f; font-size:.82rem; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; margin-bottom:.8rem; }
.form-hint { color:#65766f; font-size:.85rem; }
.feature-placeholder-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:1rem; margin-top:2rem; }
.feature-placeholder-grid div { padding:1.2rem; background:#fffdf8; border:1px solid #ddd9cd; border-radius:1rem; display:grid; gap:.4rem; }
.feature-placeholder-grid span { color:#65766f; }
@media(max-width:700px){ .choice-grid,.form-grid{grid-template-columns:1fr}.content{padding-left:1rem!important;padding-right:1rem!important}.top-row{display:none}.workspace-card{min-height:135px} }
@media(max-width:700px){.asset-detail-hero{grid-template-columns:1fr}.asset-facts-grid{grid-template-columns:1fr}.asset-facts-grid .fact-wide{grid-column:auto}.stats-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-detail-heading{align-items:flex-start}.chart-heading{display:grid}}
@media(max-width:520px){.asset-detail-actions{gap:.45rem}.asset-detail-actions a{min-height:68px;padding:.55rem;display:grid;gap:.1rem;text-align:center}.asset-detail-actions strong{font-size:.72rem}.member-row{align-items:flex-start;display:grid}.member-controls{justify-content:flex-start}.page-heading-row{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.heading-actions{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));justify-content:stretch}.heading-actions>*{width:100%;min-width:0}.date-selects{grid-template-columns:1.2fr 1fr 1fr}}
@media(max-width:700px){.admin-overview-grid,.admin-tuning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-tuning-grid>a{grid-template-columns:1fr;grid-template-rows:auto auto auto}.admin-tuning-grid small{grid-column:1}.admin-tuning-icon{grid-row:auto}.field-editor-main{grid-template-columns:1fr 1fr}.admin-user-row{display:grid}.admin-user-actions{justify-content:flex-start}.smtp-test-panel .inline-form{align-items:stretch}.smtp-test-panel input{min-width:0;width:100%}}
@media(max-width:430px){.admin-tuning-grid{grid-template-columns:1fr}.field-editor-main{grid-template-columns:1fr}}
@media(max-width:520px){.settings-readonly-grid{grid-template-columns:1fr}}
@media(max-width:760px){.account-manage-shell{grid-template-columns:1fr}.account-manage-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.system-list-items>div{grid-template-columns:1fr 1fr}.system-list-items>div input{grid-column:1/-1}.pending-invitations>div{align-items:flex-start;display:grid}.pending-invitation-actions{justify-content:flex-start}.registration-business-fields{padding:.8rem}}

/* Tevékenységek, összesítések és fiókbiztonság */
.field-help { display:block; margin-top:.15rem; }
.asset-timeline article { grid-template-columns:44px minmax(0,1fr) auto; }
.timeline-entry-content { min-width:0; }
.timeline-edit-link { align-self:start; min-height:36px; padding:0 .7rem; display:inline-flex; align-items:center; border:1px solid var(--theme-border); border-radius:9px; background:#fff; color:var(--theme-text); text-decoration:none; font-size:.76rem; font-weight:700; }
.workspace-activity-section { margin-top:2rem; }
.workspace-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; }
.workspace-stat-grid > div { min-height:110px; padding:1rem; display:grid; align-content:center; gap:.28rem; border:1px solid var(--theme-border); border-radius:14px; background:#fbfdfc; }
.activity-empty-note { margin-top:.85rem; padding:.85rem 1rem; display:grid; gap:.2rem; border:1px solid var(--theme-border); border-radius:12px; background:#fbfdfc; }
.activity-empty-note span { color:var(--theme-muted); font-size:.8rem; }
.workspace-stat-grid span,.workspace-stat-grid small { color:var(--theme-muted); font-size:.72rem; }
.workspace-stat-grid strong { font-size:1.2rem; overflow-wrap:anywhere; }
.upcoming-workspace-list { margin-top:1.25rem; }
.upcoming-workspace-list h3 { font-size:1rem; }
.upcoming-workspace-item { display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:.75rem; padding:.75rem 0; border-top:1px solid var(--theme-border); color:var(--theme-text); text-decoration:none; }
.upcoming-workspace-item > span:nth-child(2) { display:grid; gap:.15rem; min-width:0; }
.upcoming-workspace-item small { color:var(--theme-muted); }
.due-status { padding:.35rem .55rem; border-radius:999px; background:#eaf1ee; color:var(--theme-primary); font-size:.7rem; font-style:normal; font-weight:800; }
.due-status.overdue { background:#fff0ed; color:var(--theme-danger); }
.profile-clean-card { padding:1.25rem; border:1px solid var(--theme-border); border-radius:18px; background:var(--theme-surface); }
.profile-clean-card h2 { margin:.25rem 0 .5rem; }
.profile-clean-card > p { color:var(--theme-muted); }
.authenticator-setup-grid { display:grid; grid-template-columns:minmax(190px,240px) 1fr; gap:1.25rem; align-items:center; margin:1.25rem 0; }
.authenticator-qr { padding:.75rem; display:grid; place-items:center; border:1px solid var(--theme-border); border-radius:16px; background:#fff; }
.authenticator-qr svg { display:block; width:100%; height:auto; }
.authenticator-manual-key { display:grid; gap:.55rem; min-width:0; }
.authenticator-manual-key span,.authenticator-manual-key small { color:var(--theme-muted); }
.authenticator-manual-key kbd { padding:.7rem; border-radius:10px; background:#edf3f0; color:var(--theme-text); overflow-wrap:anywhere; font-size:.86rem; }
.authenticator-code-form { max-width:420px; }
.authenticator-code-form label { display:grid; gap:.4rem; font-weight:700; }
.authenticator-code-form input { width:100%; min-height:44px; padding:.6rem .75rem; border:1px solid var(--theme-border); border-radius:10px; font:inherit; letter-spacing:.12em; }
@media(max-width:800px){.workspace-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.asset-timeline article{grid-template-columns:44px minmax(0,1fr)}.timeline-edit-link{grid-column:2;justify-self:start}.workspace-stat-grid{grid-template-columns:1fr 1fr}.authenticator-setup-grid{grid-template-columns:1fr}.authenticator-qr{max-width:240px}.upcoming-workspace-item{grid-template-columns:40px minmax(0,1fr)}.upcoming-workspace-item .due-status{grid-column:2;justify-self:start}.workspace-stat-grid > div{min-height:98px}}
.attachment-section { margin-top:1rem; }
.attachment-upload { display:grid; min-width:0; max-width:100%; gap:.4rem; margin-bottom:1rem; font-weight:700; }
.attachment-upload .attachment-file-input { display:block; width:100%; max-width:100%; min-width:0; min-height:44px; overflow:hidden; box-sizing:border-box; padding:.45rem; border:1px solid var(--theme-border); border-radius:10px; background:#fff; font-size:.78rem; text-overflow:ellipsis; white-space:nowrap; }
.attachment-file-input::file-selector-button { max-width:58%; margin-right:.45rem; overflow:hidden; padding:.45rem .55rem; border:1px solid var(--theme-border); border-radius:7px; background:#f3f7f5; color:var(--theme-text); font:inherit; text-overflow:ellipsis; white-space:nowrap; }
.attachment-upload small { color:var(--theme-muted); font-weight:400; }
.attachment-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:.75rem; }
.attachment-card { min-width:0; overflow:hidden; border:1px solid var(--theme-border); border-radius:14px; background:#fbfdfc; }
.attachment-card > a:first-child { width:100%; aspect-ratio:16/10; display:grid; place-items:center; overflow:hidden; background:#e8efec; color:var(--theme-primary); text-decoration:none; font-size:1.25rem; font-weight:900; }
.attachment-card img { width:100%; height:100%; object-fit:cover; }
.attachment-card > div { padding:.65rem .75rem; display:grid; gap:.18rem; }
.attachment-card strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.84rem; }
.attachment-card small { color:var(--theme-muted); font-size:.7rem; }
.attachment-actions { grid-template-columns:1fr auto; border-top:1px solid var(--theme-border); }
.attachment-actions a,.attachment-actions button { border:0; background:transparent; color:var(--theme-primary); text-align:left; text-decoration:none; font:inherit; font-size:.74rem; font-weight:750; cursor:pointer; }
.attachment-actions button { color:var(--theme-danger); }

/* 2026 nyári, egységesített alkalmazásfelület */
.startup-splash{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:var(--theme-background);animation:sufni-splash-out 1.65s ease-in-out forwards;pointer-events:none}
.startup-splash-brand{display:grid;justify-items:center;gap:.75rem;animation:sufni-splash-pop 1.2s cubic-bezier(.2,.8,.2,1) both}
.startup-wordmark{width:min(54vw,280px);height:auto}.startup-house{width:min(22vw,96px);height:auto}
@keyframes sufni-splash-pop{0%{opacity:0;transform:translateY(12px) scale(.94)}35%,78%{opacity:1;transform:none}100%{opacity:.9;transform:scale(1.02)}}
@keyframes sufni-splash-out{0%,72%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.startup-splash{animation-duration:.25s}.startup-splash-brand{animation:none}}

.password-input-wrap{position:relative;display:block;width:100%}
.password-input-wrap>input{padding-right:3rem!important;width:100%}
.account-setting-form{max-width:700px}
.password-visibility-toggle{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);width:2.35rem;height:2.35rem;border:0;border-radius:8px;background:transparent;color:var(--theme-muted);font-size:1rem;display:grid;place-items:center}
.password-visibility-toggle:hover{background:color-mix(in srgb,var(--theme-primary) 12%,transparent);color:var(--theme-primary)}

.welcome-panel-compact{margin-bottom:1.1rem}.welcome-panel-compact h1{margin:.2rem 0}.welcome-panel-compact p{margin:0}
.favorite-strip{margin:1rem 0 1.35rem}.favorite-asset-list{display:grid;gap:.65rem;padding:.1rem 0 .45rem}
.favorite-asset-chip{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;border:1px solid var(--theme-border);border-radius:15px;background:var(--theme-surface);color:var(--theme-text);overflow:hidden}
.favorite-asset-chip:hover{border-color:var(--theme-primary)}.favorite-asset-main{min-width:0;display:grid;grid-template-columns:2.7rem minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.75rem .85rem;color:var(--theme-text);text-decoration:none}.favorite-asset-main:hover{color:var(--theme-text)}.favorite-asset-chip small{display:block;color:var(--theme-muted);font-size:.72rem}.favorite-asset-icon{width:2.7rem;height:2.7rem;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--theme-accent) 13%,var(--theme-surface));font-size:1.5rem}
.favorite-fueling-action{min-width:78px;padding:.55rem .7rem;display:grid;place-items:center;align-content:center;gap:.1rem;border-left:1px solid var(--theme-border);background:color-mix(in srgb,var(--theme-accent) 10%,var(--theme-surface));color:var(--theme-text);text-decoration:none}.favorite-fueling-action span{font-size:1.35rem}.favorite-fueling-action strong{font-size:.68rem}.favorite-fueling-action:hover{background:color-mix(in srgb,var(--theme-accent) 18%,var(--theme-surface));color:var(--theme-text)}
.workspace-grid-polished{gap:1rem}.workspace-card-polished{min-height:190px;background:linear-gradient(145deg,var(--theme-surface),color-mix(in srgb,var(--theme-surface) 88%,var(--theme-accent)))}
.workspace-card-polished::after{content:"";position:absolute;right:-28px;bottom:-40px;width:130px;height:130px;border-radius:50%;background:color-mix(in srgb,var(--theme-primary) 7%,transparent);pointer-events:none}
.workspace-card-polished .card-main-link{height:100%;padding:1.35rem 4.6rem 1.25rem 1.35rem;display:grid;align-content:center;gap:.2rem}
.workspace-card-mark{position:absolute;right:1.3rem;bottom:1.1rem;color:color-mix(in srgb,var(--theme-primary) 45%,transparent);font-size:2.4rem;font-weight:900;letter-spacing:-.3em}
.workspace-card-meta{color:var(--theme-muted)}.workspace-card-open{margin-top:.6rem;color:var(--theme-primary);font-size:.78rem;font-weight:800}
.icon-button .bi{display:block;margin:0;top:0;width:1.2rem;height:1.2rem;background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(0) saturate(100%) invert(17%) sepia(16%) saturate(1110%) hue-rotate(109deg) brightness(91%) contrast(91%)}.icon-button .bi-gear-fill-nav-menu{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872zM8 10.929a2.929 2.929 0 1 1 0-5.858 2.929 2.929 0 0 1 0 5.858z'/%3E%3C/svg%3E")}.workspace-card-settings-link.icon-button{top:1.1rem;transform:none;background:var(--theme-surface)}

.workspace-compact-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem;padding:.15rem 0 .8rem;border-bottom:1px solid var(--theme-border)}
.workspace-compact-header h1{margin:.12rem 0;font-size:clamp(1.75rem,6vw,2.35rem)}.workspace-compact-header p{margin:0;color:var(--theme-muted)}
.workspace-overview-section{margin:.75rem 0 1.25rem;padding:1rem;border:1px solid var(--theme-border);border-radius:18px;background:var(--theme-surface)}
.workspace-overview-section h2{margin:.15rem 0}.text-action{font-size:.78rem;font-weight:800;text-decoration:none}.result-count{color:var(--theme-muted);font-size:.78rem}
.workspace-stat-grid>a{min-height:110px;padding:1rem;display:grid;align-content:center;gap:.28rem;border:1px solid var(--theme-border);border-radius:14px;background:color-mix(in srgb,var(--theme-surface) 95%,var(--theme-primary));color:var(--theme-text);text-decoration:none}
.workspace-stat-grid>a:hover{border-color:var(--theme-primary)}.workspace-stat-grid>a span,.workspace-stat-grid>a small{color:var(--theme-muted);font-size:.72rem}.workspace-stat-grid>a strong{font-size:1.2rem}
.asset-registry-section{margin-top:1.2rem}.asset-filter-bar{display:grid;grid-template-columns:minmax(210px,2fr) repeat(2,minmax(140px,1fr)) auto auto;gap:.6rem;align-items:center;margin:.75rem 0 1rem;padding:.7rem;border:1px solid var(--theme-border);border-radius:15px;background:var(--theme-surface)}
.asset-filter-bar input[type=search],.asset-filter-bar select{width:100%;min-height:43px;padding:.55rem .7rem;border:1px solid var(--theme-border);border-radius:10px;background:var(--theme-surface);color:var(--theme-text)}
.mine-filter{min-height:43px;display:flex;align-items:center;gap:.4rem;padding:0 .4rem;font-size:.78rem}.filter-clear{min-height:38px;border:0;background:transparent;color:var(--theme-primary);font-weight:750}
.favorite-toggle{position:absolute;z-index:5;right:.8rem;top:.8rem;width:2.5rem;height:2.5rem;border:1px solid color-mix(in srgb,var(--theme-border) 80%,transparent);border-radius:50%;background:color-mix(in srgb,var(--theme-surface) 88%,transparent);color:var(--theme-primary);font-size:1.35rem;box-shadow:0 5px 18px rgba(0,0,0,.12)}
.favorite-toggle.selected{background:var(--theme-primary);color:white}.asset-image-placeholder{display:grid;place-items:center;align-content:center;gap:.3rem}.asset-image-placeholder>span{font-size:3.6rem}.asset-image-placeholder>small{color:var(--theme-muted);font-weight:750}
.asset-quick-actions.two-actions{grid-template-columns:repeat(2,1fr)}.asset-quick-actions a{background:color-mix(in srgb,var(--theme-surface) 96%,var(--theme-primary))}

.asset-detail-visual{margin:1rem 0;display:grid;place-items:center}.asset-detail-visual>img,.asset-detail-placeholder{width:min(100%,780px);max-height:420px;aspect-ratio:16/9;object-fit:cover;border-radius:18px;border:1px solid var(--theme-border)}
.asset-detail-page{display:flex;flex-direction:column;gap:1rem}.asset-detail-page>*{order:100;margin-top:0;margin-bottom:0}.asset-detail-page>.asset-detail-heading{order:10}.asset-detail-page>.asset-detail-actions{order:20}.asset-detail-page>.asset-detail-visual{order:30}.asset-detail-page>.stats-summary-links{order:40}.asset-detail-page>.due-section{order:50}.asset-detail-page>.statistics-section{order:60}.asset-detail-page>.timeline-section{order:70}.asset-detail-page>.asset-facts-section{order:80}.asset-detail-page>.attachment-section{order:90}
.asset-detail-placeholder{display:grid;place-items:center;align-content:center;gap:.5rem;background:color-mix(in srgb,var(--theme-surface) 85%,var(--theme-primary))}.asset-detail-placeholder span{font-size:5rem}.asset-detail-placeholder small{color:var(--theme-muted);font-weight:750}
.asset-facts-section{margin:1rem 0}.asset-detail-actions.two-actions{grid-template-columns:repeat(2,1fr)}
.stats-summary-links>a{min-height:86px;padding:.9rem;display:grid;gap:.2rem;border:1px solid var(--theme-border);border-radius:14px;background:var(--theme-surface);color:var(--theme-text);text-decoration:none}.stats-summary-links>a:hover{border-color:var(--theme-primary)}.stats-summary-links small{color:var(--theme-primary)}

.account-manage-shell{grid-template-columns:minmax(0,1fr);width:min(100%,920px)}.account-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.account-hub-grid>a{min-height:128px;padding:1rem;display:grid;grid-template-columns:2.8rem 1fr;grid-template-rows:auto auto;align-items:center;gap:.1rem .8rem;border:1px solid var(--theme-border);border-radius:17px;background:var(--theme-surface);color:var(--theme-text);text-decoration:none}
.account-hub-grid>a:hover{border-color:var(--theme-primary);transform:translateY(-1px)}.account-hub-icon{grid-row:1/3;width:2.8rem;height:2.8rem;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--theme-primary) 13%,var(--theme-surface));color:var(--theme-primary);font-weight:900}.account-hub-grid small{color:var(--theme-muted)}
.account-logout-card{margin-top:1rem}.account-logout-card button{width:100%;min-height:48px;border:1px solid color-mix(in srgb,var(--theme-danger) 45%,var(--theme-border));border-radius:12px;background:var(--theme-surface);color:var(--theme-danger);font-weight:750}
.subpage-heading{margin-bottom:1rem}.back-button{width:max-content;max-width:100%;min-height:38px;margin-bottom:.75rem;padding:.42rem .72rem;display:inline-flex;align-items:center;border:1px solid var(--theme-border);border-radius:10px;background:var(--theme-surface);color:var(--theme-primary);font-size:.82rem;font-weight:750;text-decoration:none;white-space:normal}.back-button:hover{border-color:var(--theme-primary);color:var(--theme-primary)}.subpage-heading h1{margin:.2rem 0}.subpage-heading p{color:var(--theme-muted)}
.page-heading-row .eyebrow,.subpage-heading .eyebrow{display:block;clear:both}
.theme-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.theme-choice-grid>a{padding:1rem;display:grid;gap:.35rem;border:1px solid var(--theme-border);border-radius:17px;background:var(--theme-surface);color:var(--theme-text);text-decoration:none}.theme-choice-grid small{color:var(--theme-muted)}
.theme-preview{height:105px;padding:.7rem;display:grid;grid-template-columns:.35fr 1fr;grid-template-rows:repeat(2,1fr);gap:.4rem;border-radius:12px;overflow:hidden}.theme-preview i{display:block;border-radius:6px}.theme-preview i:first-child{grid-row:1/3}.light-preview{background:#eef3f1}.light-preview i{background:white}.dark-preview{background:#3b3f44}.dark-preview i{background:#555b62}.system-preview{background:linear-gradient(105deg,#eef3f1 50%,#3b3f44 50%)}.system-preview i{background:color-mix(in srgb,#fff 55%,#555b62)}

.statistics-filter-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.65rem;margin:1rem 0;padding:.85rem;border:1px solid var(--theme-border);border-radius:15px;background:var(--theme-surface)}.statistics-filter-panel label{display:grid;gap:.3rem;color:var(--theme-muted);font-size:.74rem;font-weight:700}.statistics-filter-panel select{min-height:42px;padding:.5rem .65rem;border:1px solid var(--theme-border);border-radius:9px;background:var(--theme-surface);color:var(--theme-text)}
.statistics-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}.statistics-kpi-grid>div{min-height:100px;padding:.9rem;display:grid;align-content:center;gap:.2rem;border:1px solid var(--theme-border);border-radius:14px;background:var(--theme-surface)}.statistics-kpi-grid span,.statistics-kpi-grid small{color:var(--theme-muted);font-size:.72rem}
.bar-chart{display:grid;gap:.35rem}.bar-chart-row{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(120px,3fr) minmax(90px,auto);gap:.7rem;align-items:center;width:100%;padding:.55rem;border:0;border-radius:9px;background:transparent;color:var(--theme-text);text-align:left}.bar-chart-row:hover{background:color-mix(in srgb,var(--theme-primary) 8%,transparent)}.bar-track{height:12px;border-radius:999px;background:color-mix(in srgb,var(--theme-border) 70%,transparent);overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--theme-primary),var(--theme-accent))}
.statistics-mileage svg{width:100%;max-height:300px}.statistics-mileage line{stroke:var(--theme-border);stroke-width:2}.statistics-mileage polyline{fill:none;stroke:var(--theme-primary);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.chart-range{display:flex;justify-content:space-between;color:var(--theme-muted);font-size:.75rem}
.statistics-table{display:grid;margin-top:.7rem}.statistics-table>a{padding:.7rem 0;display:grid;grid-template-columns:120px 1fr auto;gap:.7rem;border-top:1px solid var(--theme-border);color:var(--theme-text);text-decoration:none}.statistics-table small{color:var(--theme-muted)}

.list-workbook-tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.65rem;align-items:center;margin:.85rem 0;padding:.85rem;border:1px solid var(--theme-border);border-radius:13px;background:color-mix(in srgb,var(--theme-surface) 94%,var(--theme-primary))}.list-workbook-tools small{display:block;color:var(--theme-muted)}.list-import-button{position:relative;cursor:pointer}.list-import-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.admin-account-type{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--theme-muted)}.admin-account-type select{min-height:36px;padding:.35rem .55rem;border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-surface);color:var(--theme-text)}

html[data-theme="dark"] body,
html[data-theme="dark"] .page,
html[data-theme="dark"] main,
html[data-theme="dark"] .content,
html[data-theme="dark"] .auth-page{background:var(--theme-background);color:var(--theme-text)}
html[data-theme="dark"] .header-brand,
html[data-theme="dark"] .auth-brand{padding:.35rem .55rem;border-radius:12px;background:transparent}
html[data-theme="dark"] .header-brand img,
html[data-theme="dark"] .auth-brand img{filter:drop-shadow(0 0 1px rgba(255,255,255,.7)) drop-shadow(0 3px 8px rgba(0,0,0,.22))}
html[data-theme="dark"] .primary-action{color:#17352d!important}
html[data-theme="dark"] .startup-wordmark{filter:drop-shadow(0 0 10px rgba(255,255,255,.28))}
html[data-theme="dark"] .form-section,
html[data-theme="dark"] .asset-card,
html[data-theme="dark"] .workspace-card,
html[data-theme="dark"] .auth-shell,
html[data-theme="dark"] .profile-clean-card,
html[data-theme="dark"] .workspace-overview-section,
html[data-theme="dark"] .statistics-filter-panel,
html[data-theme="dark"] .statistics-kpi-grid>div,
html[data-theme="dark"] .stats-summary-links>a,
html[data-theme="dark"] .account-hub-grid>a,
html[data-theme="dark"] .theme-choice-grid>a,
html[data-theme="dark"] .favorite-asset-chip,
html[data-theme="dark"] .invitation-shell,
html[data-theme="dark"] .onboarding-shell,
html[data-theme="dark"] .admin-auth-shell{background:var(--theme-surface);color:var(--theme-text);border-color:var(--theme-border)}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .quiet-button,
html[data-theme="dark"] .danger-outline-button,
html[data-theme="dark"] .system-list-group,
html[data-theme="dark"] .settings-readonly-grid>div,
html[data-theme="dark"] .asset-facts-grid>div,
html[data-theme="dark"] .due-grid>div,
html[data-theme="dark"] .event-chart,
html[data-theme="dark"] .attachment-card,
html[data-theme="dark"] .attachment-upload .attachment-file-input,
html[data-theme="dark"] .attachment-file-input::file-selector-button,
html[data-theme="dark"] .timeline-edit-link,
html[data-theme="dark"] .registration-account-choices label,
html[data-theme="dark"] .choice-card,
html[data-theme="dark"] .feature-placeholder-grid div{background:var(--theme-elevated)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}
html[data-theme="dark"] input:disabled,
html[data-theme="dark"] .profile-form input:disabled{background:#41464b!important;color:var(--theme-muted)!important}
html[data-theme="dark"] .asset-quick-actions a,
html[data-theme="dark"] .workspace-stat-grid>a,
html[data-theme="dark"] .admin-tuning-grid>a,
html[data-theme="dark"] .admin-overview-grid>div,
html[data-theme="dark"] .workspace-stat-grid>div,
html[data-theme="dark"] .activity-empty-note,
html[data-theme="dark"] .custom-field-options,
html[data-theme="dark"] .option-chip-list span{background:var(--theme-elevated);color:var(--theme-text);border-color:var(--theme-border)}
html[data-theme="dark"] .asset-image-placeholder,
html[data-theme="dark"] .asset-detail-placeholder,
html[data-theme="dark"] .attachment-card>a:first-child,
html[data-theme="dark"] .chart-track,
html[data-theme="dark"] .bar-track{background:#41464b}
html[data-theme="dark"] .generated-invite,
html[data-theme="dark"] .calculated-value,
html[data-theme="dark"] .role-badge,
html[data-theme="dark"] .due-status{background:#515c59;color:var(--theme-text);border-color:var(--theme-border)}
html[data-theme="dark"] .danger-section,
html[data-theme="dark"] .admin-delete-confirmation{background:#5b4848;border-color:#986f6f;color:var(--theme-text)}
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .workspace-type{color:var(--theme-accent)}
html[data-theme="dark"] a:not(.primary-action):not(.danger-button){color:var(--theme-primary)}
html[data-theme="dark"] .bi,
html[data-theme="dark"] .icon-button .bi,
html[data-theme="dark"] .mobile-nav-link .bi{filter:brightness(0) saturate(100%) invert(96%) sepia(3%) saturate(350%) hue-rotate(175deg) brightness(106%) contrast(95%)}
html[data-theme="dark"] .mobile-nav-link,
html[data-theme="dark"] button{color:var(--theme-text)}
html[data-theme="dark"] .mobile-nav-link.active{color:var(--theme-primary)}
html[data-theme="dark"] .workspace-card:hover{color:var(--theme-text)}

@media(max-width:800px){.asset-filter-bar{grid-template-columns:1fr 1fr}.asset-search-field{grid-column:1/-1}.statistics-kpi-grid{grid-template-columns:1fr 1fr}.list-workbook-tools{grid-template-columns:1fr 1fr}.list-workbook-tools>div{grid-column:1/-1}.theme-choice-grid{grid-template-columns:1fr}}
@media(max-width:560px){.account-hub-grid{grid-template-columns:1fr}.workspace-compact-header{align-items:flex-start}.workspace-overview-section{padding:.8rem}.asset-filter-bar{grid-template-columns:1fr}.asset-search-field{grid-column:auto}.bar-chart-row{grid-template-columns:90px 1fr}.bar-chart-row strong{grid-column:2}.statistics-table>a{grid-template-columns:1fr}.statistics-kpi-grid{grid-template-columns:1fr 1fr}.list-workbook-tools{grid-template-columns:1fr}.asset-detail-placeholder span{font-size:4rem}}
@media(max-width:640px){.asset-grid{grid-template-columns:1fr}.attachment-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.attachment-grid{grid-template-columns:1fr}}
@media(max-width:420px){.attachment-upload .attachment-file-input{font-size:.7rem}.attachment-file-input::file-selector-button{max-width:52%;padding:.4rem}}
