/* /Components/CustomerWorkspace.razor.rz.scp.css */
.customer-workspace[b-y3zjreyx3j] { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); flex:0 0 40%; min-height:260px; gap:14px; }
.customer-projects[b-y3zjreyx3j] { position:relative; }
.customer-document-link[b-y3zjreyx3j],
.customer-document-link:visited[b-y3zjreyx3j],
.customer-document-link:hover[b-y3zjreyx3j],
.customer-document-link:active[b-y3zjreyx3j] {
    color:inherit;
    text-decoration:none;
    border-radius:3px;
}
.customer-document-link:hover[b-y3zjreyx3j] { background:var(--ef-accent-soft,#efedfe); }
.customer-document-link:focus-visible[b-y3zjreyx3j] { outline:2px solid var(--ef-button-focus,#b9adf1); outline-offset:3px; }
.customer-projects[b-y3zjreyx3j],.customer-insights[b-y3zjreyx3j] { background:#fff; border:1px solid var(--ef-border,#e1e5ef); border-radius:10px; min-width:0; overflow:hidden; display:flex; flex-direction:column; }
.customer-projects header[b-y3zjreyx3j] { display:flex; align-items:center; justify-content:space-between; padding:13px 16px; border-bottom:1px solid #e9edf5; }
.customer-projects h3[b-y3zjreyx3j] { font-size: var(--ef-font-panel-title); margin:0; font-weight: var(--ef-font-weight-semibold); }
.customer-projects header span[b-y3zjreyx3j] { font-size: var(--ef-font-compact); color:#728098; }
.customer-projects h3 i[b-y3zjreyx3j] { color:#7058db; margin-right:8px; }
.customer-projects[b-y3zjreyx3j]  .e-treegrid { min-height:0; flex:1; }
.customer-tabs[b-y3zjreyx3j] { display:flex; gap:3px; border-bottom:1px solid #e9edf5; padding:5px 10px 0; flex-wrap:wrap; }
.customer-tabs button[b-y3zjreyx3j] { border:0; background:none; padding:10px 9px; font-size: var(--ef-font-compact); color:#61718b; border-bottom:2px solid transparent; }
.customer-tabs button.active[b-y3zjreyx3j] { color:#6348cc; border-color:#7658e1; background:#f7f5ff; font-weight: var(--ef-font-weight-semibold); }
.customer-insight-content[b-y3zjreyx3j] { overflow:auto; padding:14px 16px; min-height:0; flex:1; }
.customer-metrics[b-y3zjreyx3j] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:20px; }
.customer-metrics > div[b-y3zjreyx3j] { background:#f7f6fc; border:1px solid #eae6f6; border-radius:8px; padding:11px; }
.customer-metrics span[b-y3zjreyx3j] { display:block; color:#6e7a91; font-size: var(--ef-font-small); margin-bottom:6px; }
.customer-metrics strong[b-y3zjreyx3j] { font-size: var(--ef-font-total); color:#433274; overflow-wrap:anywhere; }
h4[b-y3zjreyx3j] { font-size: var(--ef-font-subheading); font-weight: var(--ef-font-weight-semibold); }
.customer-payment-row[b-y3zjreyx3j] { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid #eef0f5; text-decoration:none; color:#304463; font-size: var(--ef-font-body); }
.customer-payment-row small[b-y3zjreyx3j] { display:block; color:#7b879b; margin-top:3px; }
.customer-finance-table[b-y3zjreyx3j] { font-size: var(--ef-font-compact); }
.customer-finance-table th[b-y3zjreyx3j] { color:#6e7a91; font-weight: var(--ef-font-weight-medium); }
.customer-mail-tools[b-y3zjreyx3j] { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
.customer-mail-tools input[b-y3zjreyx3j] { flex:1; min-width:150px; }
.customer-mail-row[b-y3zjreyx3j] { display:grid; grid-template-columns:1fr auto; gap:5px 12px; padding:10px 0; border-bottom:1px solid #eef0f5; text-decoration:none; font-size: var(--ef-font-body); }
.customer-mail-row small[b-y3zjreyx3j] { grid-column:1/-1; color:#78849a; }
.customer-mail-row time[b-y3zjreyx3j] { font-size: var(--ef-font-small); color:#78849a; }
.customer-empty[b-y3zjreyx3j] { text-align:center; padding:30px; color:#7b879b; }
.customer-empty i[b-y3zjreyx3j] { color:#9a88d9; font-size:30px; margin-bottom:12px; }
@media(max-width:1000px) { .customer-metrics[b-y3zjreyx3j] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:750px) { .customer-workspace[b-y3zjreyx3j] { grid-template-columns:1fr; flex-basis:auto; overflow:auto; } .customer-projects[b-y3zjreyx3j] { min-height:230px; } .customer-insights[b-y3zjreyx3j] { min-height:260px; } }
/* /Components/DatanormImport.razor.rz.scp.css */
.datanorm-overlay[b-zd7nhlhsze] { position:fixed; inset:0; z-index:1250; display:flex; justify-content:flex-end; background:#20183866; }
.datanorm-dialog[b-zd7nhlhsze] { width:min(1200px,96vw); height:100%; background:white; }
.datanorm-dialog .modal-panel-body[b-zd7nhlhsze] { overflow:auto; min-height:0; }
.datanorm-options[b-zd7nhlhsze] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:16px 0; }
.datanorm-options label[b-zd7nhlhsze] { display:flex; flex-direction:column; gap:6px; }
.datanorm-progress[b-zd7nhlhsze] { margin:16px 0; padding:16px; border:1px solid var(--ef-border,#e6e8f1); border-radius:10px; background:var(--ef-accent-soft,#f0edfe); }
.datanorm-progress-label[b-zd7nhlhsze] { display:flex; justify-content:space-between; gap:16px; margin-bottom:8px; }
.datanorm-progress-track[b-zd7nhlhsze] { height:12px; border-radius:6px; background:#ded8f4; overflow:hidden; }
.datanorm-progress-fill[b-zd7nhlhsze] { height:100%; border-radius:inherit; background:var(--ef-accent,#6c5ce7); transition:width .2s ease; }
.datanorm-progress p[b-zd7nhlhsze] { margin:10px 0; }
@media(max-width:650px) { .datanorm-options[b-zd7nhlhsze] { grid-template-columns:1fr; } }
/* /Components/ItemImagePicker.razor.rz.scp.css */
.item-image-preview[b-a4guzdqqzn] { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.item-image-preview img[b-a4guzdqqzn] { max-width:160px; max-height:160px; object-fit:contain; border-radius:8px; }
.item-image-picker[b-a4guzdqqzn]  input[type="file"] {
    width:100%;
    min-width:0;
    height:var(--ef-button-height,36px);
    padding:0;
    line-height:calc(var(--ef-button-height,36px) - 2px);
    border-radius:var(--ef-button-radius,7px);
    overflow:hidden;
}
.item-image-picker[b-a4guzdqqzn]  input[type="file"]::file-selector-button {
    height:100%;
    margin:0 12px 0 0;
    padding:0 12px;
    border:0;
    border-right:1px solid var(--ef-button-border,#e0e2ec);
    border-radius:calc(var(--ef-button-radius,7px) - 1px) 0 0 calc(var(--ef-button-radius,7px) - 1px);
    background:var(--ef-button-background,#fff);
    color:var(--ef-button-color,#697087);
    cursor:pointer;
    transition:background-color .12s ease,color .12s ease;
}
.item-image-picker[b-a4guzdqqzn]  input[type="file"]:not(:disabled)::file-selector-button:hover {
    background:var(--ef-button-hover,#efedfe);
    color:var(--ef-button-primary,#6c5ce7);
    border-right-color:var(--ef-button-primary,#6c5ce7);
}
/* /Components/LoadingOverlay.razor.rz.scp.css */
.loading-overlay[b-pay7xlgodo] {
    position:absolute;
    inset:0;
    z-index:120;
    display:grid;
    place-items:center;
    background:rgba(248,249,253,.65);
    border-radius:inherit;
    cursor:progress;
}
.loading-ring[b-pay7xlgodo] {
    width:32px;
    height:32px;
    border:3px solid var(--ef-border,#e0e2ec);
    border-top-color:var(--ef-accent,#6c5ce7);
    border-radius:50%;
    animation:loading-ring-turn-b-pay7xlgodo .8s linear infinite;
}
@keyframes loading-ring-turn-b-pay7xlgodo {
    to { transform:rotate(360deg); }
}
@media (prefers-reduced-motion:reduce) {
    .loading-ring[b-pay7xlgodo] { animation:none; }
}
/* /Components/PermissionTransferDialog.razor.rz.scp.css */
.permission-transfer-overlay[b-o2m6oh0xbd] { position:fixed; inset:0; z-index:1500; display:grid; place-items:center; padding:24px; background:#20183866; }
.permission-transfer-dialog[b-o2m6oh0xbd] { width:min(600px,100%); padding:24px; border:1px solid var(--ef-border,#e6e8f1); border-radius:12px; background:white; box-shadow:0 16px 50px #20183833; }
.permission-transfer-actions[b-o2m6oh0xbd] { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; margin-top:24px; }
/* /Components/PlaceholderPalette.razor.rz.scp.css */
.placeholder-palette[b-dmaom6311a] { min-height:0; }
.palette-group-fields[b-dmaom6311a] { padding-left:32px; padding-bottom:6px; }
details[b-dmaom6311a] { margin:2px 0; }
summary[b-dmaom6311a] { display:flex; align-items:center; gap:9px; min-height:34px; padding:6px 9px; font-size:var(--ef-font-body); font-weight:var(--ef-font-weight-normal); line-height:20px; color:var(--ef-ink,#29304a); cursor:pointer; list-style:none; border:1px solid transparent; }
summary[b-dmaom6311a]::-webkit-details-marker { display:none; }
summary[b-dmaom6311a]::before { content:""; width:6px; height:6px; flex:0 0 6px; border-right:1.5px solid #758394; border-bottom:1.5px solid #758394; transform:rotate(-45deg); margin-right:5px; }
details[open] > summary[b-dmaom6311a]::before { transform:rotate(45deg); }
summary:hover[b-dmaom6311a] { background:var(--ef-accent-soft,#f0edfe); border-color:#ddd5ff; }
summary:focus-visible[b-dmaom6311a] { outline:2px solid var(--ef-button-focus,#b9adf1); outline-offset:-2px; }
.palette-folder[b-dmaom6311a] { color:#d59b29; font-size:14px; }
.palette-field[b-dmaom6311a] { display:block; width:100%; text-align:left; border:1px solid #e2e8f0; border-radius:7px; background:#f8fafc; padding:5px 9px; margin-top:3px; color:#334155; font-size:var(--ef-font-compact); line-height:1.25; overflow-wrap:anywhere; cursor:grab; }
.palette-field[data-placeholder-category="customer"][b-dmaom6311a] { color:#1e40af; background:#dbeafe; border-color:#93c5fd; }
.palette-field[data-placeholder-category="company"][b-dmaom6311a] { color:#115e59; background:#ccfbf1; border-color:#5eead4; }
.palette-field[data-placeholder-category="positions"][b-dmaom6311a] { color:#6d28d9; background:#ede9fe; border-color:#a78bfa; }
.palette-field[data-placeholder-category="totals"][b-dmaom6311a] { color:#9a3412; background:#fff7ed; border-color:#fdba74; }
.palette-field:hover[b-dmaom6311a] { filter:brightness(.96); }
/* /Components/PositionPricingPanel.razor.rz.scp.css */
.position-pricing[b-uk49torcqu] { margin: 16px; padding: 18px; border: 1px solid #d5dfeb; border-radius: 10px; background: #f8fafd; }
.pricing-title[b-uk49torcqu] { display: flex; flex-direction: column; gap: 4px; margin-bottom: 16px; color: #25446b; }
.pricing-title span[b-uk49torcqu] { color: #596779; overflow-wrap: anywhere; }
.pricing-fields[b-uk49torcqu] { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; }
.pricing-fields label[b-uk49torcqu] { display: flex; flex-direction: column; gap: 6px; font-size: var(--ef-font-body); }
.optional-choice[b-uk49torcqu] { display: flex; align-items: flex-start; gap: 8px; margin-top: 16px; }
.optional-choice input[b-uk49torcqu] { margin-top: 4px; }
.pricing-hint[b-uk49torcqu] { color: #596779; font-size: var(--ef-font-body); margin: 12px 0; }
.pricing-result[b-uk49torcqu] { margin-bottom: 14px; }
fieldset[b-uk49torcqu] { border: 0; padding: 0; margin: 0; min-width: 0; }
/* /Components/ReminderBatchManager.razor.rz.scp.css */
.reminder-batch-scroll[b-inva7nssmw] { overflow:auto; max-height:60vh; margin-bottom:18px; }
.reminder-batch-scroll table[b-inva7nssmw] { min-width:1020px; }
.reminder-batch-scroll th[b-inva7nssmw] { position:sticky; top:0; background:white; z-index:1; }
.reminder-postal-address[b-inva7nssmw] { display:block; white-space:pre-line; margin-top:5px; }
.reminder-fee-input[b-inva7nssmw] { min-width:95px; }
/* /Components/ReminderManager.razor.rz.scp.css */
.reminder-balance[b-3acgnu205a] { display:flex; flex-direction:column; gap:5px; padding:16px; border-radius:10px; background:var(--ef-accent-soft); margin-bottom:22px; }
.reminder-balance strong[b-3acgnu205a] { font-size:var(--ef-font-total); color:var(--ef-accent); }
.reminder-balance small[b-3acgnu205a] { color:var(--ef-muted); }
.reminder-history-item[b-3acgnu205a] { border:1px solid var(--ef-border); border-radius:9px; padding:14px; margin-bottom:16px; }
.reminder-history-item p[b-3acgnu205a] { margin:8px 0; font-size:var(--ef-font-compact); }
.reminder-state[b-3acgnu205a] { display:block; color:var(--ef-accent); font-size:var(--ef-font-small); margin-bottom:10px; }
.reminder-message[b-3acgnu205a] { white-space:pre-wrap; }
.reminder-actions[b-3acgnu205a] { display:flex; gap:7px; flex-wrap:wrap; margin:12px 0; }
/* /Components/StatusToast.razor.rz.scp.css */
.status-toast[b-mwl0zwzbcv] {
    position:fixed;
    left:50%;
    bottom:calc(22px + env(safe-area-inset-bottom, 0px));
    transform:translateX(-50%);
    z-index:1800;
    display:flex;
    align-items:center;
    gap:10px;
    width:max-content;
    max-width:calc(100vw - 32px);
    padding:10px 12px;
    border:1px solid var(--ef-border,#e6e8f1);
    border-left:3px solid var(--ef-accent,#6c5ce7);
    border-radius:9px;
    background:#fff;
    color:var(--ef-ink,#29304a);
    box-shadow:0 6px 28px #29304a24;
    font-family:var(--ef-font-family);
    font-size:var(--ef-font-compact);
    line-height:var(--ef-line-compact);
}
.status-toast > i[b-mwl0zwzbcv] { color:var(--ef-accent,#6c5ce7); flex:none; }
.status-toast-error[b-mwl0zwzbcv] { border-color:#efb5bd; border-left-color:#c93649; background:#fff3f4; color:#a3293a; }
.status-toast-error > i[b-mwl0zwzbcv] { color:#c93649; }
.status-toast > span[b-mwl0zwzbcv] { min-width:0; overflow-wrap:anywhere; }
.status-toast > button[b-mwl0zwzbcv] {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:none;
    width:26px;
    height:26px;
    padding:0;
    border:0;
    border-radius:var(--ef-button-radius,7px);
    background:transparent;
    color:var(--ef-muted,#858ba0);
    cursor:pointer;
    font:inherit;
}
.status-toast > button:hover[b-mwl0zwzbcv] { background:var(--ef-accent-soft,#efedfe); color:var(--ef-accent,#6c5ce7); }
.status-toast > button:focus-visible[b-mwl0zwzbcv] { outline:3px solid var(--ef-button-focus,#b9adf1); outline-offset:2px; }
/* /Layout/PublicLayout.razor.rz.scp.css */
.public-site-shell[b-aop8n6f45q]{min-height:100dvh;display:flex;flex-direction:column;background:#f8f7fc;color:#28233b;font-family:"Segoe UI",Arial,sans-serif}
.public-site-header[b-aop8n6f45q]{width:min(1120px,100%);margin:0 auto;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.public-site-brand[b-aop8n6f45q]{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-.8px;text-decoration:none;color:#28233b}
.public-site-brand img[b-aop8n6f45q]{border-radius:12px}.public-brand-dot[b-aop8n6f45q]{color:#7656dc}.public-site-back[b-aop8n6f45q]{color:#625872;font-size:14px;text-decoration:none}.public-site-back:hover[b-aop8n6f45q]{text-decoration:underline}
.public-site-main[b-aop8n6f45q]{flex:1;display:flex;align-items:center;justify-content:center;padding:42px 28px 68px}.public-site-footer[b-aop8n6f45q]{text-align:center;padding:20px;color:#82778f;font-size:12px;border-top:1px solid #ebe6f1}
@media(max-width:600px){.public-site-header[b-aop8n6f45q]{padding:20px}.public-site-brand[b-aop8n6f45q]{font-size:23px}.public-site-back[b-aop8n6f45q]{font-size:12px}.public-site-main[b-aop8n6f45q]{padding:20px 20px 42px;align-items:flex-start}}
/* /Pages/Dashboard.razor.rz.scp.css */
.dashboard[b-34mx7rlbo1] { --accent:#6c5ce7; --ink:#29304a; --muted:#7c8297; padding:28px 30px 24px; background:#f5f6fb; height:100%; overflow:auto; color:var(--ink); font-family:inherit; box-sizing:border-box; }
.dashboard-heading[b-34mx7rlbo1] { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:24px; }
.dashboard-eyebrow[b-34mx7rlbo1] { color:var(--accent); text-transform:uppercase; letter-spacing:.07em; font-size: var(--ef-font-caption); font-weight: var(--ef-font-weight-bold); margin:0 0 7px; }
.dashboard-heading h1[b-34mx7rlbo1] { font-size: var(--ef-font-page-title); line-height: var(--ef-line-heading); letter-spacing:-.6px; font-weight: var(--ef-font-weight-bold); margin:0 0 7px; }
.dashboard-heading p:last-child[b-34mx7rlbo1] { font-size: var(--ef-font-body); color:var(--muted); margin:0; }
.dashboard-actions[b-34mx7rlbo1] { display:flex; gap:9px; flex-shrink:0; }
.dashboard-primary[b-34mx7rlbo1],.dashboard-refresh[b-34mx7rlbo1] { display:inline-flex; justify-content:center; align-items:center; gap:9px; border-radius:7px; padding:10px 14px; font-size: var(--ef-font-compact); font-weight: var(--ef-font-weight-semibold); text-decoration:none; border:1px solid #e0e2ec; color:#59617a; background:white; }
.dashboard-primary[b-34mx7rlbo1] { background:var(--accent); border-color:var(--accent); color:white; box-shadow:0 3px 8px #6c5ce71b; }
.dashboard-primary:hover[b-34mx7rlbo1] { background:#5d4ed4; color:white; }
.dashboard-refresh:hover[b-34mx7rlbo1] { border-color:#bdb5f3; color:var(--accent); }
.dashboard-refresh:disabled[b-34mx7rlbo1] { opacity:.6; cursor:wait; }
.dashboard-stats[b-34mx7rlbo1] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-bottom:22px; }
.stat-card[b-34mx7rlbo1] { position:relative; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto auto; gap:6px 10px; padding:19px 21px; min-width:0; border:1px solid #e9eaf2; border-radius:11px; background:white; color:var(--ink); text-decoration:none; box-shadow:0 3px 12px #22264a04; }
.stat-card:hover[b-34mx7rlbo1] { border-color:#ccc5f8; color:var(--ink); box-shadow:0 5px 18px #6c5ce70c; }
.stat-icon[b-34mx7rlbo1] { display:flex; justify-content:center; align-items:center; grid-column:2; grid-row:1 / 3; width:42px; height:42px; border-radius:11px; color:var(--accent); background:#efedfe; font-size:17px; }
.stat-invoice .stat-icon[b-34mx7rlbo1] { color:#388f8b; background:#e8f7f3; }
.stat-overdue .stat-icon[b-34mx7rlbo1] { color:#d58b35; background:#fff4e5; }
.stat-mail .stat-icon[b-34mx7rlbo1] { color:#5987c4; background:#eef4fe; }
.stat-label[b-34mx7rlbo1] { color:#7b8093; font-size: var(--ef-font-compact); font-weight: var(--ef-font-weight-medium); }
.stat-card > strong[b-34mx7rlbo1] { font-size: var(--ef-font-metric); line-height:1.3; letter-spacing:-.7px; font-weight: var(--ef-font-weight-bold); white-space:nowrap; }
.stat-detail[b-34mx7rlbo1] { font-size: var(--ef-font-small); color:#9297a7; grid-column:1 / 3; }
.stat-arrow[b-34mx7rlbo1] { display:none; }
.dashboard-charts[b-34mx7rlbo1],.dashboard-grid[b-34mx7rlbo1] { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; margin-bottom:22px; }
.dashboard-panel[b-34mx7rlbo1] { background:white; border:1px solid #e6e8f1; border-radius:11px; overflow:hidden; box-shadow:0 3px 12px #22264a03; min-width:0; }
.dashboard-panel > header[b-34mx7rlbo1] { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:10px 12px 10px; border-bottom:1px solid #f0f1f7; }
.dashboard-panel h2[b-34mx7rlbo1] { margin:0px; font-size: var(--ef-font-panel-title); font-weight: var(--ef-font-weight-semibold); color:#343a54; letter-spacing:-.15px; }
.dashboard-panel header p[b-34mx7rlbo1] { margin:0; font-size: var(--ef-font-small); color:#9499aa; }
.dashboard-panel header a[b-34mx7rlbo1] { color:var(--accent); font-size: var(--ef-font-small); font-weight: var(--ef-font-weight-semibold); white-space:nowrap; text-decoration:none; }
.balance-content[b-34mx7rlbo1] { display:flex; align-items:center; justify-content:center; gap:27px; padding:27px 23px; min-height:253px; }
.balance-ring[b-34mx7rlbo1] { flex:0 0 186px; width:186px; height:186px; border-radius:50%; padding:19px; }
.ring-center[b-34mx7rlbo1] { width:100%; height:100%; border-radius:50%; background:white; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; }
.ring-center span[b-34mx7rlbo1] { font-size: var(--ef-font-caption); color:#8a8fa1; }
.ring-center strong[b-34mx7rlbo1] { font-size: var(--ef-font-total); letter-spacing:-.5px; }
.ring-center small[b-34mx7rlbo1] { font-size: var(--ef-font-caption); color:#a0a5b4; }
.balance-legend[b-34mx7rlbo1] { flex:1; max-width:250px; min-width:0; }
.balance-legend a[b-34mx7rlbo1] { display:flex; align-items:center; gap:10px; padding:11px 0; text-decoration:none; color:#777e92; font-size: var(--ef-font-small); }
.legend-dot[b-34mx7rlbo1] { flex:0 0 8px; height:8px; border-radius:50%; background:var(--accent); }
.legend-dot.late[b-34mx7rlbo1] { background:#e89b49; }
.balance-legend a > span:nth-child(2)[b-34mx7rlbo1] { flex:1; }
.balance-legend strong[b-34mx7rlbo1] { display:block; color:#343b54; font-size: var(--ef-font-body); margin-top:4px; }
.balance-legend b[b-34mx7rlbo1] { font-size: var(--ef-font-small); font-weight: var(--ef-font-weight-medium); color:#9499aa; }
.balance-legend p[b-34mx7rlbo1] { font-size: var(--ef-font-caption); line-height:1.6; color:#a0a5b4; border-top:1px solid #f0f1f7; margin:10px 0 0; padding-top:12px; }
.chart-unit[b-34mx7rlbo1] { font-size: var(--ef-font-caption); background:#f6f5fc; color:#9094a8; border-radius:4px; padding:4px 7px; }
.aging-chart[b-34mx7rlbo1] { padding:27px 22px 20px; min-height:253px; }
.aging-row[b-34mx7rlbo1] { display:grid; grid-template-columns:124px minmax(0,1fr) 94px; align-items:center; gap:12px; padding:10px 0; text-decoration:none; color:#7b8196; }
.aging-label[b-34mx7rlbo1] { font-size: var(--ef-font-caption); }
.aging-track[b-34mx7rlbo1] { background:#f3f3f9; height:13px; border-radius:4px; overflow:hidden; }
.aging-bar[b-34mx7rlbo1] { display:block; height:100%; background:var(--accent); border-radius:4px; }
.aging-bar.short[b-34mx7rlbo1] { background:#b1a5ef; }
.aging-bar.medium[b-34mx7rlbo1] { background:#efc18b; }
.aging-bar.late[b-34mx7rlbo1] { background:#e89b49; }
.aging-row strong[b-34mx7rlbo1] { text-align:right; font-size: var(--ef-font-small); color:#545c76; font-weight: var(--ef-font-weight-semibold); white-space:nowrap; }
.aging-row:hover .aging-label[b-34mx7rlbo1] { color:var(--accent); }
.chart-scale[b-34mx7rlbo1] { display:flex; justify-content:space-between; margin:9px 106px 0 136px; color:#a8adbb; font-size: var(--ef-font-caption); }
.chart-note[b-34mx7rlbo1] { color:#a0a5b4; font-size: var(--ef-font-caption); margin:22px 0 0; }
.dashboard-row[b-34mx7rlbo1] { display:flex; align-items:center; gap:12px; padding:10px 12px; text-decoration:none; color:inherit; border-bottom:1px solid #f2f3f8; min-width:0; }
.dashboard-row:last-child[b-34mx7rlbo1] { border-bottom:0; }
.dashboard-row:hover[b-34mx7rlbo1] { background:#faf9ff; color:inherit; }
.row-icon[b-34mx7rlbo1] { flex:0 0 33px; display:flex; align-items:center; justify-content:center; height:35px; background:#f2f0fd; color:#8a7ed3; border-radius:7px; font-size:13px; }
.row-icon.overdue[b-34mx7rlbo1] { background:#fff4e6; color:#cc9146; }
.row-copy[b-34mx7rlbo1] { display:flex; flex:1; min-width:0; flex-direction:column; gap:3px; }
.row-copy strong[b-34mx7rlbo1] { font-size: var(--ef-font-compact); font-weight: var(--ef-font-weight-semibold); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.row-copy > span[b-34mx7rlbo1] { color:#979caf; font-size: var(--ef-font-caption); text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.row-copy small[b-34mx7rlbo1] { color:#a3a8b8; font-size: var(--ef-font-caption); }
.row-meta[b-34mx7rlbo1] { flex-shrink:0; text-align:right; font-size: var(--ef-font-caption); color:#8990a3; }
.row-meta strong[b-34mx7rlbo1] { font-size: var(--ef-font-compact); color:#4b536c; font-weight: var(--ef-font-weight-semibold); }
.row-meta small[b-34mx7rlbo1] { display:block; font-size: var(--ef-font-caption); color:#a0a6b5; margin-top:4px; }
.row-meta small.overdue-text[b-34mx7rlbo1] { color:#cb9147; }
.row-arrow[b-34mx7rlbo1] { color:#b7b8cd; font-size: var(--ef-font-section-title); }
.mail-indicator[b-34mx7rlbo1] { color:#d9aa4d; font-size: var(--ef-font-caption); width:13px; flex-shrink:0; }
.document-state[b-34mx7rlbo1] { display:inline-block; border-radius:4px; padding:3px 7px; font-size: var(--ef-font-caption); }
.document-state.draft[b-34mx7rlbo1] { color:#8d7ebd; background:#f2eefc; }
.document-state.final[b-34mx7rlbo1] { color:#559980; background:#edf7f1; }
.dashboard-empty[b-34mx7rlbo1] { padding:28px 22px; font-size: var(--ef-font-compact); color:#9298aa; text-align:center; }
.dashboard-empty i[b-34mx7rlbo1] { font-size:22px; color:#c5bfdc; margin-bottom:10px; }
.dashboard-empty p[b-34mx7rlbo1] { margin:0 0 8px; }
.dashboard-empty a[b-34mx7rlbo1] { color:var(--accent); text-decoration:none; }
.dashboard-loading[b-34mx7rlbo1] { padding:28px 22px; color:#9298aa; font-size: var(--ef-font-compact); min-height:96px; }
.dashboard-error[b-34mx7rlbo1] { margin:20px 22px; color:#b97c4d; font-size: var(--ef-font-compact); }
.dashboard-account-error[b-34mx7rlbo1] { display:flex; align-items:center; gap:10px; padding:11px; margin:12px 22px; border-radius:6px; background:#fff8ed; color:#b68c54; text-decoration:none; font-size: var(--ef-font-small); }
.dashboard-account-error span:nth-child(2)[b-34mx7rlbo1] { flex:1; overflow-wrap:anywhere; }
.dashboard-account-error small[b-34mx7rlbo1] { display:block; margin-top:3px; }
.dashboard-footer[b-34mx7rlbo1] { display:flex; justify-content:space-between; gap:16px; font-size: var(--ef-font-caption); color:#a0a5b4; }
.dashboard-footer nav[b-34mx7rlbo1] { display:flex; gap:18px; }
.dashboard-footer a[b-34mx7rlbo1] { color:#7f779e; text-decoration:none; }
.dashboard-footer i[b-34mx7rlbo1] { margin-right:6px; }
a:focus-visible[b-34mx7rlbo1],button:focus-visible[b-34mx7rlbo1] { outline:3px solid #b7adf4; outline-offset:3px; }
@media(min-width:1600px) { .dashboard[b-34mx7rlbo1] { padding:32px 42px; } .balance-content[b-34mx7rlbo1] { gap:40px; } .aging-row[b-34mx7rlbo1] { grid-template-columns:150px minmax(0,1fr) 110px; } .chart-scale[b-34mx7rlbo1] { margin-left:162px; margin-right:122px; } }
@media(max-width:1150px) { .dashboard-stats[b-34mx7rlbo1] { gap:12px; } .stat-card[b-34mx7rlbo1] { padding:16px; } .stat-icon[b-34mx7rlbo1] { width:32px; height:32px; font-size:13px; } .balance-content[b-34mx7rlbo1] { gap:16px; padding:25px 17px; } .balance-ring[b-34mx7rlbo1] { flex-basis:150px; width:150px; height:150px; padding:15px; } .ring-center strong[b-34mx7rlbo1] { font-size: var(--ef-font-total); } .aging-row[b-34mx7rlbo1] { grid-template-columns:106px minmax(0,1fr) 82px; gap:8px; } .chart-scale[b-34mx7rlbo1] { margin-left:114px; margin-right:90px; } }
@media(max-width:900px) { .dashboard-stats[b-34mx7rlbo1] { grid-template-columns:repeat(2,minmax(0,1fr)); } .dashboard-charts[b-34mx7rlbo1],.dashboard-grid[b-34mx7rlbo1] { grid-template-columns:minmax(0,1fr); } .balance-content[b-34mx7rlbo1] { justify-content:flex-start; gap:36px; } .balance-legend[b-34mx7rlbo1] { max-width:none; } .dashboard[b-34mx7rlbo1] { padding:22px; } }
@media(max-width:560px) { .dashboard[b-34mx7rlbo1] { padding:16px; } .dashboard-heading[b-34mx7rlbo1] { align-items:flex-start; flex-direction:column; gap:15px; } .dashboard-heading h1[b-34mx7rlbo1] { font-size: var(--ef-font-page-title); } .stat-card > strong[b-34mx7rlbo1] { font-size: var(--ef-font-metric); } .stat-card[b-34mx7rlbo1] { padding:14px; } .stat-icon[b-34mx7rlbo1] { grid-row:1; } .stat-card > strong[b-34mx7rlbo1] { grid-column:1 / 3; } .balance-content[b-34mx7rlbo1] { gap:20px; } .balance-ring[b-34mx7rlbo1] { width:142px; height:142px; flex-basis:142px; } .dashboard-panel > header[b-34mx7rlbo1],.dashboard-row[b-34mx7rlbo1] { padding-left:16px; padding-right:16px; } .dashboard-footer[b-34mx7rlbo1] { flex-direction:column; } .aging-chart[b-34mx7rlbo1] { padding-left:16px; padding-right:16px; } .aging-row[b-34mx7rlbo1] { grid-template-columns:100px minmax(0,1fr) 80px; } .chart-scale[b-34mx7rlbo1] { margin-left:108px; margin-right:88px; } }
/* /Pages/Einstellungen.razor.rz.scp.css */
.business-settings-page header h1[b-g9pecdezhk] { font-size: var(--ef-font-page-title); font-weight: var(--ef-font-weight-bold); }
.business-settings-page header p[b-g9pecdezhk] { color:#728098; margin-bottom:20px; }
.business-settings-tabs[b-g9pecdezhk] { display:flex; gap:5px; flex-wrap:wrap; margin-bottom:18px; border-bottom:1px solid #e1e5ef; }
.business-settings-tabs button[b-g9pecdezhk] { background:transparent; border:0; border-bottom:3px solid transparent; padding:12px 18px; color:#68758b; }
.business-settings-tabs button.active[b-g9pecdezhk] { color:#6751d4; border-color:#7658e1; background:#f3f0fc; }
.business-settings-card[b-g9pecdezhk] { background:white; border:1px solid #e1e5ef; border-radius:12px; padding:24px; max-width:1200px; }
.business-settings-card h2[b-g9pecdezhk] { font-size: var(--ef-font-section-title); font-weight: var(--ef-font-weight-semibold); }
.business-settings-card p[b-g9pecdezhk] { color:#728098; font-size: var(--ef-font-body); }
.business-settings-fields[b-g9pecdezhk] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:22px; }
.business-settings-fields label[b-g9pecdezhk] { font-size: var(--ef-font-body); font-weight: var(--ef-font-weight-semibold); color:#4a5670; }
.business-settings-fields input[b-g9pecdezhk] { margin-top:7px; }
.number-format-help[b-g9pecdezhk] { padding:14px; background:#f7f5fc; border-radius:8px; font-size: var(--ef-font-body); margin:18px 0; }
.number-token-list[b-g9pecdezhk] { display:flex; flex-wrap:wrap; gap:6px; }
.number-token[b-g9pecdezhk] { border:1px solid #a78bfa; border-radius:6px; padding:5px 9px; background:#ede9fe; color:#6d28d9; }
.number-token:disabled[b-g9pecdezhk] { opacity:.5; }
.business-number-table[b-g9pecdezhk] { overflow:auto; }
.business-number-table th[b-g9pecdezhk] { font-size: var(--ef-font-compact); color:#728098; }
.business-number-table td[b-g9pecdezhk] { vertical-align:middle; min-width:140px; font-size: var(--ef-font-body); }
.business-number-table td:nth-child(3)[b-g9pecdezhk] { min-width:270px; }
.business-number-table code[b-g9pecdezhk] { color:#6751d4; }
@media(max-width:1000px) { .business-settings-fields[b-g9pecdezhk] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .business-settings-fields[b-g9pecdezhk] { grid-template-columns:1fr; } .business-settings-card[b-g9pecdezhk] { padding:16px; } }
/* /Pages/InvoiceEditor.razor.rz.scp.css */

/* Container als Flexbox, damit die drei Spalten nebeneinander liegen */
.container[b-hbez96q55n] {
    display: flex;
    width: 100%;
    margin: 0; /* Keine Außenabstände */
    padding: 0; /* Keine Innenabstände am Container */
    box-sizing: border-box;
}

/* Allgemeine Styles für beide TreeViews */
.treeview[b-hbez96q55n] {
    /* Festlegung einer Maximalbreite (kann nach Bedarf angepasst werden) */
    width: 160px;
    /* Schrift etwas kleiner */
    font-size: var(--ef-font-body); /* entspricht ca. 14px, kannst auch 0.8125rem (=13px) nehmen */
    /* Weniger Padding, damit die Elements enger zusammenrücken */
    padding: 3px;
    /* Damit kein zusätzlicher Abstand entsteht */
    margin: 0;
    box-sizing: border-box;
    /* Vertikales Scrollen, falls Inhalt zu groß */
    overflow-y: auto;
}

    /* Spezifischere Regeln, um das interne List-Padding in Syncfusion-TreeView zu reduzieren */
    .treeview .e-treeview .e-list .e-list-item[b-hbez96q55n] {
        padding: 4px 8px; /* Weniger Innenabstand in den einzelnen Items */
        font-size: var(--ef-font-body); /* Sicherstellen, dass auch die e-list-items kleiner sind */
    }

/* Linkes TreeView soll steif ganz links sein */
#leftTree[b-hbez96q55n] {
    margin-right: 8px; /* Kleiner Abstand zum DocumentEditor (optional) */
}

/* Rechtes TreeView ganz rechts, Abstand zum DocumentEditor */
#PlaceholdrTree[b-hbez96q55n] {
    margin-left: 8px; /* Kleiner Abstand zum DocumentEditor (optional) */
}

/* Die mittlere Spalte (DocumentEditor) soll sich flexibel ausdehnen */
.page[b-hbez96q55n] {
    flex: 1; /* Nimmt den restlichen Platz ein */
    margin: 0; /* Kein zusätzlicher Außenabstand */
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

/* Der Container des DocumentEditors auf 100% Breite der .page setzen */
#document-editor-container[b-hbez96q55n] {
    width: 100%;
    /* Optional: minimale Breite, falls man eine Grenze braucht, z.B. min-width: 300px; */
}

/* /Pages/Projekt.razor.rz.scp.css */
.project-node-overlay[b-qigabw8zda] { position:fixed; inset:0; z-index:1200; background:rgba(20,35,55,.3); display:flex; justify-content:flex-end; }
.project-node-panel[b-qigabw8zda] { width:min(580px,100vw); height:100%; background:white; display:flex; flex-direction:column; box-shadow:-8px 0 30px #29234b20; }
.project-node-panel .modal-panel-body[b-qigabw8zda] { flex:1; overflow:auto; padding:22px; }

.project-management-pane[b-qigabw8zda] { display:flex; flex-direction:column; height:100%; min-height:0; overflow:hidden; }
#projectAccordion[b-qigabw8zda] { display:flex; flex-direction:column; flex:1; min-height:0; gap:8px; }
.project-management-pane #projectAccordion > .accordion-item[b-qigabw8zda] { display:flex; flex-direction:column; flex:0 0 auto; min-height:0; margin-bottom:0; }
.project-management-pane #projectAccordion > .accordion-item:has(> .accordion-collapse.show)[b-qigabw8zda] { flex:1 1 0; }
#projectAccordion .accordion-header[b-qigabw8zda] { flex:0 0 auto; margin:0; }
#projectAccordion .accordion-collapse.show[b-qigabw8zda] { display:flex; flex-direction:column; flex:1 1 0; min-height:0; overflow:hidden; }
#projectAccordion .accordion-body[b-qigabw8zda] { display:flex; flex-direction:column; flex:1 1 0; min-height:0; overflow:auto; }
#projectAccordion .accordion-body[b-qigabw8zda]  .e-treegrid { flex:1 1 0; min-height:180px; }
#projectAccordion .project-template-summary[b-qigabw8zda] { flex:0 0 auto; }

.project-customer-link[b-qigabw8zda],
.project-customer-link:visited[b-qigabw8zda] {
    color: inherit;
    text-decoration: none;
    border-radius: 4px;
}

.project-customer-link:hover[b-qigabw8zda] {
    color: var(--ef-accent, #7058ef);
    background: var(--ef-accent-soft, #efedfe);
}

.project-customer-link:focus-visible[b-qigabw8zda] {
    outline: 2px solid var(--ef-button-focus, #b9adf1);
    outline-offset: 3px;
}
/* /Pages/PublicDemo.razor.rz.scp.css */
.demo-entry[b-x8nxbr8pf1]{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;width:min(1040px,100%)}
.demo-eyebrow[b-x8nxbr8pf1],.demo-card-label[b-x8nxbr8pf1]{font-size:11px;font-weight:700;letter-spacing:1.3px;color:#7656dc}.demo-entry h1[b-x8nxbr8pf1]{font-size:clamp(34px,4vw,48px);line-height:1.16;letter-spacing:-1.8px;margin:20px 0 24px;font-weight:750}.demo-entry h1 span[b-x8nxbr8pf1]{color:#7656dc}.demo-intro[b-x8nxbr8pf1]{color:#72677f;font-size:16px;line-height:1.9;margin-bottom:30px}.demo-workflow[b-x8nxbr8pf1]{padding:0;list-style:none;margin:0}.demo-workflow li[b-x8nxbr8pf1]{display:flex;align-items:center;gap:13px;padding:12px 0;font-size:14px;color:#51465f}.demo-workflow li span[b-x8nxbr8pf1]{font-size:11px;font-weight:700;color:#7656dc;background:#eee7fa;border-radius:9px;padding:8px 10px}
.demo-entry-card[b-x8nxbr8pf1]{background:white;border:1px solid #e8e0f0;border-radius:22px;padding:34px;box-shadow:0 14px 50px #37204c09}.demo-entry-card h2[b-x8nxbr8pf1]{font-size:27px;letter-spacing:-.8px;margin:16px 0 10px;font-weight:700}.demo-entry-card>p[b-x8nxbr8pf1]{font-size:14px;color:#81758e;line-height:1.8}.demo-reset-note[b-x8nxbr8pf1]{display:flex;flex-direction:column;gap:8px;background:#f2ecfc;border-radius:12px;padding:18px;margin:24px 0;color:#5b4479;font-size:13px;line-height:1.8}.demo-sharing[b-x8nxbr8pf1]{font-size:12px!important}.demo-start[b-x8nxbr8pf1]{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;border:0;border-radius:10px;padding:15px 18px;margin-top:24px;background:#7656dc;color:white;font-size:15px;font-weight:650}.demo-start:disabled[b-x8nxbr8pf1]{opacity:.45;cursor:not-allowed}.demo-start:not(:disabled):hover[b-x8nxbr8pf1]{background:#6544ca}.demo-start:focus-visible[b-x8nxbr8pf1],.demo-retry:focus-visible[b-x8nxbr8pf1]{outline:3px solid #aa92e7;outline-offset:3px}.demo-availability[b-x8nxbr8pf1]{background:#f7f5fa;border:1px solid #e8e0f0;border-radius:10px;padding:14px;margin-top:20px;font-size:13px;line-height:1.7;color:#6c607a}.demo-availability p[b-x8nxbr8pf1]{margin:6px 0 0}.demo-retry[b-x8nxbr8pf1]{border:0;background:none;color:#7656dc;font-size:12px;margin-top:14px;padding:4px 0;text-decoration:underline}.demo-error[b-x8nxbr8pf1]{font-size:13px;color:#ad344a;line-height:1.7;margin-top:16px}
@media(max-width:780px){.demo-entry[b-x8nxbr8pf1]{grid-template-columns:1fr;gap:30px;max-width:560px}.demo-entry h1[b-x8nxbr8pf1]{font-size:36px}.demo-entry-card[b-x8nxbr8pf1]{padding:26px}.demo-intro[b-x8nxbr8pf1]{font-size:15px}.demo-workflow li[b-x8nxbr8pf1]{padding:8px 0}}
/* /Pages/Receivables.razor.rz.scp.css */
.catalog-page[b-6pekis6irt] { padding:24px; overflow:auto; height:100%; }
.catalog-page-heading[b-6pekis6irt] { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:18px; }
.catalog-filters[b-6pekis6irt] { display:flex; gap:12px; margin-bottom:18px; }
.catalog-filters .form-select[b-6pekis6irt] { max-width:220px; }
.receivable-actions[b-6pekis6irt] { display:flex; flex-wrap:wrap; gap:7px; }
.receivable-number-button[b-6pekis6irt] { width:230px; height:var(--ef-button-height-small); }
.receivable-number-button span[b-6pekis6irt] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.catalog-modal-overlay[b-6pekis6irt] { position:fixed; inset:0; z-index:1060; background:rgba(20,35,55,.3); display:flex; justify-content:flex-end; }
.catalog-modal[b-6pekis6irt] { width:min(600px,100vw); height:100vh; background:white; box-shadow:-10px 0 30px rgba(0,0,0,.12); display:flex; flex-direction:column; }
.catalog-modal .modal-panel-body[b-6pekis6irt] { overflow:auto; flex:1; padding:22px; }
.catalog-modal.reminder-batch-panel[b-6pekis6irt] { width:min(1320px,96vw); }
/* /Pages/Users.razor.rz.scp.css */
.users-workspace[b-4e2og7q5vz] { display:grid; grid-template-columns:280px minmax(0,1fr); gap:16px; height:100%; min-height:0; padding:16px; background:var(--ef-canvas,#f5f6fb); }
.users-library[b-4e2og7q5vz],.users-details[b-4e2og7q5vz] { min-height:0; overflow:auto; border:1px solid var(--ef-border,#e6e8f1); border-radius:10px; background:#fff; padding:18px; }
.users-library h3[b-4e2og7q5vz] { font-size:var(--ef-font-subheading); margin:12px 0; }
.users-library h3:first-child[b-4e2og7q5vz] { margin-top:0; }
.users-entry[b-4e2og7q5vz] { display:flex; gap:10px; align-items:center; width:100%; padding:10px 8px; border:1px solid transparent; border-radius:6px; text-align:left; background:transparent; color:var(--ef-ink,#29304a); }
.users-entry i[b-4e2og7q5vz] { color:var(--ef-accent,#6c5ce7); }
.users-entry small[b-4e2og7q5vz] { display:block; font-size:var(--ef-font-small); color:var(--ef-muted,#858ba0); margin-top:2px; }
.users-entry:hover[b-4e2og7q5vz],.users-entry.selected[b-4e2og7q5vz] { background:var(--ef-accent-soft,#f0edfe); border-color:#ddd5ff; }
.users-tree[b-4e2og7q5vz],.users-tree-members[b-4e2og7q5vz] { list-style:none; padding:0; margin:0; }
.users-tree-branch[b-4e2og7q5vz] { margin-bottom:4px; }
.users-tree-row[b-4e2og7q5vz] { display:flex; align-items:stretch; border:1px solid transparent; border-radius:6px; }
.users-tree-row:hover[b-4e2og7q5vz],.users-tree-row.selected[b-4e2og7q5vz] { background:var(--ef-accent-soft,#f0edfe); border-color:#ddd5ff; }
.users-tree-toggle[b-4e2og7q5vz] { flex:0 0 26px; padding:0; border:0; border-radius:5px; background:transparent; color:var(--ef-muted,#858ba0); font-size:11px; display:grid; place-items:center; }
.users-tree-toggle:hover[b-4e2og7q5vz] { color:var(--ef-accent,#6c5ce7); }
.users-tree-group[b-4e2og7q5vz] { min-width:0; flex:1; padding-left:3px; border:0; }
.users-tree-group:hover[b-4e2og7q5vz] { background:transparent; }
.users-tree-group span[b-4e2og7q5vz],.users-tree-members .users-entry span[b-4e2og7q5vz] { overflow-wrap:anywhere; }
.users-tree-group i[b-4e2og7q5vz] { color:#d49a26; }
.users-tree-group .users-tree-count[b-4e2og7q5vz] { margin:0 0 0 auto; padding-left:5px; }
.users-tree-members[b-4e2og7q5vz] { margin:3px 0 7px 20px; padding-left:15px; border-left:1px solid var(--ef-border,#e6e8f1); }
.users-tree-empty[b-4e2og7q5vz] { padding:8px; color:var(--ef-muted,#858ba0); font-size:var(--ef-font-small); }
.users-heading[b-4e2og7q5vz] { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:22px; }
.users-heading h2[b-4e2og7q5vz] { margin:0 0 5px; }
.users-draggable[b-4e2og7q5vz] { cursor:grab; }
.users-draggable:active[b-4e2og7q5vz] { cursor:grabbing; }
.users-dragging[b-4e2og7q5vz] { opacity:.45; }
.users-drop-target[b-4e2og7q5vz] { background:var(--ef-accent-soft,#f0edfe); outline:2px dashed var(--ef-accent,#6c5ce7); outline-offset:2px; border-radius:6px; }
.users-options[b-4e2og7q5vz] { display:flex; flex-wrap:wrap; gap:16px; margin:20px 0; }
.users-options label[b-4e2og7q5vz] { display:flex; align-items:center; gap:7px; }
.users-empty[b-4e2og7q5vz] { text-align:center; padding:80px 20px; color:var(--ef-muted,#858ba0); }
.users-empty i[b-4e2og7q5vz] { font-size:36px; margin-bottom:18px; color:var(--ef-accent,#6c5ce7); }
.users-modal-overlay[b-4e2og7q5vz] { position:fixed; inset:0; z-index:1200; background:#20183855; display:flex; justify-content:flex-end; }
.users-modal[b-4e2og7q5vz] { width:min(580px,100vw); height:100%; background:white; display:flex; flex-direction:column; box-shadow:-8px 0 30px #29234b20; }
.users-modal[b-4e2og7q5vz]  form { flex:1; min-height:0; }
.users-modal .modal-panel-body[b-4e2og7q5vz] { padding:22px; overflow:auto; flex:1; }
@media(max-width:800px) { .users-workspace[b-4e2og7q5vz] { grid-template-columns:200px minmax(0,1fr); padding:10px; gap:10px; } }
@media(max-width:580px) { .users-workspace[b-4e2og7q5vz] { grid-template-columns:1fr; height:auto; } .users-library[b-4e2og7q5vz] { max-height:260px; } }