/* _content/apicrmintegrawpp.Web/Chat/ChatComposer.razor.rz.scp.css */
.chat-upload-summary[b-x7rqve70ev]{width:100%;display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:11px 13px;border:1px solid #cfe1d6;border-radius:10px;background:#f2f8f4;text-align:left;color:#365943;cursor:pointer;font-family:inherit}.chat-upload-summary>span:first-of-type[b-x7rqve70ev]{display:grid;gap:3px;flex:1;min-width:0}.chat-upload-summary strong[b-x7rqve70ev]{font-size:12px;font-weight:600}.chat-upload-summary small[b-x7rqve70ev]{font-size:11px;color:#748178}.chat-upload-summary>span:last-child[b-x7rqve70ev]{font-size:11px;font-weight:600;color:#177c4a;flex:none}.chat-upload-summary:hover:not(:disabled)[b-x7rqve70ev]{background:#eaf4ed}.chat-upload-summary:disabled[b-x7rqve70ev]{opacity:.65;cursor:default}.chat-upload-summary:focus-visible[b-x7rqve70ev]{outline:3px solid #23865766;outline-offset:2px}
/* _content/apicrmintegrawpp.Web/Chat/ChatUploadDialog.razor.rz.scp.css */
.chat-upload-dialog[b-b8pxdqa0nt]{border:1px solid #e4e9e6;border-radius:20px;padding:0;width:min(540px,calc(100vw - 32px));max-height:min(850px,calc(100dvh - 40px));color:#202b27;background:#fff;box-shadow:0 24px 80px #102c2429;overflow:auto;overscroll-behavior:contain;font-family:inherit}
.chat-upload-dialog[b-b8pxdqa0nt]::backdrop{background:#152c2559;backdrop-filter:blur(3px)}
.chat-upload-header[b-b8pxdqa0nt]{display:flex;align-items:flex-start;gap:12px;padding:26px 26px 20px}.chat-upload-header h2[b-b8pxdqa0nt]{margin:0;font-size:21px;line-height:1.4;letter-spacing:-.5px}.chat-upload-header p[b-b8pxdqa0nt]{margin:4px 0 0;color:#6c7772;font-size:13px}.chat-upload-heading-icon[b-b8pxdqa0nt]{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:#edf7f2;color:#188452}.chat-upload-header>.chat-upload-icon-button[b-b8pxdqa0nt]{margin-left:auto}
.chat-upload-body[b-b8pxdqa0nt]{padding:0 26px 20px}.chat-upload-dropzone[b-b8pxdqa0nt]{position:relative;border:1.5px dashed #8db7a2;border-radius:13px;background:#f4faf6;min-height:182px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;padding:18px}.chat-upload-dropzone.dragging[b-b8pxdqa0nt]{background:#e2f4e9;border-color:#16834e;outline:3px solid #16834e25}.chat-upload-dropzone.disabled[b-b8pxdqa0nt]{opacity:.65}.chat-upload-cloud[b-b8pxdqa0nt]{color:#238657;margin-bottom:5px}.chat-upload-dropzone>strong[b-b8pxdqa0nt]{font-size:14px}.chat-upload-dropzone>span[b-b8pxdqa0nt]{font-size:12px;color:#6c7772}.chat-upload-choose[b-b8pxdqa0nt]{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #cbd8d0;border-radius:7px;padding:9px 15px;margin-top:8px;font-size:12px;font-weight:600;cursor:pointer}.chat-upload-choose:focus-within[b-b8pxdqa0nt]{outline:3px solid #23865766;outline-offset:3px}.chat-upload-choose[b-b8pxdqa0nt]  input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.chat-upload-limits[b-b8pxdqa0nt]{font-size:11px;line-height:1.65;color:#7b857f;margin:9px 0 22px}
.chat-upload-list-heading[b-b8pxdqa0nt]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}.chat-upload-list-heading h3[b-b8pxdqa0nt]{margin:0;font-size:13px;font-weight:650}.chat-upload-list-heading h3>span[b-b8pxdqa0nt]{display:inline-grid;place-items:center;background:#eff3f0;color:#617067;border-radius:6px;min-width:22px;height:20px;font-size:11px;margin-left:5px}.chat-upload-list-heading>small[b-b8pxdqa0nt]{font-size:11px;color:#7b857f}.chat-upload-files[b-b8pxdqa0nt]{display:grid;gap:9px}.chat-upload-file[b-b8pxdqa0nt]{position:relative;border:1px solid #dce4df;border-radius:11px;padding:13px;display:flex;gap:10px;align-items:flex-start;min-width:0;overflow:hidden}.chat-upload-file.clean[b-b8pxdqa0nt]{border-color:#b9ddc8}.chat-upload-file.rejected[b-b8pxdqa0nt],.chat-upload-file.upload-failed[b-b8pxdqa0nt],.chat-upload-file.expired[b-b8pxdqa0nt]{border-color:#edcbc8;background:#fffafa}.chat-upload-file-icon[b-b8pxdqa0nt]{color:#77867c;padding-top:2px;flex:none}.chat-upload-file.clean .chat-upload-file-icon[b-b8pxdqa0nt]{color:#238657}.chat-upload-file-copy[b-b8pxdqa0nt]{min-width:0;flex:1;display:grid;gap:4px}.chat-upload-file-copy>strong[b-b8pxdqa0nt]{font-size:12px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.chat-upload-file-copy>small[b-b8pxdqa0nt]{font-size:11px;color:#7b857f}.chat-upload-file-status[b-b8pxdqa0nt]{display:flex;align-items:center;gap:5px;font-size:11px;line-height:1.5;color:#7a7461}.clean .chat-upload-file-status[b-b8pxdqa0nt]{color:#198450}.rejected .chat-upload-file-status[b-b8pxdqa0nt],.upload-failed .chat-upload-file-status[b-b8pxdqa0nt],.expired .chat-upload-file-status[b-b8pxdqa0nt]{color:#b54739}.chat-upload-file-status[b-b8pxdqa0nt]  svg{flex:none}
.chat-upload-icon-button[b-b8pxdqa0nt]{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border:0;background:transparent;color:#8a958e;border-radius:7px;padding:4px;cursor:pointer}.chat-upload-icon-button:hover:not(:disabled)[b-b8pxdqa0nt]{background:#eef3ef;color:#395a46}.chat-upload-icon-button:disabled[b-b8pxdqa0nt]{opacity:.4;cursor:default}.chat-upload-spinner[b-b8pxdqa0nt]{display:inline-block;width:11px;height:11px;border:1.5px solid #d1ddd4;border-top-color:#59806a;border-radius:50%;animation:chat-upload-spin-b-b8pxdqa0nt .8s linear infinite;flex:none}.chat-upload-progress[b-b8pxdqa0nt]{position:absolute;bottom:0;left:0;right:0;height:3px;background:#edf3ef}.chat-upload-progress>span[b-b8pxdqa0nt]{display:block;width:35%;height:100%;background:#288951;animation:chat-upload-slide-b-b8pxdqa0nt 1.4s ease-in-out infinite}.chat-upload-notice[b-b8pxdqa0nt]{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.6;color:#66766a;background:#f5f8f6;border-radius:9px;padding:11px;margin-top:15px}.chat-upload-notice[b-b8pxdqa0nt]  svg{flex:none;margin-top:1px}.chat-upload-notice.error[b-b8pxdqa0nt]{background:#fff3f1;color:#a64034;margin:0 0 15px}.chat-upload-empty[b-b8pxdqa0nt]{padding:18px 12px;text-align:center;border:1px dashed #e0e7e2;border-radius:10px;color:#859087;font-size:12px}
.chat-upload-footer[b-b8pxdqa0nt]{position:sticky;bottom:0;display:flex;gap:10px;padding:17px 26px 23px;border-top:1px solid #edf1ee;background:#fff}.chat-upload-button[b-b8pxdqa0nt]{min-height:41px;flex:1;display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid transparent;border-radius:8px;padding:9px 12px;font-family:inherit;font-weight:600;font-size:12px;cursor:pointer}.chat-upload-button.secondary[b-b8pxdqa0nt]{border-color:#d3ddd6;background:#fff;color:#506057}.chat-upload-button.primary[b-b8pxdqa0nt]{background:#14814b;color:white;border-color:#14814b}.chat-upload-button.primary:hover:not(:disabled)[b-b8pxdqa0nt]{background:#106e40}.chat-upload-button:disabled[b-b8pxdqa0nt]{opacity:.45;cursor:default}.chat-upload-button:focus-visible[b-b8pxdqa0nt],.chat-upload-icon-button:focus-visible[b-b8pxdqa0nt]{outline:3px solid #23865766;outline-offset:2px}
@keyframes chat-upload-spin-b-b8pxdqa0nt{to{transform:rotate(360deg)}}@keyframes chat-upload-slide-b-b8pxdqa0nt{0%{transform:translateX(-100%)}100%{transform:translateX(390%)}}@media(prefers-reduced-motion:reduce){.chat-upload-spinner[b-b8pxdqa0nt],.chat-upload-progress>span[b-b8pxdqa0nt]{animation:none}}@media(max-width:480px){.chat-upload-dialog[b-b8pxdqa0nt]{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:16px}.chat-upload-header[b-b8pxdqa0nt]{padding:20px 18px 17px;gap:9px}.chat-upload-header h2[b-b8pxdqa0nt]{font-size:19px}.chat-upload-body[b-b8pxdqa0nt]{padding:0 18px 16px}.chat-upload-footer[b-b8pxdqa0nt]{padding:14px 18px 18px}.chat-upload-dropzone[b-b8pxdqa0nt]{min-height:166px}.chat-upload-header p[b-b8pxdqa0nt]{font-size:11px}}
/* _content/apicrmintegrawpp.Web/Chat/PortalProtocolDialog.razor.rz.scp.css */
.protocol-dialog[b-5465aqbobn]{padding:0;border:1px solid #dfe6e9;border-radius:18px;width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 40px);color:#253332;background:#fff;box-shadow:0 24px 80px #132e3229;font-family:inherit;overflow:hidden}
.protocol-dialog[open][b-5465aqbobn]{display:flex;flex-direction:column}.protocol-dialog[b-5465aqbobn]::backdrop{background:#16303b59;backdrop-filter:blur(3px)}
.protocol-header[b-5465aqbobn]{display:flex;gap:12px;align-items:flex-start;padding:24px 24px 20px;border-bottom:1px solid #edf0f2;flex:none}.protocol-header h2[b-5465aqbobn]{font-size:20px;line-height:1.4;margin:0;letter-spacing:-.4px}.protocol-header p[b-5465aqbobn]{font-size:13px;line-height:1.5;color:#718080;margin:4px 0 0}.protocol-heading-icon[b-5465aqbobn]{display:grid;place-items:center;background:#edf3ff;color:#245bd2;border-radius:12px;width:42px;height:42px;flex:none}.protocol-icon-button[b-5465aqbobn]{margin-left:auto;display:grid;place-items:center;width:32px;height:32px;background:transparent;border:0;border-radius:8px;color:#788585;cursor:pointer;flex:none}.protocol-icon-button:hover[b-5465aqbobn]{background:#f1f4f5}
.protocol-body[b-5465aqbobn]{padding:20px 24px;overflow-y:auto;overscroll-behavior:contain;min-height:0}.protocol-search[b-5465aqbobn]{border:1px solid #e3e9ec;background:#f8fafb;border-radius:12px;padding:16px}.protocol-fields[b-5465aqbobn]{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px}.protocol-fields label[b-5465aqbobn]{display:grid;gap:7px;font-size:12px;font-weight:600;min-width:0}.protocol-fields input[b-5465aqbobn]{box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:9px 10px;border:1px solid #cdd9de;border-radius:8px;background:#fff;color:#283536;font:inherit;font-weight:400;font-size:13px}.protocol-search-actions[b-5465aqbobn]{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.protocol-search-actions small[b-5465aqbobn]{font-size:11px;line-height:1.5;color:#6d7d80;flex:1;min-width:150px}
.protocol-button[b-5465aqbobn]{display:inline-flex;justify-content:center;align-items:center;gap:6px;border:1px solid transparent;border-radius:8px;padding:10px 13px;min-height:39px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.protocol-button.primary[b-5465aqbobn]{color:white;background:#235bd3;border-color:#235bd3}.protocol-button.secondary[b-5465aqbobn]{background:#fff;color:#35484c;border-color:#d5e0e3}.protocol-button:disabled[b-5465aqbobn]{opacity:.45;cursor:default}.protocol-button:not(:disabled):hover[b-5465aqbobn]{filter:brightness(.96)}.protocol-button:focus-visible[b-5465aqbobn],.protocol-icon-button:focus-visible[b-5465aqbobn],.protocol-result:focus-visible[b-5465aqbobn],.protocol-fields input:focus-visible[b-5465aqbobn]{outline:3px solid #3275e84d;outline-offset:2px}
.protocol-result-heading[b-5465aqbobn]{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:22px 0 12px}.protocol-result-heading h3[b-5465aqbobn]{font-size:13px;margin:0}.protocol-result-heading>span[b-5465aqbobn]{font-size:11px;color:#718080}.protocol-results[b-5465aqbobn]{display:grid;gap:7px;max-width:100%;overflow-x:auto}.protocol-result[b-5465aqbobn]{display:flex;box-sizing:border-box;width:max-content;min-width:100%;min-height:38px;gap:16px;align-items:center;justify-content:space-between;text-align:left;border:1px solid #dce5e8;border-radius:9px;background:white;padding:8px 12px;color:inherit;font:inherit;cursor:pointer;white-space:nowrap}.protocol-result:hover[b-5465aqbobn]{background:#f7faff;border-color:#b5c9ec}.protocol-result-copy[b-5465aqbobn]{display:flex;align-items:center;gap:16px;flex:1;white-space:nowrap}.protocol-result-copy>strong[b-5465aqbobn]{display:inline-flex;align-items:center;gap:8px;flex:none;font-size:12px}.protocol-result-copy>small[b-5465aqbobn]{flex:none;color:#738184;font-size:11px;line-height:1.4}.protocol-status[b-5465aqbobn]{font-size:10px;font-weight:500;border-radius:20px;padding:3px 7px;background:#edf7ef;color:#277749}.protocol-status.closed[b-5465aqbobn]{background:#f0f3f5;color:#69767b}.protocol-open[b-5465aqbobn]{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#235bd3;flex:none}.protocol-empty[b-5465aqbobn]{font-size:13px;line-height:1.7;text-align:center;color:#6e7e83;padding:30px 12px;margin:0}.protocol-error[b-5465aqbobn]{padding:12px;margin-top:12px;background:#fff3f1;border:1px solid #efc9c3;border-radius:8px;color:#a03b30;font-size:12px;line-height:1.5}
.protocol-footer[b-5465aqbobn]{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #e5ebee;background:#fff;flex:none}.protocol-page[b-5465aqbobn]{font-size:11px;color:#748185}.protocol-pagination[b-5465aqbobn]{display:flex;gap:8px;align-items:center}
@media(max-width:600px){.protocol-header[b-5465aqbobn]{padding:18px 16px 16px}.protocol-header h2[b-5465aqbobn]{font-size:18px}.protocol-header p[b-5465aqbobn]{font-size:12px}.protocol-body[b-5465aqbobn]{padding:16px}.protocol-fields[b-5465aqbobn]{grid-template-columns:1fr 1fr}.protocol-number[b-5465aqbobn]{grid-column:1/-1}.protocol-search-actions small[b-5465aqbobn]{flex-basis:100%}.protocol-search-actions[b-5465aqbobn]{justify-content:flex-end}.protocol-footer[b-5465aqbobn]{padding:14px 16px;gap:10px}.protocol-pagination[b-5465aqbobn]{width:100%;justify-content:flex-end}.protocol-result[b-5465aqbobn]{padding:8px 10px}.protocol-heading-icon[b-5465aqbobn]{width:36px;height:36px}.protocol-result-heading>span[b-5465aqbobn]{white-space:nowrap}}
/* _content/apicrmintegrawpp.Web/Components/Auth/OfficeClientPageAccess.razor.rz.scp.css */
.office-access-state[b-a62avn89dw] { max-width: 660px; margin: 64px auto; padding: 36px; border: 1px solid var(--office-border); border-radius: 18px; background: var(--office-surface); color: var(--office-foreground); }
.office-access-state h1[b-a62avn89dw] { margin: 18px 0 12px; font-size: 24px; }
.office-access-state p[b-a62avn89dw] { color: var(--office-muted); line-height: 1.7; }
.office-access-state a[b-a62avn89dw] { display: inline-block; margin-top: 16px; color: #126454; font-weight: 600; }
/* _content/apicrmintegrawpp.Web/Components/Auth/OfficePageAccess.razor.rz.scp.css */
.office-access-state[b-j6bzkmaigi] { max-width: 660px; margin: 64px auto; padding: 36px; border: 1px solid var(--office-border); border-radius: 18px; background: var(--office-surface); color: var(--office-foreground); }
.office-access-state h1[b-j6bzkmaigi] { margin: 18px 0 12px; font-size: 24px; }
.office-access-state p[b-j6bzkmaigi] { color: var(--office-muted); line-height: 1.7; }
.office-access-state a[b-j6bzkmaigi] { display: inline-block; margin-top: 16px; color: #126454; font-weight: 600; }
/* _content/apicrmintegrawpp.Web/Components/Auth/OfficeProtectedRoute.razor.rz.scp.css */
.protected-route-guard[b-91aum6upw4] {
    min-height: 100vh;
    background: #050505;
}
/* _content/apicrmintegrawpp.Web/Components/Auth/ProtectedRoute.razor.rz.scp.css */
.protected-route-guard[b-4fawjc1gz5] {
    min-height: 100vh;
    min-height: 100dvh;
    background:
        radial-gradient(circle at top right, rgba(8, 242, 166, 0.08), transparent 22%),
        linear-gradient(180deg, #09090b 0%, #0d0d10 100%);
}
/* _content/apicrmintegrawpp.Web/Components/InternalCrmEnablementControl.razor.rz.scp.css */
.crm-enablement-backdrop[b-fppp6qgu2i] { position: fixed; inset: 0; background: #0007; z-index: 130; }
.crm-enablement[b-fppp6qgu2i] { position: fixed; z-index: 131; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(36rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); overflow: auto; background: var(--office-surface, white); color: var(--office-text, #152536); border-radius: 1rem; padding: 1.5rem; box-shadow: 0 10px 40px #0003; }
.crm-enablement header[b-fppp6qgu2i] { display: flex; gap: 1rem; justify-content: space-between; align-items: start; }
.crm-enablement h2[b-fppp6qgu2i] { font-size: 1.2rem; margin: 0; overflow-wrap: anywhere; }
.crm-enablement p[b-fppp6qgu2i] { line-height: 1.5; margin: 1rem 0; }
.crm-enablement button[b-fppp6qgu2i] { padding: .5rem .8rem; border-radius: .4rem; margin: .3rem; border: 1px solid #a3b1bb; background: var(--office-surface, white); color: inherit; cursor: pointer; }
.crm-enablement button:disabled[b-fppp6qgu2i] { opacity: .5; cursor: default; }
.crm-enablement-toggle[b-fppp6qgu2i] { display: flex; gap: .5rem; padding: 1rem 0; align-items: center; font-weight: 600; }
.crm-enablement [role=alert][b-fppp6qgu2i] { color: #b91c1c; }
/* _content/apicrmintegrawpp.Web/Components/Layout/AppNotifications.razor.rz.scp.css */
.app-notification-stack[b-w3aj3wwo59] {
    position: fixed;
    top: 24px;
    right: 24px;
    z-index: 90;
    display: grid;
    gap: 12px;
    width: min(390px, calc(100vw - 32px));
}

.app-notification-popup[b-w3aj3wwo59] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    border: 1px solid var(--app-notification-border, rgba(59, 130, 246, 0.28));
    border-left: 4px solid var(--app-notification-accent, #3b82f6);
    border-radius: 8px;
    background: var(--office-surface, #ffffff);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.2);
    padding: 14px;
}

.app-notification-popup.info[b-w3aj3wwo59] {
    --app-notification-accent: #2563eb;
    --app-notification-border: rgba(37, 99, 235, 0.28);
    --app-notification-button-bg: color-mix(in srgb, #2563eb 10%, var(--office-surface, #ffffff));
    --app-notification-button-text: #2563eb;
}

.app-notification-popup.success[b-w3aj3wwo59] {
    --app-notification-accent: #15803d;
    --app-notification-border: rgba(21, 128, 61, 0.28);
    --app-notification-button-bg: color-mix(in srgb, #15803d 10%, var(--office-surface, #ffffff));
    --app-notification-button-text: #15803d;
}

.app-notification-popup.warning[b-w3aj3wwo59] {
    --app-notification-accent: #b45309;
    --app-notification-border: rgba(180, 83, 9, 0.28);
    --app-notification-button-bg: color-mix(in srgb, #b45309 10%, var(--office-surface, #ffffff));
    --app-notification-button-text: #b45309;
}

.app-notification-popup.error[b-w3aj3wwo59] {
    --app-notification-accent: #be123c;
    --app-notification-border: rgba(190, 18, 60, 0.28);
    --app-notification-button-bg: color-mix(in srgb, #be123c 10%, var(--office-surface, #ffffff));
    --app-notification-button-text: #be123c;
}

.app-notification-popup-content[b-w3aj3wwo59] {
    min-width: 0;
}

.app-notification-popup-content span[b-w3aj3wwo59] {
    color: var(--app-notification-accent);
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
}

.app-notification-popup-content strong[b-w3aj3wwo59] {
    display: block;
    overflow: hidden;
    margin-top: 4px;
    color: var(--office-foreground, #111827);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-notification-popup-content p[b-w3aj3wwo59] {
    margin: 4px 0 0;
    color: var(--office-muted, #6b7280);
    font-size: 0.88rem;
}

.app-notification-popup-actions[b-w3aj3wwo59] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.app-notification-popup-actions button[b-w3aj3wwo59] {
    min-height: 32px;
    border: 1px solid var(--app-notification-border);
    border-radius: 6px;
    background: var(--app-notification-button-bg);
    color: var(--app-notification-button-text);
    padding: 0 12px;
    font-weight: 700;
}

.app-notification-popup-actions .app-notification-popup-close[b-w3aj3wwo59] {
    width: 32px;
    padding: 0;
    border-color: var(--office-border, rgba(148, 163, 184, 0.24));
    background: var(--office-surface-muted, rgba(148, 163, 184, 0.12));
    color: var(--office-muted, #6b7280);
}

@media (max-width: 900px) {
    .app-notification-stack[b-w3aj3wwo59] {
        top: 16px;
        right: 16px;
    }

    .app-notification-popup[b-w3aj3wwo59] {
        grid-template-columns: 1fr;
    }

    .app-notification-popup-actions[b-w3aj3wwo59] {
        justify-content: flex-end;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Layout/InternalCrmNotification.razor.rz.scp.css */
.internal-crm-notification[b-lfqqlbziga] { position: fixed; right: 1rem; bottom: 1rem; z-index: 120; display: flex; flex-direction: column; gap: .2rem; max-width: min(22rem, calc(100vw - 2rem)); padding: .7rem 1rem; border-radius: .7rem; background: #14532d; color: white; box-shadow: 0 4px 16px #0003; text-decoration: none; }
.internal-crm-notification span[b-lfqqlbziga] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* _content/apicrmintegrawpp.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.shell[b-a27h3xrh6v] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 280px 1fr;
    background:
        radial-gradient(circle at top right, rgba(8, 242, 166, 0.08), transparent 22%),
        linear-gradient(180deg, #09090b 0%, #0d0d10 100%);
    transition: grid-template-columns 0.2s ease;
}

.shell-sidebar-collapsed[b-a27h3xrh6v] {
    grid-template-columns: 72px 1fr;
}

.sidebar[b-a27h3xrh6v] {
    position: relative;
    top: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: 100dvh;
    padding: 2rem 1.5rem;
    background: linear-gradient(180deg, #09090b 0%, #0d0d10 100%);
    color: var(--foreground);
    border-right: 1px solid var(--border);
    min-width: 0;
    overflow: visible;
    z-index: 3;
    transition: padding 0.2s ease;
}

.brand[b-a27h3xrh6v] {
    margin-bottom: 2rem;
    flex: 0 0 auto;
    min-height: 3.6rem;
    overflow: hidden;
}

.brand-copy[b-a27h3xrh6v] {
    min-width: 0;
    transition: opacity 0.16s ease, transform 0.16s ease;
}

.brand-kicker[b-a27h3xrh6v] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: var(--primary);
}

.brand-title[b-a27h3xrh6v] {
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.sidebar-toggle[b-a27h3xrh6v] {
    position: absolute;
    top: 2.1rem;
    right: -1.125rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid rgba(39, 39, 42, 0.9);
    border-radius: calc(var(--radius) - 0.15rem);
    background: rgba(255, 255, 255, 0.03);
    color: var(--foreground);
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.sidebar-toggle:hover[b-a27h3xrh6v] {
    background: rgba(8, 242, 166, 0.1);
    border-color: rgba(8, 242, 166, 0.35);
    color: var(--primary);
    transform: translateY(-1px);
}

.shell-sidebar-collapsed .sidebar-toggle[b-a27h3xrh6v] {
    background: rgba(8, 242, 166, 0.1);
    border-color: rgba(8, 242, 166, 0.35);
    color: var(--primary);
}

.sidebar-toggle svg[b-a27h3xrh6v] {
    width: 1.15rem;
    height: 1.15rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.shell-sidebar-collapsed .sidebar[b-a27h3xrh6v] {
    padding: 2rem 1rem;
}

.shell-sidebar-collapsed .brand-copy[b-a27h3xrh6v] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.shell-sidebar-collapsed .brand-copy[b-a27h3xrh6v] {
    width: 0;
    transform: translateX(-0.25rem);
}

.main[b-a27h3xrh6v] {
    padding: 2rem;
}

.login-main[b-a27h3xrh6v] {
    min-height: 100vh;
    min-height: 100dvh;
}

.office-shell[b-a27h3xrh6v] {
    --office-font-family: 'Geist', ui-sans-serif, system-ui, sans-serif;
    --office-primary: #002aba;
    --office-primary-foreground: #ffffff;
    --office-background: #f4f7f5;
    --office-surface: #ffffff;
    --office-surface-muted: #f8faf8;
    --office-foreground: #17211c;
    --office-muted: #647069;
    --office-border: #dfe7e2;
    --office-hover: #eef3ef;
    --office-sidebar-bg: #ffffff;
    --office-sidebar-fg: #17211c;
    --office-shadow: rgba(16, 24, 20, 0.08);
    --office-feedback-info-bg: #fff2e8;
    --office-feedback-info-border: #fdba74;
    --office-feedback-info-text: #9a3412;
    --office-feedback-error-bg: #fff1f2;
    --office-feedback-error-border: #fb7185;
    --office-feedback-error-text: #9f1239;
    --office-feedback-error-strong: #be123c;
    --office-feedback-error-shadow: rgba(244, 63, 94, 0.2);
    --office-input-error-bg: #fff7f7;
    --office-input-error-border: #002aba;
    --office-input-error-ring: rgba(0, 42, 186, 0.22);
    min-height: 100vh;
    min-height: 100dvh;
    height: 100vh;
    height: 100dvh;
    display: grid;
    grid-template-columns: 280px 1fr;
    font-family: var(--office-font-family);
    background: var(--office-background);
    color: var(--office-foreground);
    overflow: hidden;
    transition: grid-template-columns 0.2s ease;
}

.office-theme-dark[b-a27h3xrh6v] {
    --office-background: #09090b;
    --office-surface: #0f0f12;
    --office-surface-muted: #151518;
    --office-foreground: #fafafa;
    --office-muted: #a1a1aa;
    --office-border: #27272a;
    --office-hover: #18181b;
    --office-sidebar-bg: #09090b;
    --office-sidebar-fg: #fafafa;
    --office-shadow: rgba(0, 0, 0, 0.34);
    --office-feedback-info-bg: rgba(0, 42, 186, 0.14);
    --office-feedback-info-border: rgba(251, 146, 60, 0.5);
    --office-feedback-info-text: #fed7aa;
    --office-feedback-error-bg: rgba(127, 29, 29, 0.34);
    --office-feedback-error-border: rgba(251, 113, 133, 0.7);
    --office-feedback-error-text: #ffe4e6;
    --office-feedback-error-strong: #fecdd3;
    --office-feedback-error-shadow: rgba(244, 63, 94, 0.16);
    --office-input-error-bg: rgba(127, 29, 29, 0.14);
    --office-input-error-border: #fb7185;
    --office-input-error-ring: rgba(251, 113, 133, 0.22);
}

.office-shell-sidebar-collapsed[b-a27h3xrh6v] {
    grid-template-columns: 72px 1fr;
}

.office-sidebar[b-a27h3xrh6v] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    height: 100vh;
    height: 100dvh;
    padding: 2rem 1.5rem;
    overflow: visible;
    background: var(--office-sidebar-bg);
    color: var(--office-sidebar-fg);
    border-right: 1px solid var(--office-border);
    transition: padding 0.2s ease;
}

.office-sidebar-toggle[b-a27h3xrh6v] {
    border-color: var(--office-border);
    background: var(--office-surface);
    color: var(--office-foreground);
}

.office-sidebar-toggle:hover[b-a27h3xrh6v],
.office-shell-sidebar-collapsed .office-sidebar-toggle[b-a27h3xrh6v] {
    background: rgba(0, 42, 186, 0.12);
    border-color: rgba(0, 42, 186, 0.42);
    color: var(--office-primary);
}

.office-brand .brand-kicker[b-a27h3xrh6v] {
    color: var(--office-primary);
}

.office-brand-logo[b-a27h3xrh6v] {
    display: block;
    width: 100%;
    height: 3.6rem;
    object-fit: contain;
    object-position: left center;
}

.office-brand-logo-compact[b-a27h3xrh6v] {
    display: none;
    object-position: center;
}

.office-shell-sidebar-collapsed .office-brand-logo-expanded[b-a27h3xrh6v] {
    display: none;
}

.office-shell-sidebar-collapsed .office-brand-logo-compact[b-a27h3xrh6v] {
    display: block;
    object-position: center;
}

.office-shell-sidebar-collapsed .office-sidebar[b-a27h3xrh6v] {
    padding: 2rem 1rem;
}

.office-shell-sidebar-collapsed .brand-copy[b-a27h3xrh6v] {
    display: none;
    width: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-0.25rem);
}

.office-main[b-a27h3xrh6v] {
    min-width: 0;
    height: 100vh;
    height: 100dvh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2rem;
    background: var(--office-background);
}

.office-main.office-client-messages-main[b-a27h3xrh6v] { padding: 20px; }

@media (max-width: 900px) {
    .shell[b-a27h3xrh6v] {
        grid-template-columns: 1fr;
    }

    .shell-sidebar-collapsed[b-a27h3xrh6v] {
        grid-template-columns: 1fr;
    }

    .sidebar[b-a27h3xrh6v] {
        padding: 1.25rem;
    }

    .shell-sidebar-collapsed .sidebar[b-a27h3xrh6v] {
        padding: 1.25rem;
    }

    .shell-sidebar-collapsed .brand[b-a27h3xrh6v] {
        margin-bottom: 0;
    }

    .sidebar-toggle[b-a27h3xrh6v] {
        top: 1.25rem;
        right: 1.25rem;
    }

    .shell-sidebar-collapsed .brand-copy[b-a27h3xrh6v] {
        display: none;
    }

    .main[b-a27h3xrh6v] {
        padding: 1rem;
    }

    .office-shell[b-a27h3xrh6v],
    .office-shell-sidebar-collapsed[b-a27h3xrh6v] {
        grid-template-columns: 1fr;
        height: auto;
        min-height: 100vh;
        min-height: 100dvh;
        overflow: visible;
    }

    .office-sidebar[b-a27h3xrh6v],
    .office-shell-sidebar-collapsed .office-sidebar[b-a27h3xrh6v] {
        height: auto;
        padding: 1.25rem;
    }

    .office-shell-sidebar-collapsed .office-brand[b-a27h3xrh6v] {
        margin-bottom: 0;
    }

    .office-sidebar-toggle[b-a27h3xrh6v] {
        top: 1.25rem;
        right: 1.25rem;
    }

    .office-shell-sidebar-collapsed .brand-copy[b-a27h3xrh6v] {
        display: none;
    }

    .office-main[b-a27h3xrh6v] {
        height: auto;
        overflow: visible;
        padding: 1rem;
    }
    .office-main.office-client-messages-main[b-a27h3xrh6v] { padding: 12px; }
}
/* _content/apicrmintegrawpp.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.nav-shell[b-siwlxrhqcm] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    overflow: hidden;
}

.nav-primary[b-siwlxrhqcm] {
    flex: 0 0 auto;
    display: grid;
}

.logout-button[b-siwlxrhqcm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    width: 100%;
    border: 0;
    border-radius: calc(var(--radius) + 0.125rem);
    background: var(--primary);
    color: var(--primary-foreground);
    text-decoration: none;
    font-weight: 700;
    border: 1px solid rgba(8, 242, 166, 0.32);
    box-shadow: 0 16px 36px rgba(8, 242, 166, 0.18);
    transition: filter 0.2s ease, transform 0.2s ease;
    cursor: pointer;
    line-height: 1;
}

.logout-button:hover[b-siwlxrhqcm] {
    filter: brightness(0.97);
    transform: translateY(-1px);
}

.dashboard-button[b-siwlxrhqcm] {
    min-height: 2.45rem;
    padding: 0.62rem 0.95rem;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.nav-footer .logout-button[b-siwlxrhqcm] {
    min-height: 3.15rem;
    padding: 0.95rem 1rem;
}

.nav-icon[b-siwlxrhqcm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1.2rem;
    height: 1.2rem;
}

.nav-icon svg[b-siwlxrhqcm] {
    width: 1.2rem;
    height: 1.2rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.nav-sections[b-siwlxrhqcm] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.35rem;
    scrollbar-gutter: stable;
}

.nav-sections[b-siwlxrhqcm]::-webkit-scrollbar {
    width: 0.45rem;
}

.nav-sections[b-siwlxrhqcm]::-webkit-scrollbar-thumb {
    background: rgba(113, 113, 122, 0.45);
    border-radius: 999px;
}

.nav-sections[b-siwlxrhqcm]::-webkit-scrollbar-track {
    background: transparent;
}

.nav-section[b-siwlxrhqcm] {
    display: grid;
    gap: 0.55rem;
}

.nav-section-title[b-siwlxrhqcm] {
    padding: 0 0.2rem;
    color: #71717a;
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.nav-item[b-siwlxrhqcm] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.95rem 1rem;
    border-radius: var(--radius);
    color: #d4d4d8;
    text-decoration: none;
    text-align: left;
    background: transparent;
    border: 1px solid transparent;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.nav-copy[b-siwlxrhqcm] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.nav-item:hover[b-siwlxrhqcm],
.nav-item.active[b-siwlxrhqcm] {
    background: #111114;
    border-color: #27272a;
    color: var(--foreground);
    transform: translateX(2px);
}

.nav-item-title[b-siwlxrhqcm] {
    font-weight: 600;
    letter-spacing: -0.01em;
}

.nav-item-subtitle[b-siwlxrhqcm] {
    color: #71717a;
    font-size: 0.85rem;
}

.nav-item-disabled[b-siwlxrhqcm] {
    opacity: 0.72;
    cursor: not-allowed;
}

.nav-item-disabled:hover[b-siwlxrhqcm] {
    transform: none;
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(39, 39, 42, 0.65);
    color: #d4d4d8;
}

.nav-badge[b-siwlxrhqcm] {
    position: absolute;
    top: 0.9rem;
    right: 0.9rem;
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    background: rgba(8, 242, 166, 0.12);
    color: var(--primary);
    font-size: 0.72rem;
    font-weight: 600;
}

.nav-footer[b-siwlxrhqcm] {
    flex: 0 0 auto;
    margin-top: auto;
    padding-top: 1rem;
}

.nav-shell-collapsed[b-siwlxrhqcm] {
    align-items: center;
    gap: 0.9rem;
}

.nav-shell-collapsed .nav-primary[b-siwlxrhqcm],
.nav-shell-collapsed .nav-sections[b-siwlxrhqcm],
.nav-shell-collapsed .nav-section[b-siwlxrhqcm],
.nav-shell-collapsed .nav-footer[b-siwlxrhqcm] {
    width: 100%;
}

.nav-shell-collapsed .nav-sections[b-siwlxrhqcm] {
    gap: 0.75rem;
    padding-right: 0;
    overflow: visible;
}

.nav-shell-collapsed .nav-section[b-siwlxrhqcm] {
    gap: 0.45rem;
}

.nav-shell-collapsed .nav-section-title[b-siwlxrhqcm],
.nav-shell-collapsed .nav-copy[b-siwlxrhqcm],
.nav-shell-collapsed .nav-label[b-siwlxrhqcm],
.nav-shell-collapsed .nav-badge[b-siwlxrhqcm] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.nav-shell-collapsed .nav-item[b-siwlxrhqcm],
.nav-shell-collapsed .logout-button[b-siwlxrhqcm] {
    justify-content: center;
    width: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    border-radius: calc(var(--radius) - 0.125rem);
}

.nav-shell-collapsed .nav-item:hover[b-siwlxrhqcm],
.nav-shell-collapsed .nav-item.active[b-siwlxrhqcm] {
    transform: translateX(0);
}

.nav-shell-collapsed .nav-icon[b-siwlxrhqcm],
.nav-shell-collapsed .nav-icon svg[b-siwlxrhqcm] {
    width: 1.25rem;
    height: 1.25rem;
}

.nav-shell-collapsed .dashboard-button[b-siwlxrhqcm] {
    font-size: 1rem;
    letter-spacing: 0;
}

.nav-shell-collapsed .nav-footer .logout-button[b-siwlxrhqcm] {
    min-height: 2.5rem;
}

@media (max-width: 900px) {
    .nav-shell[b-siwlxrhqcm] {
        min-height: auto;
        overflow: visible;
    }

    .nav-sections[b-siwlxrhqcm] {
        overflow: visible;
        padding-right: 0;
    }

    .nav-shell-collapsed[b-siwlxrhqcm] {
        display: none;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Layout/OfficeClientNavMenu.razor.rz.scp.css */
.office-nav-shell[b-uz62esu029] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    overflow: hidden;
}

.office-nav-primary[b-uz62esu029],
.office-nav-section[b-uz62esu029] {
    flex: 0 0 auto;
    display: grid;
    gap: 0.38rem;
}

.office-nav-main-button[b-uz62esu029] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.6rem;
    width: 100%;
    border-radius: 0.58rem;
    border: 1px solid rgba(0, 42, 186, 0.34);
    background: var(--office-primary);
    color: var(--office-primary-foreground);
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 16px 36px rgba(0, 42, 186, 0.18);
    transition: filter 0.2s ease, transform 0.2s ease;
}

.office-nav-main-button[b-uz62esu029] {
    min-height: 2.45rem;
    padding: 0.58rem 0.85rem;
    font-size: 0.88rem;
}

.office-nav-main-button:hover[b-uz62esu029] {
    filter: brightness(0.97);
    transform: translateY(-1px);
}

.office-nav-icon[b-uz62esu029] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1.2rem;
    height: 1.2rem;
}

.office-nav-icon-with-badge[b-uz62esu029] {
    position: relative;
}

.office-nav-icon svg[b-uz62esu029] {
    width: 1.2rem;
    height: 1.2rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.office-nav-badge[b-uz62esu029] {
    position: absolute;
    top: -0.42rem;
    right: -0.62rem;
    min-width: 1.05rem;
    height: 1.05rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--office-surface);
    border-radius: 999px;
    background: #16a34a;
    color: #fff;
    padding: 0 0.25rem;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 8px 18px rgba(22, 163, 74, 0.28);
}

.office-nav-sections[b-uz62esu029] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--office-border) transparent;
}

.office-nav-section-title[b-uz62esu029] {
    padding: 0 0.35rem;
    color: var(--office-muted);
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-nav-item[b-uz62esu029] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    min-height: 2.5rem;
    padding: 0.5rem 0.8rem;
    border-radius: 0.58rem;
    color: var(--office-muted);
    text-align: left;
    background: transparent;
    border: 1px solid transparent;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.office-nav-copy[b-uz62esu029] {
    display: grid;
    min-width: 0;
}

.office-nav-item:hover[b-uz62esu029],
.office-nav-item.active[b-uz62esu029] {
    background: var(--office-hover);
    border-color: var(--office-border);
    color: var(--office-foreground);
}

.office-nav-item.active[b-uz62esu029] {
    border-color: rgba(0, 42, 186, 0.42);
}

.office-nav-item-title[b-uz62esu029] {
    overflow: hidden;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-nav-item-subtitle[b-uz62esu029] {
    display: none;
}

.office-nav-footer[b-uz62esu029] {
    flex: 0 0 auto;
    margin-top: auto;
    padding-top: 0.75rem;
}

.office-nav-user-card[b-uz62esu029] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.72rem;
    width: 100%;
    min-height: 4.65rem;
    padding: 0.72rem 0.66rem 0.72rem 0.58rem;
    border: 1px solid var(--office-border);
    border-radius: 0.58rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    box-shadow: 0 14px 30px var(--office-shadow);
}

.office-nav-user-card form[b-uz62esu029],
.office-nav-logout-collapsed-form[b-uz62esu029] {
    margin: 0;
}

.office-nav-avatar[b-uz62esu029] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    background: var(--office-primary);
    color: var(--office-primary-foreground);
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1;
}

.office-nav-user-copy[b-uz62esu029] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.office-nav-user-name[b-uz62esu029],
.office-nav-user-company[b-uz62esu029],
.office-nav-user-role[b-uz62esu029] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-nav-user-name[b-uz62esu029] {
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.12;
}

.office-nav-user-company[b-uz62esu029] {
    color: var(--office-foreground);
    font-size: 0.78rem;
    font-weight: 650;
    line-height: 1.15;
    opacity: 0.86;
}

.office-nav-user-role[b-uz62esu029] {
    color: var(--office-primary);
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.15;
}

.office-nav-logout[b-uz62esu029] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    background: transparent;
    color: var(--office-muted);
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.office-nav-logout:hover[b-uz62esu029],
.office-nav-logout:focus-visible[b-uz62esu029] {
    background: var(--office-hover);
    border-color: var(--office-border);
    color: var(--office-foreground);
    transform: translateX(1px);
}

.office-nav-logout:focus-visible[b-uz62esu029] {
    outline: 2px solid rgba(0, 42, 186, 0.28);
    outline-offset: 2px;
}

.office-nav-logout-collapsed-form[b-uz62esu029] {
    display: none;
}

.office-nav-shell-collapsed[b-uz62esu029] {
    align-items: center;
    gap: 0.9rem;
}

.office-nav-shell-collapsed .office-nav-primary[b-uz62esu029],
.office-nav-shell-collapsed .office-nav-sections[b-uz62esu029],
.office-nav-shell-collapsed .office-nav-section[b-uz62esu029],
.office-nav-shell-collapsed .office-nav-footer[b-uz62esu029] {
    width: 100%;
}

.office-nav-shell-collapsed .office-nav-sections[b-uz62esu029] {
    gap: 0.75rem;
}

.office-nav-shell-collapsed .office-nav-section-title[b-uz62esu029],
.office-nav-shell-collapsed .office-nav-copy[b-uz62esu029],
.office-nav-shell-collapsed .office-nav-label[b-uz62esu029],
.office-nav-shell-collapsed .office-nav-user-card[b-uz62esu029] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.office-nav-shell-collapsed .office-nav-item[b-uz62esu029],
.office-nav-shell-collapsed .office-nav-main-button[b-uz62esu029],
.office-nav-shell-collapsed .office-nav-logout[b-uz62esu029] {
    justify-content: center;
    width: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    border-radius: 0.5rem;
}

.office-nav-shell-collapsed .office-nav-logout-collapsed-form[b-uz62esu029] {
    display: block;
}

.office-nav-shell-collapsed .office-nav-user-card[b-uz62esu029] {
    display: none;
}

.office-nav-shell-collapsed .office-nav-icon[b-uz62esu029],
.office-nav-shell-collapsed .office-nav-icon svg[b-uz62esu029] {
    width: 1.25rem;
    height: 1.25rem;
}

@media (max-width: 900px) {
    .office-nav-shell[b-uz62esu029] {
        min-height: auto;
        overflow: visible;
    }

    .office-nav-sections[b-uz62esu029] {
        overflow: visible;
    }

    .office-nav-shell-collapsed[b-uz62esu029] {
        display: none;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Layout/OfficeNavMenu.razor.rz.scp.css */
.office-nav-shell[b-e850fzf00j] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    overflow: hidden;
}

.office-nav-primary[b-e850fzf00j],
.office-nav-section[b-e850fzf00j] {
    flex: 0 0 auto;
    display: grid;
    gap: 0.38rem;
}

.office-nav-main-button[b-e850fzf00j] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.6rem;
    width: 100%;
    border-radius: 0.58rem;
    border: 1px solid rgba(0, 42, 186, 0.34);
    background: var(--office-primary);
    color: var(--office-primary-foreground);
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 16px 36px rgba(0, 42, 186, 0.18);
    transition: filter 0.2s ease, transform 0.2s ease;
}

.office-nav-main-button[b-e850fzf00j] {
    min-height: 2.45rem;
    padding: 0.58rem 0.85rem;
    font-size: 0.88rem;
}

.office-nav-main-button:hover[b-e850fzf00j] {
    filter: brightness(0.97);
    transform: translateY(-1px);
}

.office-nav-icon[b-e850fzf00j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1.2rem;
    height: 1.2rem;
}

.office-nav-icon-with-badge[b-e850fzf00j] {
    position: relative;
}

.office-nav-icon svg[b-e850fzf00j] {
    width: 1.2rem;
    height: 1.2rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.office-nav-badge[b-e850fzf00j] {
    position: absolute;
    top: -0.42rem;
    right: -0.62rem;
    min-width: 1.05rem;
    height: 1.05rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--office-surface);
    border-radius: 999px;
    background: #16a34a;
    color: #fff;
    padding: 0 0.25rem;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 8px 18px rgba(22, 163, 74, 0.28);
}

.office-nav-sections[b-e850fzf00j] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--office-border) transparent;
}

.office-nav-section-title[b-e850fzf00j] {
    padding: 0 0.35rem;
    color: var(--office-muted);
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-nav-item[b-e850fzf00j] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    min-height: 2.5rem;
    padding: 0.5rem 0.8rem;
    border-radius: 0.58rem;
    color: var(--office-muted);
    text-align: left;
    background: transparent;
    border: 1px solid transparent;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.office-nav-group[b-e850fzf00j] {
    display: grid;
    gap: 0.28rem;
}

.office-nav-copy[b-e850fzf00j] {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
}

.office-nav-item:hover[b-e850fzf00j],
.office-nav-item.active[b-e850fzf00j] {
    background: var(--office-hover);
    border-color: var(--office-border);
    color: var(--office-foreground);
}

.office-nav-item.active[b-e850fzf00j] {
    border-color: rgba(0, 42, 186, 0.42);
}

.office-nav-chevron[b-e850fzf00j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    color: currentColor;
    opacity: 0.72;
    transition: transform 0.2s ease;
}

.office-nav-chevron svg[b-e850fzf00j] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.office-nav-group.expanded .office-nav-chevron[b-e850fzf00j] {
    transform: rotate(180deg);
}

.office-nav-submenu[b-e850fzf00j] {
    display: grid;
    gap: 0.22rem;
    margin-left: 1.05rem;
    padding-left: 1.05rem;
    border-left: 1px solid var(--office-border);
}

.office-nav-subitem[b-e850fzf00j] {
    display: flex;
    align-items: center;
    gap: 0.58rem;
    width: 100%;
    min-height: 2.1rem;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    background: transparent;
    color: var(--office-muted);
    padding: 0.38rem 0.55rem;
    text-align: left;
    font-size: 0.86rem;
    font-weight: 600;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.office-nav-subitem:hover[b-e850fzf00j],
.office-nav-subitem.active[b-e850fzf00j] {
    background: var(--office-hover);
    border-color: var(--office-border);
    color: var(--office-foreground);
}

.office-nav-subitem.active[b-e850fzf00j] {
    border-color: rgba(0, 42, 186, 0.32);
}

.office-nav-subitem-icon[b-e850fzf00j] {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    opacity: 0.82;
}

.office-nav-item-title[b-e850fzf00j] {
    overflow: hidden;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-nav-item-subtitle[b-e850fzf00j] {
    display: none;
}

.office-nav-footer[b-e850fzf00j] {
    flex: 0 0 auto;
    margin-top: auto;
    padding-top: 0.75rem;
}

.office-nav-user-card[b-e850fzf00j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.72rem;
    width: 100%;
    min-height: 4.05rem;
    padding: 0.72rem 0.66rem 0.72rem 0.58rem;
    border: 1px solid var(--office-border);
    border-radius: 0.58rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    box-shadow: 0 14px 30px var(--office-shadow);
}

.office-nav-user-card form[b-e850fzf00j],
.office-nav-logout-collapsed-form[b-e850fzf00j] {
    margin: 0;
}

.office-nav-avatar[b-e850fzf00j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    background: var(--office-primary);
    color: var(--office-primary-foreground);
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1;
}

.office-nav-user-copy[b-e850fzf00j] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.office-nav-user-name[b-e850fzf00j],
.office-nav-user-role[b-e850fzf00j] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-nav-user-name[b-e850fzf00j] {
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.12;
}

.office-nav-user-role[b-e850fzf00j] {
    color: var(--office-primary);
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.15;
}

.office-nav-logout[b-e850fzf00j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    background: transparent;
    color: var(--office-muted);
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.office-nav-logout:hover[b-e850fzf00j],
.office-nav-logout:focus-visible[b-e850fzf00j] {
    background: var(--office-hover);
    border-color: var(--office-border);
    color: var(--office-foreground);
    transform: translateX(1px);
}

.office-nav-logout:focus-visible[b-e850fzf00j] {
    outline: 2px solid rgba(0, 42, 186, 0.28);
    outline-offset: 2px;
}

.office-nav-logout-collapsed-form[b-e850fzf00j] {
    display: none;
}

.office-nav-shell-collapsed[b-e850fzf00j] {
    align-items: center;
    gap: 0.9rem;
}

.office-nav-shell-collapsed .office-nav-primary[b-e850fzf00j],
.office-nav-shell-collapsed .office-nav-sections[b-e850fzf00j],
.office-nav-shell-collapsed .office-nav-section[b-e850fzf00j],
.office-nav-shell-collapsed .office-nav-footer[b-e850fzf00j] {
    width: 100%;
}

.office-nav-shell-collapsed .office-nav-sections[b-e850fzf00j] {
    gap: 0.75rem;
}

.office-nav-shell-collapsed .office-nav-section-title[b-e850fzf00j],
.office-nav-shell-collapsed .office-nav-copy[b-e850fzf00j],
.office-nav-shell-collapsed .office-nav-label[b-e850fzf00j],
.office-nav-shell-collapsed .office-nav-user-card[b-e850fzf00j] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.office-nav-shell-collapsed .office-nav-item[b-e850fzf00j],
.office-nav-shell-collapsed .office-nav-main-button[b-e850fzf00j],
.office-nav-shell-collapsed .office-nav-logout[b-e850fzf00j] {
    justify-content: center;
    width: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    border-radius: 0.5rem;
}

.office-nav-shell-collapsed .office-nav-group[b-e850fzf00j] {
    justify-items: center;
}

.office-nav-shell-collapsed .office-nav-chevron[b-e850fzf00j],
.office-nav-shell-collapsed .office-nav-submenu[b-e850fzf00j] {
    display: none;
}

.office-nav-shell-collapsed .office-nav-logout-collapsed-form[b-e850fzf00j] {
    display: block;
}

.office-nav-shell-collapsed .office-nav-user-card[b-e850fzf00j] {
    display: none;
}

.office-nav-shell-collapsed .office-nav-icon[b-e850fzf00j],
.office-nav-shell-collapsed .office-nav-icon svg[b-e850fzf00j] {
    width: 1.25rem;
    height: 1.25rem;
}

@media (max-width: 900px) {
    .office-nav-shell[b-e850fzf00j] {
        min-height: auto;
        overflow: visible;
    }

    .office-nav-sections[b-e850fzf00j] {
        overflow: visible;
    }

    .office-nav-shell-collapsed[b-e850fzf00j] {
        display: none;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Layout/OfficeTransferNotification.razor.rz.scp.css */
.office-transfer-popup[b-7pax6eg9t5] {
    position: fixed;
    top: 24px;
    right: 24px;
    z-index: 80;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    width: min(390px, calc(100vw - 32px));
    border: 1px solid rgba(21, 128, 61, 0.28);
    border-left: 4px solid #15803d;
    border-radius: 8px;
    background: var(--office-surface);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.2);
    padding: 14px;
}

.office-transfer-popup-content[b-7pax6eg9t5] {
    min-width: 0;
}

.office-transfer-popup-content span[b-7pax6eg9t5] {
    color: #15803d;
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
}

.office-transfer-popup-content strong[b-7pax6eg9t5] {
    display: block;
    overflow: hidden;
    margin-top: 4px;
    color: var(--office-foreground);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-transfer-popup-content p[b-7pax6eg9t5] {
    margin: 4px 0 0;
    color: var(--office-muted);
    font-size: 0.88rem;
}

.office-transfer-popup-content small[b-7pax6eg9t5] {
    display: block;
    margin-top: 8px;
    color: var(--office-foreground);
    font-size: 0.8rem;
    font-weight: 600;
}

.office-transfer-popup-actions[b-7pax6eg9t5] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.office-transfer-popup-actions button[b-7pax6eg9t5] {
    min-height: 32px;
    border: 1px solid rgba(21, 128, 61, 0.32);
    border-radius: 6px;
    background: color-mix(in srgb, #15803d 10%, var(--office-surface));
    color: #15803d;
    padding: 0 12px;
    font-weight: 700;
}

.office-transfer-popup-actions .office-transfer-popup-close[b-7pax6eg9t5] {
    width: 32px;
    padding: 0;
    border-color: var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-muted);
}

@media (max-width: 900px) {
    .office-transfer-popup[b-7pax6eg9t5] {
        top: 16px;
        right: 16px;
        grid-template-columns: 1fr;
    }

    .office-transfer-popup-actions[b-7pax6eg9t5] {
        justify-content: flex-end;
    }
}
/* _content/apicrmintegrawpp.Web/Components/OfficeActionMenu.razor.rz.scp.css */
.office-action-menu[b-h7mhv62ur7] {
    position: relative;
    display: inline-block;
    z-index: 60;
}

.office-action-menu.open[b-h7mhv62ur7] {
    z-index: 140;
}

.office-action-menu-button[b-h7mhv62ur7] {
    position: relative;
    z-index: 132;
    display: inline-grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    padding: 0;
    border: 1px solid var(--office-border, var(--border));
    border-radius: 0.45rem;
    background: var(--office-action-menu-button-bg, transparent);
    color: var(--office-foreground, var(--foreground));
    cursor: pointer;
}

.office-action-menu-button:hover[b-h7mhv62ur7],
.office-action-menu-button:focus-visible[b-h7mhv62ur7] {
    border-color: var(--office-primary, var(--primary));
    background: var(--office-surface-muted, rgba(255, 255, 255, 0.05));
    color: var(--office-primary, var(--primary));
    outline: 0;
}

.office-action-menu-button svg[b-h7mhv62ur7] {
    width: 1.35rem;
    height: 1.35rem;
}

.office-action-menu-button path[b-h7mhv62ur7] {
    fill: currentColor;
}

.office-action-menu-backdrop[b-h7mhv62ur7] {
    position: fixed;
    inset: 0;
    z-index: 120;
    background: transparent;
    cursor: default;
}

.office-action-menu-list[b-h7mhv62ur7] {
    position: absolute;
    top: 0;
    right: calc(100% + 0.45rem);
    z-index: 130;
    display: grid;
    gap: 0.2rem;
    min-width: var(--office-action-menu-width, 14rem);
    padding: 0.35rem;
    border: 1px solid var(--office-border, var(--border));
    border-radius: 0.5rem;
    background: var(--office-surface, #111114);
    box-shadow: 0 18px 42px var(--office-shadow, rgba(0, 0, 0, 0.42));
}

.office-action-menu-list[b-h7mhv62ur7]  button {
    display: grid;
    grid-template-columns: 1rem minmax(0, 1fr);
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    min-height: 2.25rem;
    padding: 0.5rem 0.65rem;
    border: 0;
    border-radius: 0.35rem;
    background: transparent;
    color: var(--office-foreground, var(--foreground));
    font: inherit;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.office-action-menu-list[b-h7mhv62ur7]  button::before {
    content: "";
    width: 1rem;
    height: 1rem;
    background: currentColor;
    opacity: 0.78;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5h9'/%3E%3Cpath d='M12 12h9'/%3E%3Cpath d='M12 19h9'/%3E%3Cpath d='m4 5 2 2 4-4'/%3E%3Cpath d='m4 12 2 2 4-4'/%3E%3Cpath d='m4 19 2 2 4-4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5h9'/%3E%3Cpath d='M12 12h9'/%3E%3Cpath d='M12 19h9'/%3E%3Cpath d='m4 5 2 2 4-4'/%3E%3Cpath d='m4 12 2 2 4-4'/%3E%3Cpath d='m4 19 2 2 4-4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.office-action-menu-list[b-h7mhv62ur7]  button.finance::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3Cpath d='M6 15h2'/%3E%3Cpath d='M11 15h4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3Cpath d='M6 15h2'/%3E%3Cpath d='M11 15h4'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.payment::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M12 18v-6'/%3E%3Cpath d='M9.5 14.5h4a1.5 1.5 0 0 0 0-3h-3a1.5 1.5 0 0 1 0-3h4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M12 18v-6'/%3E%3Cpath d='M9.5 14.5h4a1.5 1.5 0 0 0 0-3h-3a1.5 1.5 0 0 1 0-3h4'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.subscription::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M17 14a4 4 0 1 0 1 2.65'/%3E%3Cpath d='M17 14v3h3'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M17 14a4 4 0 1 0 1 2.65'/%3E%3Cpath d='M17 14v3h3'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.asaas-check::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36'/%3E%3Cpath d='M21 3v6h-6'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36'/%3E%3Cpath d='M21 3v6h-6'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.edit::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.portal-access::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 15H6a4 4 0 0 0-4 4v2'/%3E%3Cpath d='m14.305 16.53.923-.382'/%3E%3Cpath d='m15.228 13.852-.923-.383'/%3E%3Cpath d='m16.852 12.228-.383-.923'/%3E%3Cpath d='m16.852 17.772-.383.924'/%3E%3Cpath d='m19.148 12.228.383-.923'/%3E%3Cpath d='m19.53 18.696-.382-.924'/%3E%3Cpath d='m20.772 13.852.924-.383'/%3E%3Cpath d='m20.772 16.148.924.383'/%3E%3Ccircle cx='18' cy='15' r='3'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 15H6a4 4 0 0 0-4 4v2'/%3E%3Cpath d='m14.305 16.53.923-.382'/%3E%3Cpath d='m15.228 13.852-.923-.383'/%3E%3Cpath d='m16.852 12.228-.383-.923'/%3E%3Cpath d='m16.852 17.772-.383.924'/%3E%3Cpath d='m19.148 12.228.383-.923'/%3E%3Cpath d='m19.53 18.696-.382-.924'/%3E%3Cpath d='m20.772 13.852.924-.383'/%3E%3Cpath d='m20.772 16.148.924.383'/%3E%3Ccircle cx='18' cy='15' r='3'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.deactivate::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m4.93 4.93 14.14 14.14'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m4.93 4.93 14.14 14.14'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.activate::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.open::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.publish::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.archive::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='5' x='2' y='3' rx='1'/%3E%3Cpath d='M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8'/%3E%3Cpath d='M10 12h4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='5' x='2' y='3' rx='1'/%3E%3Cpath d='M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8'/%3E%3Cpath d='M10 12h4'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.create-provider::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z'/%3E%3Cpath d='M6 12H4a2 2 0 0 0-2 2v8h20v-8a2 2 0 0 0-2-2h-2'/%3E%3Cpath d='M10 6h4'/%3E%3Cpath d='M10 10h4'/%3E%3Cpath d='M10 14h4'/%3E%3Cpath d='M10 18h4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z'/%3E%3Cpath d='M6 12H4a2 2 0 0 0-2 2v8h20v-8a2 2 0 0 0-2-2h-2'/%3E%3Cpath d='M10 6h4'/%3E%3Cpath d='M10 10h4'/%3E%3Cpath d='M10 14h4'/%3E%3Cpath d='M10 18h4'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.cancel::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.automate::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09Z'/%3E%3Cpath d='M18.259 8.715 18 9.75l-.259-1.035a2 2 0 0 0-1.456-1.456L15.25 7l1.035-.259a2 2 0 0 0 1.456-1.456L18 4.25l.259 1.035a2 2 0 0 0 1.456 1.456L20.75 7l-1.035.259a2 2 0 0 0-1.456 1.456Z'/%3E%3Cpath d='M16.894 20.567 16.5 21.75l-.394-1.183a2 2 0 0 0-1.265-1.265L13.75 19l1.091-.302a2 2 0 0 0 1.265-1.265L16.5 16.25l.394 1.183a2 2 0 0 0 1.265 1.265L19.25 19l-1.091.302a2 2 0 0 0-1.265 1.265Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09Z'/%3E%3Cpath d='M18.259 8.715 18 9.75l-.259-1.035a2 2 0 0 0-1.456-1.456L15.25 7l1.035-.259a2 2 0 0 0 1.456-1.456L18 4.25l.259 1.035a2 2 0 0 0 1.456 1.456L20.75 7l-1.035.259a2 2 0 0 0-1.456 1.456Z'/%3E%3Cpath d='M16.894 20.567 16.5 21.75l-.394-1.183a2 2 0 0 0-1.265-1.265L13.75 19l1.091-.302a2 2 0 0 0 1.265-1.265L16.5 16.25l.394 1.183a2 2 0 0 0 1.265 1.265L19.25 19l-1.091.302a2 2 0 0 0-1.265 1.265Z'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.delete::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.billing-finance::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M9 21V9'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M9 21V9'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.billing-payment::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z'/%3E%3Cpath d='M14 8H8'/%3E%3Cpath d='M16 12H8'/%3E%3Cpath d='M13 16H8'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z'/%3E%3Cpath d='M14 8H8'/%3E%3Cpath d='M16 12H8'/%3E%3Cpath d='M13 16H8'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.billing-subscription::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3Cpath d='M8 18h.01'/%3E%3Cpath d='M12 18h.01'/%3E%3Cpath d='M16 18h.01'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3Cpath d='M8 18h.01'/%3E%3Cpath d='M12 18h.01'/%3E%3Cpath d='M16 18h.01'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.billing-asaas-check::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.billing-create-provider::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cline x1='19' x2='19' y1='8' y2='14'/%3E%3Cline x1='22' x2='16' y1='11' y2='11'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cline x1='19' x2='19' y1='8' y2='14'/%3E%3Cline x1='22' x2='16' y1='11' y2='11'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.billing-negotiation::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3Cpath d='M13 8H7'/%3E%3Cpath d='M17 12H7'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3Cpath d='M13 8H7'/%3E%3Cpath d='M17 12H7'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.has-explicit-icon::before {
    display: none;
}

.office-action-menu-list[b-h7mhv62ur7]  .office-action-menu-item-icon {
    width: 1rem;
    height: 1rem;
    color: currentColor;
    opacity: 0.78;
}

.office-action-menu-list[b-h7mhv62ur7]  button.payment-invoice::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.payment-bank-slip::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5v14'/%3E%3Cpath d='M8 5v14'/%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M17 5v14'/%3E%3Cpath d='M21 5v14'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5v14'/%3E%3Cpath d='M8 5v14'/%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M17 5v14'/%3E%3Cpath d='M21 5v14'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.copy-link::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.manual-receipt::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='12' x='2' y='6' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M6 12h.01'/%3E%3Cpath d='M18 12h.01'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='12' x='2' y='6' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M6 12h.01'/%3E%3Cpath d='M18 12h.01'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.details::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.pause::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='4' width='4' height='16' rx='1'/%3E%3Crect x='6' y='4' width='4' height='16' rx='1'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='4' width='4' height='16' rx='1'/%3E%3Crect x='6' y='4' width='4' height='16' rx='1'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.reactivate::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 8.64 15.27 12 10 15.36z'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 8.64 15.27 12 10 15.36z'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button.end-subscription::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9 9h6v6H9z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9 9h6v6H9z'/%3E%3C/svg%3E");
}

.office-action-menu-list[b-h7mhv62ur7]  button:hover {
    background: var(--office-surface-muted, rgba(255, 255, 255, 0.05));
}

.office-action-menu-list[b-h7mhv62ur7]  button.success {
    color: #0f766e;
}

.office-action-menu-list[b-h7mhv62ur7]  button.success:hover {
    background: rgba(20, 184, 166, 0.1);
}

.office-action-menu-list[b-h7mhv62ur7]  button.danger {
    color: #b91c1c;
}

.office-action-menu-list[b-h7mhv62ur7]  button.danger:hover {
    background: rgba(239, 68, 68, 0.08);
}

.office-action-menu-list[b-h7mhv62ur7]  button:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}
/* _content/apicrmintegrawpp.Web/Components/OfficeFinanceCreateDrawer.razor.rz.scp.css */
.office-finance-create-drawer-backdrop[b-qfnht63axr] {
    position: fixed;
    inset: 0;
    z-index: 92;
    display: flex;
    justify-content: flex-end;
    background: rgba(15, 23, 42, 0.34);
}

.office-finance-create-drawer[b-qfnht63axr] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(46rem, 100vw);
    height: 100%;
    overflow: hidden;
    border-left: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: -24px 0 80px rgba(15, 23, 42, 0.24);
    animation: office-finance-create-drawer-in-b-qfnht63axr 180ms ease-out;
}

.office-finance-create-drawer-header[b-qfnht63axr],
.office-finance-create-drawer-footer[b-qfnht63axr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid var(--office-border);
}

.office-finance-create-drawer-footer[b-qfnht63axr] {
    justify-content: flex-end;
    border-top: 1px solid var(--office-border);
    border-bottom: 0;
}

.office-finance-create-drawer-header span[b-qfnht63axr],
.office-finance-create-client-card span[b-qfnht63axr],
.office-finance-create-review span[b-qfnht63axr] {
    color: var(--office-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-finance-create-drawer-header h2[b-qfnht63axr] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.15rem;
}

.office-finance-create-icon-button[b-qfnht63axr] {
    display: inline-grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--office-border);
    border-radius: 999px;
    background: transparent;
    color: var(--office-foreground);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.office-finance-create-drawer-body[b-qfnht63axr] {
    display: grid;
    align-content: start;
    gap: 1rem;
    overflow-y: auto;
    padding: 1rem 1.15rem;
}

.office-finance-create-tabs[b-qfnht63axr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.office-finance-create-tabs button[b-qfnht63axr],
.office-finance-create-search button[b-qfnht63axr],
.office-finance-create-drawer-footer button[b-qfnht63axr] {
    min-height: 2.45rem;
    border-radius: 0.45rem;
    padding: 0.55rem 0.9rem;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 800;
    cursor: pointer;
}

.office-finance-create-tabs button[b-qfnht63axr],
.office-finance-create-search button[b-qfnht63axr],
.office-finance-create-drawer-footer .secondary[b-qfnht63axr] {
    border: 1px solid var(--office-border);
    background: transparent;
    color: var(--office-foreground);
}

.office-finance-create-tabs button.selected[b-qfnht63axr],
.office-finance-create-drawer-footer .primary[b-qfnht63axr] {
    border: 1px solid #0838f9;
    background: #0838f9;
    color: #ffffff;
    box-shadow: 0 10px 20px rgba(8, 56, 249, 0.16);
}

.office-finance-create-drawer-footer button:disabled[b-qfnht63axr] {
    opacity: 0.6;
    cursor: not-allowed;
}

.office-finance-create-section[b-qfnht63axr],
.office-finance-create-form[b-qfnht63axr] {
    display: grid;
    gap: 0.75rem;
}

.office-finance-create-search[b-qfnht63axr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 0.7rem;
}

.office-finance-create-search label[b-qfnht63axr],
.office-finance-create-form label[b-qfnht63axr] {
    display: grid;
    gap: 0.42rem;
    min-width: 0;
}

.office-finance-create-search label span[b-qfnht63axr],
.office-finance-create-form label span[b-qfnht63axr] {
    color: var(--office-foreground);
    font-size: 0.84rem;
    font-weight: 800;
}

.office-finance-create-search input[b-qfnht63axr],
.office-finance-create-form input[b-qfnht63axr],
.office-finance-create-form select[b-qfnht63axr],
.office-finance-create-form textarea[b-qfnht63axr] {
    width: 100%;
    min-height: 2.7rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-finance-create-client-list[b-qfnht63axr] {
    display: grid;
    gap: 0.5rem;
    max-height: 16rem;
    overflow-y: auto;
}

.office-finance-create-client-row[b-qfnht63axr],
.office-finance-create-client-card[b-qfnht63axr],
.office-finance-create-review[b-qfnht63axr] {
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface-muted);
}

.office-finance-create-client-row[b-qfnht63axr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    padding: 0.72rem;
    color: var(--office-foreground);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.office-finance-create-client-row.selected[b-qfnht63axr] {
    border-color: #0838f9;
    box-shadow: inset 3px 0 0 #0838f9;
}

.office-finance-create-client-row span[b-qfnht63axr],
.office-finance-create-client-card[b-qfnht63axr],
.office-finance-create-review[b-qfnht63axr] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.office-finance-create-client-row strong[b-qfnht63axr],
.office-finance-create-client-card strong[b-qfnht63axr],
.office-finance-create-review strong[b-qfnht63axr] {
    color: var(--office-foreground);
    overflow-wrap: anywhere;
}

.office-finance-create-client-row small[b-qfnht63axr],
.office-finance-create-client-card small[b-qfnht63axr],
.office-finance-create-review small[b-qfnht63axr],
.office-finance-create-muted[b-qfnht63axr] {
    color: var(--office-muted);
    font-size: 0.82rem;
}

.office-finance-create-client-row em[b-qfnht63axr] {
    flex: 0 0 auto;
    border: 1px solid var(--office-border);
    border-radius: 999px;
    padding: 0.25rem 0.55rem;
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
}

.office-finance-create-client-row em.active[b-qfnht63axr],
.office-finance-create-client-card.active[b-qfnht63axr] {
    border-color: #5eead4;
    background: #ccfbf1;
    color: #0f766e;
}

.office-finance-create-client-row em.inactive[b-qfnht63axr],
.office-finance-create-client-card.inactive[b-qfnht63axr] {
    border-color: #fdba74;
    background: #ffedd5;
    color: #c2410c;
}

.office-finance-create-client-row em.error[b-qfnht63axr],
.office-finance-create-client-card.error[b-qfnht63axr] {
    border-color: #fca5a5;
    background: #fee2e2;
    color: #b91c1c;
}

.office-finance-create-client-row em.not-checked[b-qfnht63axr],
.office-finance-create-client-card.not-checked[b-qfnht63axr] {
    border-color: #cbd5e1;
    background: #f1f5f9;
    color: #475569;
}

.office-finance-create-client-card[b-qfnht63axr],
.office-finance-create-review[b-qfnht63axr] {
    padding: 0.85rem;
}

.office-finance-create-form[b-qfnht63axr] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.office-finance-create-wide[b-qfnht63axr] {
    grid-column: 1 / -1;
}

.office-finance-create-input-addon[b-qfnht63axr] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    width: 100%;
    min-height: 2.7rem;
    overflow: hidden;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-surface-muted);
}

.office-finance-create-input-addon > span[b-qfnht63axr] {
    display: inline-grid;
    place-items: center;
    min-width: 2.3rem;
    padding: 0 0.65rem;
    border-right: 1px solid var(--office-border);
    background: var(--office-surface);
    color: var(--office-foreground);
    font-weight: 800;
}

.office-finance-create-input-addon input[b-qfnht63axr] {
    min-height: 2.7rem;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.office-finance-create-field-invalid .office-finance-create-input-addon[b-qfnht63axr] {
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12);
}

.office-finance-create-field-invalid .office-finance-create-input-addon > span[b-qfnht63axr] {
    border-right-color: #dc2626;
    color: #b91c1c;
}

.office-finance-create-field-error[b-qfnht63axr] {
    color: #dc2626;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.25;
}

.office-finance-create-check[b-qfnht63axr] {
    display: flex !important;
    align-items: center;
    gap: 0.55rem;
}

.office-finance-create-check input[b-qfnht63axr] {
    width: 1rem;
    height: 1rem;
    min-height: 0;
}

@keyframes office-finance-create-drawer-in-b-qfnht63axr {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

@media (max-width: 44rem) {
    .office-finance-create-drawer[b-qfnht63axr] {
        width: 100vw;
    }

    .office-finance-create-search[b-qfnht63axr],
    .office-finance-create-form[b-qfnht63axr] {
        grid-template-columns: 1fr;
    }

    .office-finance-create-drawer-footer[b-qfnht63axr] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .office-finance-create-drawer-footer button[b-qfnht63axr] {
        width: 100%;
    }
}
/* _content/apicrmintegrawpp.Web/Components/OfficeFinanceNegotiationsBadge.razor.rz.scp.css */
.office-finance-negotiations-badge[b-u5a0kbzmay] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.05rem;
    height: 1.05rem;
    border: 2px solid var(--office-surface);
    border-radius: 999px;
    background: #16a34a;
    color: #fff;
    padding: 0 0.25rem;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none;
    box-shadow: 0 8px 18px rgba(22, 163, 74, 0.28);
}

.office-finance-negotiations-badge-floating[b-u5a0kbzmay] {
    position: absolute;
    top: -0.42rem;
    right: -0.62rem;
    margin: 0;
}

.office-finance-negotiations-badge-inline[b-u5a0kbzmay] {
    position: static;
    flex: 0 0 auto;
    margin-left: auto;
}

.office-finance-negotiations-badge.animate[b-u5a0kbzmay] {
    animation: office-finance-negotiations-badge-pulse-b-u5a0kbzmay 1400ms ease-out 450ms 2;
}

@keyframes office-finance-negotiations-badge-pulse-b-u5a0kbzmay {
    0% {
        box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.34), 0 8px 18px rgba(22, 163, 74, 0.28);
        transform: scale(1);
    }

    55% {
        box-shadow: 0 0 0 0.45rem rgba(22, 163, 74, 0), 0 8px 18px rgba(22, 163, 74, 0.28);
        transform: scale(1.05);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(22, 163, 74, 0), 0 8px 18px rgba(22, 163, 74, 0.28);
        transform: scale(1);
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/ApievolutionIntegrations.razor.rz.scp.css */
.provider-loading[b-87qkqwjbyk] {
    padding: 1rem;
    border-radius: var(--radius);
    background: var(--card);
    border: 1px solid var(--border);
}

.provider-hero[b-87qkqwjbyk] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: end;
    margin-bottom: 1rem;
}

.provider-eyebrow[b-87qkqwjbyk] {
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.provider-hero h1[b-87qkqwjbyk],
.provider-card-header h2[b-87qkqwjbyk] {
    margin: 0.35rem 0 0.45rem;
    color: var(--foreground);
    letter-spacing: -0.03em;
    font-weight: 700;
}

.provider-hero p[b-87qkqwjbyk],
.provider-card-header span[b-87qkqwjbyk],
.provider-empty[b-87qkqwjbyk],
.provider-item span[b-87qkqwjbyk],
.provider-field small[b-87qkqwjbyk] {
    color: var(--muted-foreground);
}

.provider-layout[b-87qkqwjbyk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(22rem, 30rem);
    gap: 1rem;
}

.provider-list-card[b-87qkqwjbyk],
.provider-form-card[b-87qkqwjbyk] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 1.1rem;
}

.provider-card-header[b-87qkqwjbyk],
.provider-hero-actions[b-87qkqwjbyk],
.provider-actions[b-87qkqwjbyk] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.provider-list[b-87qkqwjbyk] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}

.provider-toolbar[b-87qkqwjbyk] {
    margin-bottom: 1rem;
}

.provider-toolbar-grid[b-87qkqwjbyk] {
    display: grid;
    grid-template-columns: minmax(0, 42rem) auto;
    gap: 0.85rem;
    align-items: end;
    justify-content: space-between;
}

.provider-search[b-87qkqwjbyk] {
    display: grid;
    gap: 0.55rem;
}

.provider-search span[b-87qkqwjbyk] {
    color: var(--foreground);
    font-size: 0.92rem;
    font-weight: 600;
}

.provider-search input[b-87qkqwjbyk] {
    width: 100%;
    min-height: 3rem;
    padding: 0.85rem 1rem;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: #09090b;
    color: var(--foreground);
    font: inherit;
}

.provider-search input:focus[b-87qkqwjbyk],
.provider-search input:focus-visible[b-87qkqwjbyk] {
    outline: none;
    border-color: rgba(8, 242, 166, 0.42);
    box-shadow: 0 0 0 2px rgba(8, 242, 166, 0.12);
}

.provider-toolbar-actions[b-87qkqwjbyk] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.provider-pagination[b-87qkqwjbyk] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(39, 39, 42, 0.7);
}

.provider-pagination-info[b-87qkqwjbyk],
.provider-pagination-status[b-87qkqwjbyk] {
    color: var(--muted-foreground);
}

.provider-pagination-info[b-87qkqwjbyk] {
    font-size: 0.92rem;
}

.provider-pagination-actions[b-87qkqwjbyk] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.provider-pagination-status[b-87qkqwjbyk] {
    font-size: 0.92rem;
    font-weight: 600;
}

.provider-item[b-87qkqwjbyk] {
    display: grid;
    gap: 0;
    padding: 0;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: calc(var(--radius) - 0.15rem);
    overflow: hidden;
}

.provider-item.selected[b-87qkqwjbyk] {
    border-color: rgba(8, 242, 166, 0.35);
}

.provider-item.expanded[b-87qkqwjbyk] {
    background: rgba(255,255,255,0.015);
}

.provider-item-summary[b-87qkqwjbyk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 0.95rem 1rem;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.provider-item-summary:hover[b-87qkqwjbyk] {
    background: rgba(255,255,255,0.02);
}

.provider-item-summary-main[b-87qkqwjbyk] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.provider-item-summary-side[b-87qkqwjbyk] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.provider-validation-badge[b-87qkqwjbyk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.6rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1;
}

.provider-validation-badge.connected[b-87qkqwjbyk] {
    background: rgba(8, 242, 166, 0.12);
    border: 1px solid rgba(8, 242, 166, 0.22);
    color: var(--primary);
}

.provider-validation-badge.disconnected[b-87qkqwjbyk] {
    background: rgba(255, 99, 99, 0.12);
    border: 1px solid rgba(255, 99, 99, 0.22);
    color: #ffb6b6;
}

.provider-item strong[b-87qkqwjbyk] {
    display: block;
    color: var(--foreground);
    margin-bottom: 0;
}

.provider-item span[b-87qkqwjbyk] {
    display: block;
    margin-top: 0.2rem;
}

.provider-subtitle[b-87qkqwjbyk] {
    display: block;
    margin-top: 0;
    font-size: 0.92rem;
    color: var(--muted-foreground);
}

.provider-item-chevron[b-87qkqwjbyk] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 999px;
    border: 1px solid rgba(8, 242, 166, 0.22);
    background: rgba(8, 242, 166, 0.08);
    color: var(--primary);
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1;
    flex: 0 0 auto;
    margin-top: 0;
}

.provider-item-panel[b-87qkqwjbyk] {
    display: grid;
    gap: 0.9rem;
    padding: 0 1rem 1rem;
    border-top: 1px solid rgba(255,255,255,0.06);
}

.provider-meta-grid[b-87qkqwjbyk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
    padding-top: 0.95rem;
}

.provider-meta-card[b-87qkqwjbyk] {
    display: grid;
    gap: 0.3rem;
    padding: 0.8rem 0.85rem;
    border-radius: 0.9rem;
    border: 1px solid rgba(255,255,255,0.06);
    background: rgba(255,255,255,0.025);
    min-width: 0;
}

.provider-meta-card-wide[b-87qkqwjbyk] {
    grid-column: 1 / -1;
}

.provider-meta-label[b-87qkqwjbyk] {
    margin-top: 0;
    color: var(--muted-foreground);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.provider-meta-value[b-87qkqwjbyk] {
    margin-top: 0;
    color: var(--foreground);
    font-size: 0.95rem;
    font-weight: 600;
}

.provider-meta-code[b-87qkqwjbyk] {
    display: block;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--foreground);
    font-size: 0.92rem;
    font-family: inherit;
    word-break: break-all;
}

.provider-meta-url[b-87qkqwjbyk] {
    word-break: break-word;
}

.provider-integration-id-row[b-87qkqwjbyk] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
    margin-top: 0;
    min-width: 0;
}

.provider-integration-id-label[b-87qkqwjbyk] {
    color: var(--muted-foreground);
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.provider-integration-id-value[b-87qkqwjbyk] {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.5rem;
    border-radius: 0.6rem;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.04);
    color: var(--foreground);
    font-size: 0.82rem;
    word-break: break-all;
}

.provider-integration-footer[b-87qkqwjbyk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding-top: 0.15rem;
}

.provider-copy-button[b-87qkqwjbyk] {
    min-height: 2.2rem;
    padding: 0.5rem 0.75rem;
    border-radius: calc(var(--radius) - 0.2rem);
    border: 1px solid rgba(8, 242, 166, 0.24);
    background: rgba(8, 242, 166, 0.1);
    color: var(--primary);
    font: inherit;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
}

.provider-copy-button:hover[b-87qkqwjbyk] {
    background: rgba(8, 242, 166, 0.16);
}

.provider-panel-footer[b-87qkqwjbyk] {
    display: grid;
    gap: 0.9rem;
}

.provider-panel-actions[b-87qkqwjbyk] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.provider-action-button-inline[b-87qkqwjbyk] {
    width: auto;
}

.provider-form-grid[b-87qkqwjbyk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.provider-field[b-87qkqwjbyk] {
    display: grid;
    gap: 0.4rem;
    font-weight: 600;
    color: var(--foreground);
}

.provider-field-wide[b-87qkqwjbyk] {
    grid-column: 1 / -1;
}

[b-87qkqwjbyk](.provider-input) {
    width: 100%;
    min-height: 2.8rem;
    padding: 0.78rem 0.9rem;
    border-radius: calc(var(--radius) - 0.1rem);
    border: 1px solid var(--border);
    background: rgba(255,255,255,0.03);
    color: var(--foreground);
}

[b-87qkqwjbyk](.provider-input:focus) {
    outline: none;
    border-color: rgba(8, 242, 166, 0.35);
    box-shadow: 0 0 0 0.18rem rgba(8, 242, 166, 0.12);
}

[b-87qkqwjbyk](.provider-input[disabled]) {
    opacity: 0.72;
    cursor: not-allowed;
}
[b-87qkqwjbyk](.provider-textarea) {
    min-height: 7rem;
    resize: vertical;
}

[b-87qkqwjbyk](.validation-message) {
    color: #ffb6b6;
    font-size: 0.88rem;
    font-weight: 600;
}
.provider-primary-button[b-87qkqwjbyk],
.provider-secondary-button[b-87qkqwjbyk],
.provider-action-button[b-87qkqwjbyk] {
    min-height: 2.6rem;
    padding: 0.72rem 1rem;
    border-radius: calc(var(--radius) + 0.05rem);
    border: 1px solid transparent;
    font: inherit;
    cursor: pointer;
}

.provider-primary-button[b-87qkqwjbyk] {
    background: var(--primary);
    color: var(--primary-foreground);
    font-weight: 700;
}

.provider-secondary-button[b-87qkqwjbyk],
.provider-action-button[b-87qkqwjbyk] {
    background: rgba(255,255,255,0.03);
    border-color: var(--border);
    color: var(--foreground);
}

.provider-feedback[b-87qkqwjbyk] {
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    border-radius: var(--radius);
    background: rgba(8, 242, 166, 0.12);
    border: 1px solid rgba(8, 242, 166, 0.22);
    color: var(--foreground);
}

.provider-feedback.error[b-87qkqwjbyk] {
    background: rgba(123, 30, 30, 0.28);
    border-color: rgba(255, 99, 99, 0.28);
    color: #ffb6b6;
}

.provider-action-button[b-87qkqwjbyk] {
    min-height: 2.6rem;
    padding: 0.65rem 0.95rem;
    background: #111114;
    color: var(--foreground);
    border-color: var(--border);
}

.provider-action-button:hover[b-87qkqwjbyk] {
    background: #17171b;
}

.provider-action-button.success[b-87qkqwjbyk] {
    background: rgba(8, 242, 166, 0.12);
    border-color: rgba(8, 242, 166, 0.24);
    color: var(--primary);
}

.provider-action-button.success:hover[b-87qkqwjbyk] {
    background: rgba(8, 242, 166, 0.18);
}

.provider-action-button.danger[b-87qkqwjbyk] {
    background: rgba(255, 99, 99, 0.12);
    border-color: rgba(255, 99, 99, 0.22);
    color: #ffb6b6;
}

.provider-action-button.danger:hover[b-87qkqwjbyk] {
    background: rgba(255, 99, 99, 0.18);
}

@media (max-width: 900px) {
    .provider-layout[b-87qkqwjbyk],
    .provider-form-grid[b-87qkqwjbyk],
    .provider-item[b-87qkqwjbyk],
    .provider-hero[b-87qkqwjbyk] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .provider-toolbar-grid[b-87qkqwjbyk] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .provider-pagination[b-87qkqwjbyk] {
        flex-direction: column;
        align-items: flex-start;
    }

    .provider-meta-grid[b-87qkqwjbyk] {
        grid-template-columns: 1fr;
    }

    .provider-meta-card-wide[b-87qkqwjbyk] {
        grid-column: auto;
    }

    .provider-integration-footer[b-87qkqwjbyk] {
        align-items: flex-start;
    }

    .provider-item-summary[b-87qkqwjbyk],
    .provider-panel-actions[b-87qkqwjbyk] {
        flex-direction: column;
        align-items: stretch;
    }

    .provider-item-summary-side[b-87qkqwjbyk] {
        width: 100%;
        justify-content: space-between;
    }

    .provider-action-button-inline[b-87qkqwjbyk] {
        width: 100%;
    }
}




/* _content/apicrmintegrawpp.Web/Components/Pages/AsaasIntegrations.razor.rz.scp.css */
.provider-loading[b-nui6vxrim9] {
    padding: 1rem;
    border-radius: var(--radius);
    background: var(--card);
    border: 1px solid var(--border);
}

.provider-hero[b-nui6vxrim9] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: end;
    margin-bottom: 1rem;
}

.provider-eyebrow[b-nui6vxrim9] {
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.provider-hero h1[b-nui6vxrim9],
.provider-card-header h2[b-nui6vxrim9] {
    margin: 0.35rem 0 0.45rem;
    color: var(--foreground);
    letter-spacing: -0.03em;
    font-weight: 700;
}

.provider-hero p[b-nui6vxrim9],
.provider-card-header span[b-nui6vxrim9],
.provider-empty[b-nui6vxrim9],
.provider-item span[b-nui6vxrim9],
.provider-field small[b-nui6vxrim9] {
    color: var(--muted-foreground);
}

.provider-layout[b-nui6vxrim9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(22rem, 30rem);
    gap: 1rem;
}

.provider-list-card[b-nui6vxrim9],
.provider-form-card[b-nui6vxrim9] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 1.1rem;
}

.provider-card-header[b-nui6vxrim9],
.provider-hero-actions[b-nui6vxrim9],
.provider-actions[b-nui6vxrim9] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.provider-list[b-nui6vxrim9] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}

.provider-toolbar[b-nui6vxrim9] {
    margin-bottom: 1rem;
}

.provider-toolbar-grid[b-nui6vxrim9] {
    display: grid;
    grid-template-columns: minmax(0, 42rem) auto;
    gap: 0.85rem;
    align-items: end;
    justify-content: space-between;
}

.provider-search[b-nui6vxrim9] {
    display: grid;
    gap: 0.55rem;
}

.provider-search span[b-nui6vxrim9] {
    color: var(--foreground);
    font-size: 0.92rem;
    font-weight: 600;
}

.provider-search input[b-nui6vxrim9] {
    width: 100%;
    min-height: 3rem;
    padding: 0.85rem 1rem;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: #09090b;
    color: var(--foreground);
    font: inherit;
}

.provider-search input:focus[b-nui6vxrim9],
.provider-search input:focus-visible[b-nui6vxrim9] {
    outline: none;
    border-color: rgba(8, 242, 166, 0.42);
    box-shadow: 0 0 0 2px rgba(8, 242, 166, 0.12);
}

.provider-toolbar-actions[b-nui6vxrim9] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.provider-pagination[b-nui6vxrim9] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(39, 39, 42, 0.7);
}

.provider-pagination-info[b-nui6vxrim9],
.provider-pagination-status[b-nui6vxrim9] {
    color: var(--muted-foreground);
}

.provider-pagination-info[b-nui6vxrim9] {
    font-size: 0.92rem;
}

.provider-pagination-actions[b-nui6vxrim9] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.provider-pagination-status[b-nui6vxrim9] {
    font-size: 0.92rem;
    font-weight: 600;
}

.provider-item[b-nui6vxrim9] {
    display: grid;
    gap: 0;
    padding: 0;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: calc(var(--radius) - 0.15rem);
    overflow: hidden;
}

.provider-item.selected[b-nui6vxrim9] {
    border-color: rgba(8, 242, 166, 0.35);
}

.provider-item.expanded[b-nui6vxrim9] {
    background: rgba(255,255,255,0.015);
}

.provider-item-summary[b-nui6vxrim9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 0.95rem 1rem;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.provider-item-summary:hover[b-nui6vxrim9] {
    background: rgba(255,255,255,0.02);
}

.provider-item-summary-main[b-nui6vxrim9] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.provider-item-summary-side[b-nui6vxrim9] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.provider-validation-badge[b-nui6vxrim9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.6rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1;
}

.provider-validation-badge.connected[b-nui6vxrim9] {
    background: rgba(8, 242, 166, 0.12);
    border: 1px solid rgba(8, 242, 166, 0.22);
    color: var(--primary);
}

.provider-validation-badge.disconnected[b-nui6vxrim9] {
    background: rgba(255, 99, 99, 0.12);
    border: 1px solid rgba(255, 99, 99, 0.22);
    color: #ffb6b6;
}

.provider-item strong[b-nui6vxrim9] {
    display: block;
    color: var(--foreground);
    margin-bottom: 0;
}

.provider-item span[b-nui6vxrim9] {
    display: block;
    margin-top: 0.2rem;
}

.provider-subtitle[b-nui6vxrim9] {
    display: block;
    margin-top: 0;
    font-size: 0.92rem;
    color: var(--muted-foreground);
}

.provider-item-chevron[b-nui6vxrim9] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 999px;
    border: 1px solid rgba(8, 242, 166, 0.22);
    background: rgba(8, 242, 166, 0.08);
    color: var(--primary);
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1;
    flex: 0 0 auto;
    margin-top: 0;
}

.provider-item-panel[b-nui6vxrim9] {
    display: grid;
    gap: 0.9rem;
    padding: 0 1rem 1rem;
    border-top: 1px solid rgba(255,255,255,0.06);
}

.provider-meta-grid[b-nui6vxrim9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
    padding-top: 0.95rem;
}

.provider-meta-card[b-nui6vxrim9] {
    display: grid;
    gap: 0.3rem;
    padding: 0.8rem 0.85rem;
    border-radius: 0.9rem;
    border: 1px solid rgba(255,255,255,0.06);
    background: rgba(255,255,255,0.025);
    min-width: 0;
}

.provider-meta-card-wide[b-nui6vxrim9] {
    grid-column: 1 / -1;
}

.provider-meta-label[b-nui6vxrim9] {
    margin-top: 0;
    color: var(--muted-foreground);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.provider-meta-value[b-nui6vxrim9] {
    margin-top: 0;
    color: var(--foreground);
    font-size: 0.95rem;
    font-weight: 600;
}

.provider-meta-url[b-nui6vxrim9] {
    word-break: break-word;
}

.provider-integration-id-row[b-nui6vxrim9] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
    margin-top: 0;
    min-width: 0;
}

.provider-integration-footer[b-nui6vxrim9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding-top: 0.15rem;
}

.provider-integration-id-label[b-nui6vxrim9] {
    color: var(--muted-foreground);
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.provider-integration-id-value[b-nui6vxrim9] {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.5rem;
    border-radius: 0.6rem;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.04);
    color: var(--foreground);
    font-size: 0.82rem;
    word-break: break-all;
}

.provider-copy-button[b-nui6vxrim9] {
    min-height: 2rem;
    padding: 0.42rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(8, 242, 166, 0.22);
    background: rgba(8, 242, 166, 0.08);
    color: var(--primary);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}

.provider-copy-button:hover[b-nui6vxrim9] {
    background: rgba(8, 242, 166, 0.14);
}

.provider-panel-footer[b-nui6vxrim9] {
    display: grid;
    gap: 0.9rem;
}

.provider-panel-actions[b-nui6vxrim9] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.provider-action-button-inline[b-nui6vxrim9] {
    width: auto;
}

.provider-form-grid[b-nui6vxrim9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.provider-field[b-nui6vxrim9] {
    display: grid;
    gap: 0.4rem;
    font-weight: 600;
    color: var(--foreground);
}

.provider-field-wide[b-nui6vxrim9] {
    grid-column: 1 / -1;
}

[b-nui6vxrim9](.provider-input) {
    width: 100%;
    min-height: 2.8rem;
    padding: 0.78rem 0.9rem;
    border-radius: calc(var(--radius) - 0.1rem);
    border: 1px solid var(--border);
    background: rgba(255,255,255,0.03);
    color: var(--foreground);
}

[b-nui6vxrim9](.provider-input:focus) {
    outline: none;
    border-color: rgba(8, 242, 166, 0.35);
    box-shadow: 0 0 0 0.18rem rgba(8, 242, 166, 0.12);
}

[b-nui6vxrim9](.provider-input[disabled]) {
    opacity: 0.72;
    cursor: not-allowed;
}
[b-nui6vxrim9](.provider-textarea) {
    min-height: 7rem;
    resize: vertical;
}

[b-nui6vxrim9](.validation-message) {
    color: #ffb6b6;
    font-size: 0.88rem;
    font-weight: 600;
}
.provider-primary-button[b-nui6vxrim9],
.provider-secondary-button[b-nui6vxrim9],
.provider-action-button[b-nui6vxrim9] {
    min-height: 2.6rem;
    padding: 0.72rem 1rem;
    border-radius: calc(var(--radius) + 0.05rem);
    border: 1px solid transparent;
    font: inherit;
    cursor: pointer;
}

.provider-primary-button[b-nui6vxrim9] {
    background: var(--primary);
    color: var(--primary-foreground);
    font-weight: 700;
}

.provider-secondary-button[b-nui6vxrim9],
.provider-action-button[b-nui6vxrim9] {
    background: rgba(255,255,255,0.03);
    border-color: var(--border);
    color: var(--foreground);
}

.provider-feedback[b-nui6vxrim9] {
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    border-radius: var(--radius);
    background: rgba(8, 242, 166, 0.12);
    border: 1px solid rgba(8, 242, 166, 0.22);
    color: var(--foreground);
}

.provider-feedback.error[b-nui6vxrim9] {
    background: rgba(123, 30, 30, 0.28);
    border-color: rgba(255, 99, 99, 0.28);
    color: #ffb6b6;
}

.provider-action-button[b-nui6vxrim9] {
    min-height: 2.6rem;
    padding: 0.65rem 0.95rem;
    background: #111114;
    color: var(--foreground);
    border-color: var(--border);
}

.provider-action-button:hover[b-nui6vxrim9] {
    background: #17171b;
}

.provider-action-button.success[b-nui6vxrim9] {
    background: rgba(8, 242, 166, 0.12);
    border-color: rgba(8, 242, 166, 0.24);
    color: var(--primary);
}

.provider-action-button.success:hover[b-nui6vxrim9] {
    background: rgba(8, 242, 166, 0.18);
}

.provider-action-button.danger[b-nui6vxrim9] {
    background: rgba(255, 99, 99, 0.12);
    border-color: rgba(255, 99, 99, 0.22);
    color: #ffb6b6;
}

.provider-action-button.danger:hover[b-nui6vxrim9] {
    background: rgba(255, 99, 99, 0.18);
}

@media (max-width: 900px) {
    .provider-layout[b-nui6vxrim9],
    .provider-form-grid[b-nui6vxrim9],
    .provider-item[b-nui6vxrim9],
    .provider-hero[b-nui6vxrim9] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .provider-toolbar-grid[b-nui6vxrim9] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .provider-pagination[b-nui6vxrim9] {
        flex-direction: column;
        align-items: flex-start;
    }

    .provider-meta-grid[b-nui6vxrim9] {
        grid-template-columns: 1fr;
    }

    .provider-meta-card-wide[b-nui6vxrim9] {
        grid-column: auto;
    }

    .provider-integration-footer[b-nui6vxrim9] {
        align-items: flex-start;
    }

    .provider-item-summary[b-nui6vxrim9],
    .provider-panel-actions[b-nui6vxrim9] {
        flex-direction: column;
        align-items: stretch;
    }

    .provider-item-summary-side[b-nui6vxrim9] {
        width: 100%;
        justify-content: space-between;
    }

    .provider-action-button-inline[b-nui6vxrim9] {
        width: 100%;
    }
}





/* _content/apicrmintegrawpp.Web/Components/Pages/ClientCreate.razor.rz.scp.css */
.client-create-page[b-ftyk9wvlt0] {
    display: grid;
    gap: 1.25rem;
}

.client-create-header[b-ftyk9wvlt0] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
}

.client-create-eyebrow[b-ftyk9wvlt0] {
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.client-create-header h1[b-ftyk9wvlt0] {
    margin: 0.35rem 0 0.5rem;
    font-size: clamp(2rem, 3vw, 3rem);
    color: var(--foreground);
    letter-spacing: -0.04em;
    font-weight: 700;
}

.client-create-header p[b-ftyk9wvlt0],
.client-create-section-header p[b-ftyk9wvlt0],
.client-create-caption[b-ftyk9wvlt0] {
    margin: 0;
    color: var(--muted-foreground);
}

.client-create-primary-button[b-ftyk9wvlt0],
.client-create-secondary-button[b-ftyk9wvlt0] {
    border-radius: calc(var(--radius) + 0.05rem);
    border: 1px solid transparent;
    font: inherit;
    cursor: pointer;
}

.client-create-primary-button[b-ftyk9wvlt0] {
    min-height: 3rem;
    padding: 0.9rem 1.15rem;
    background: var(--primary);
    color: var(--primary-foreground);
    font-weight: 700;
    box-shadow: 0 16px 36px rgba(8, 242, 166, 0.18);
}

.client-create-secondary-button[b-ftyk9wvlt0] {
    min-height: 2.8rem;
    padding: 0.7rem 1rem;
    background: #111114;
    color: var(--foreground);
    border-color: var(--border);
}

.client-create-secondary-button:hover[b-ftyk9wvlt0] {
    background: #17171b;
}

.client-create-primary-button:disabled[b-ftyk9wvlt0],
.client-create-secondary-button:disabled[b-ftyk9wvlt0] {
    opacity: 0.65;
    cursor: not-allowed;
}

.client-create-feedback[b-ftyk9wvlt0],
.client-create-loading[b-ftyk9wvlt0] {
    padding: 1rem 1.1rem;
    border-radius: var(--radius);
    border: 1px solid rgba(8, 242, 166, 0.2);
    background: rgba(8, 242, 166, 0.12);
    color: #b7ffe3;
}

.client-create-feedback.error[b-ftyk9wvlt0] {
    background: rgba(123, 30, 30, 0.28);
    border-color: rgba(255, 99, 99, 0.28);
    color: #ffb6b6;
}

.client-create-feedback.compact[b-ftyk9wvlt0] {
    margin-top: 0.2rem;
}

.client-create-shell[b-ftyk9wvlt0] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(20rem, 0.95fr);
    gap: 1rem;
    align-items: start;
}

.client-create-column[b-ftyk9wvlt0] {
    display: grid;
    gap: 1rem;
}

.client-create-column-side[b-ftyk9wvlt0] {
    position: sticky;
    top: 1rem;
}

.client-create-section[b-ftyk9wvlt0] {
    padding: 1rem;
    border-radius: calc(var(--radius) + 0.1rem);
    background: var(--card);
    border: 1px solid var(--border);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.2);
}

.client-create-section-header[b-ftyk9wvlt0] {
    margin-bottom: 1rem;
}

.client-create-section-header h2[b-ftyk9wvlt0] {
    margin: 0;
    font-size: 1.02rem;
    color: var(--foreground);
}

.client-create-section-header p[b-ftyk9wvlt0] {
    margin-top: 0.35rem;
    font-size: 0.92rem;
    line-height: 1.45;
}

.client-create-grid[b-ftyk9wvlt0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.client-create-grid-single[b-ftyk9wvlt0] {
    grid-template-columns: 1fr;
}

.client-create-field[b-ftyk9wvlt0] {
    display: grid;
    gap: 0.5rem;
}

.client-create-logo-field[b-ftyk9wvlt0] {
    gap: 10px;
}

.client-create-logo-field small[b-ftyk9wvlt0] {
    color: #a1a1aa;
    overflow-wrap: anywhere;
}

.client-create-zip-shell[b-ftyk9wvlt0] {
    position: relative;
}

.client-create-zip-notification[b-ftyk9wvlt0] {
    position: absolute;
    top: 0.55rem;
    right: 0.6rem;
    z-index: 1;
    max-width: calc(100% - 1.2rem);
    padding: 0.22rem 0.5rem;
    border-radius: 999px;
    background: rgba(123, 30, 30, 0.96);
    color: #ffe2e2;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.2;
    pointer-events: none;
    box-shadow: 0 10px 24px rgba(123, 30, 30, 0.25);
}

.client-create-checkbox[b-ftyk9wvlt0] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.85rem 1rem;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: #09090b;
    color: var(--muted-foreground);
}

.client-create-logo-picker[b-ftyk9wvlt0] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    min-width: 164px;
    max-width: 100%;
    min-height: 44px;
    padding: 10px 14px;
    border-radius: 9px;
    border: 1px solid color-mix(in srgb, var(--border) 85%, transparent);
    background: #14141a;
    color: var(--foreground);
    cursor: pointer;
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.client-create-logo-picker:hover[b-ftyk9wvlt0] {
    background: #191922;
}

.client-create-logo-picker[b-ftyk9wvlt0]  .client-create-logo-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.client-create-logo-picker[b-ftyk9wvlt0]  .client-create-logo-input:disabled {
    cursor: not-allowed;
}

.client-create-logo-picker-icon[b-ftyk9wvlt0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    color: #2563eb;
}

.client-create-logo-picker-icon svg[b-ftyk9wvlt0] {
    width: 20px;
    height: 20px;
}

.client-create-logo-picker strong[b-ftyk9wvlt0] {
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.client-create-field-wide[b-ftyk9wvlt0] {
    grid-column: span 2;
}

.client-create-field span[b-ftyk9wvlt0] {
    color: var(--foreground);
    font-size: 0.92rem;
    font-weight: 600;
}

.client-create-field[b-ftyk9wvlt0]  .client-create-input,
.client-create-field input[b-ftyk9wvlt0],
.client-create-field select[b-ftyk9wvlt0] {
    width: 100%;
    min-height: 3rem;
    padding: 0.85rem 1rem;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: #09090b;
    color: var(--foreground);
    font: inherit;
}

.client-create-field[b-ftyk9wvlt0]  .client-create-input:focus,
.client-create-field[b-ftyk9wvlt0]  .client-create-input:focus-visible,
.client-create-field input:focus[b-ftyk9wvlt0],
.client-create-field input:focus-visible[b-ftyk9wvlt0],
.client-create-field select:focus[b-ftyk9wvlt0],
.client-create-field select:focus-visible[b-ftyk9wvlt0] {
    outline: none;
    border-color: rgba(8, 242, 166, 0.42);
    box-shadow: 0 0 0 2px rgba(8, 242, 166, 0.12);
}

.client-create-field .client-create-checkbox input[b-ftyk9wvlt0] {
    width: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    margin: 0.15rem 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    accent-color: var(--primary);
    flex: 0 0 auto;
}

.client-create-field .client-create-checkbox span[b-ftyk9wvlt0] {
    color: var(--muted-foreground);
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.45;
}

.client-create-actions[b-ftyk9wvlt0] {
    display: flex;
    justify-content: end;
    gap: 0.75rem;
}

@media (max-width: 980px) {
    .client-create-header[b-ftyk9wvlt0],
    .client-create-actions[b-ftyk9wvlt0] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .client-create-shell[b-ftyk9wvlt0] {
        grid-template-columns: 1fr;
    }

    .client-create-column-side[b-ftyk9wvlt0] {
        position: static;
    }
}

@media (max-width: 780px) {
    .client-create-grid[b-ftyk9wvlt0] {
        grid-template-columns: 1fr;
    }

    .client-create-field-wide[b-ftyk9wvlt0] {
        grid-column: span 1;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/Clients.razor.rz.scp.css */
.clients-hero[b-yy45e4sx2p] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.clients-eyebrow[b-yy45e4sx2p] {
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.clients-hero h1[b-yy45e4sx2p] {
    margin: 0.35rem 0 0.5rem;
    font-size: clamp(2rem, 3vw, 3rem);
    color: var(--foreground);
    letter-spacing: -0.04em;
    font-weight: 700;
}

.clients-hero p[b-yy45e4sx2p] {
    margin: 0;
    color: var(--muted-foreground);
    max-width: 46rem;
}

.clients-primary-button[b-yy45e4sx2p],
.client-secondary-button[b-yy45e4sx2p],
.client-action-button[b-yy45e4sx2p],
.clients-close-button[b-yy45e4sx2p] {
    border-radius: calc(var(--radius) + 0.05rem);
    border: 1px solid transparent;
    font: inherit;
    cursor: pointer;
}

.clients-primary-button[b-yy45e4sx2p] {
    min-height: 3rem;
    padding: 0.9rem 1.15rem;
    background: var(--primary);
    color: var(--primary-foreground);
    font-weight: 700;
    box-shadow: 0 16px 36px rgba(8, 242, 166, 0.18);
}

.clients-primary-button:disabled[b-yy45e4sx2p],
.client-secondary-button:disabled[b-yy45e4sx2p],
.client-action-button:disabled[b-yy45e4sx2p] {
    opacity: 0.65;
    cursor: not-allowed;
}

.clients-summary-grid[b-yy45e4sx2p] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.clients-summary-card[b-yy45e4sx2p] {
    padding: 1.2rem 1.25rem;
    border-radius: var(--radius);
    background: var(--card);
    border: 1px solid var(--border);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.2);
}

.clients-summary-card.accent[b-yy45e4sx2p] {
    background: linear-gradient(135deg, rgba(8, 242, 166, 0.16) 0%, rgba(8, 242, 166, 0.07) 100%);
    border-color: rgba(8, 242, 166, 0.24);
}

.clients-summary-label[b-yy45e4sx2p],
.clients-summary-caption[b-yy45e4sx2p] {
    display: block;
    color: var(--muted-foreground);
}

.clients-summary-value[b-yy45e4sx2p] {
    display: block;
    margin-top: 0.55rem;
    font-size: 2.1rem;
    line-height: 1;
    color: var(--foreground);
    letter-spacing: -0.04em;
}

.clients-toolbar[b-yy45e4sx2p] {
    margin-bottom: 1rem;
}

.clients-rule-card[b-yy45e4sx2p] {
    position: relative;
    display: grid;
    gap: 0.4rem;
    margin-bottom: 1rem;
    padding: 1rem 3rem 1rem 1.05rem;
    border-radius: var(--radius);
    background: rgba(8, 242, 166, 0.08);
    border: 1px solid rgba(8, 242, 166, 0.16);
}

.clients-rule-card strong[b-yy45e4sx2p] {
    color: var(--foreground);
    font-size: 0.95rem;
}

.clients-rule-card span[b-yy45e4sx2p] {
    color: var(--muted-foreground);
    line-height: 1.5;
}

.clients-rule-close[b-yy45e4sx2p] {
    position: absolute;
    top: 0.7rem;
    right: 0.8rem;
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid rgba(8, 242, 166, 0.16);
    border-radius: 999px;
    background: #111114;
    color: var(--foreground);
    font: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
}

.clients-rule-close:hover[b-yy45e4sx2p] {
    background: #17171b;
}

.clients-search[b-yy45e4sx2p] {
    display: grid;
    gap: 0.55rem;
}

.clients-search span[b-yy45e4sx2p],
.clients-form-field span[b-yy45e4sx2p] {
    color: var(--foreground);
    font-size: 0.92rem;
    font-weight: 600;
}

.clients-search input[b-yy45e4sx2p],
.clients-form-field[b-yy45e4sx2p]  .clients-input {
    width: 100%;
    min-height: 3rem;
    padding: 0.85rem 1rem;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: #09090b;
    color: var(--foreground);
    font: inherit;
}

.clients-search input:focus[b-yy45e4sx2p],
.clients-search input:focus-visible[b-yy45e4sx2p],
.clients-form-field[b-yy45e4sx2p]  .clients-input:focus,
.clients-form-field[b-yy45e4sx2p]  .clients-input:focus-visible {
    outline: none;
    border-color: rgba(8, 242, 166, 0.42);
    box-shadow: 0 0 0 2px rgba(8, 242, 166, 0.12);
}

.clients-feedback[b-yy45e4sx2p] {
    margin-bottom: 1rem;
    padding: 0.95rem 1rem;
    border-radius: var(--radius);
    background: rgba(8, 242, 166, 0.12);
    border: 1px solid rgba(8, 242, 166, 0.2);
    color: #b7ffe3;
}

.clients-feedback.error[b-yy45e4sx2p] {
    background: rgba(123, 30, 30, 0.28);
    border-color: rgba(255, 99, 99, 0.28);
    color: #ffb6b6;
}

.clients-feedback.compact[b-yy45e4sx2p] {
    margin-bottom: 0;
}

.clients-table-card[b-yy45e4sx2p] {
    border-radius: var(--radius);
    background: var(--card);
    border: 1px solid var(--border);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.clients-table-header[b-yy45e4sx2p] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid var(--border);
}

.clients-table-header h2[b-yy45e4sx2p] {
    margin: 0;
    font-size: 1.05rem;
}

.clients-table-header span[b-yy45e4sx2p],
.clients-empty[b-yy45e4sx2p],
.client-name-cell span[b-yy45e4sx2p],
.client-muted-stack span[b-yy45e4sx2p] {
    color: var(--muted-foreground);
}

.clients-table-wrap[b-yy45e4sx2p] {
    overflow-x: auto;
}

.clients-users-table-wrap[b-yy45e4sx2p] {
    overflow: visible;
}

.clients-table[b-yy45e4sx2p] {
    width: 100%;
    border-collapse: collapse;
}

.clients-table.compact th[b-yy45e4sx2p],
.clients-table.compact td[b-yy45e4sx2p] {
    padding: 0.85rem 1rem;
}

.clients-table th[b-yy45e4sx2p],
.clients-table td[b-yy45e4sx2p] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(39, 39, 42, 0.7);
    text-align: left;
    vertical-align: middle;
}

.clients-table th[b-yy45e4sx2p] {
    color: var(--muted-foreground);
    font-size: 0.84rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.clients-table tbody tr:hover[b-yy45e4sx2p] {
    background: rgba(255, 255, 255, 0.02);
}

.clients-users-table.compact th[b-yy45e4sx2p],
.clients-users-table.compact td[b-yy45e4sx2p] {
    padding: 0.6rem 0.75rem;
}

.clients-users-table td[b-yy45e4sx2p] {
    height: 4.2rem;
}

.clients-users-table .client-name-cell[b-yy45e4sx2p],
.clients-users-table .client-muted-stack[b-yy45e4sx2p] {
    gap: 0.12rem;
}

.clients-users-table .client-name-cell strong[b-yy45e4sx2p],
.clients-users-table .client-muted-stack strong[b-yy45e4sx2p] {
    font-size: 0.92rem;
}

.clients-users-table .client-name-cell span[b-yy45e4sx2p],
.clients-users-table .client-muted-stack span[b-yy45e4sx2p] {
    font-size: 0.86rem;
}

.clients-users-table .client-status[b-yy45e4sx2p] {
    min-width: 76px;
    padding: 0.35rem 0.6rem;
}

.client-name-cell[b-yy45e4sx2p],
.client-muted-stack[b-yy45e4sx2p] {
    display: grid;
    gap: 0.22rem;
}

.client-office-login-link[b-yy45e4sx2p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.25rem;
    max-width: 30rem;
}

.client-office-login-link span[b-yy45e4sx2p] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.78rem;
}

.client-link-copy-button[b-yy45e4sx2p] {
    min-height: 1.8rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid var(--border);
    border-radius: calc(var(--radius) - 0.2rem);
    background: #111114;
    color: var(--foreground);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
}

.client-link-copy-button:hover[b-yy45e4sx2p] {
    background: #17171b;
}

.client-action-group[b-yy45e4sx2p] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
    min-width: 14rem;
}

.client-status[b-yy45e4sx2p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 90px;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
}

.client-status.active[b-yy45e4sx2p] {
    background: rgba(8, 242, 166, 0.12);
    color: var(--primary);
}

.client-status.inactive[b-yy45e4sx2p] {
    background: rgba(255, 99, 99, 0.12);
    color: #ffb6b6;
}

.client-action-button[b-yy45e4sx2p],
.client-secondary-button[b-yy45e4sx2p],
.clients-close-button[b-yy45e4sx2p] {
    min-height: 2.6rem;
    padding: 0.65rem 0.95rem;
    background: #111114;
    color: var(--foreground);
    border-color: var(--border);
}

.client-action-button:hover[b-yy45e4sx2p],
.client-secondary-button:hover[b-yy45e4sx2p],
.clients-close-button:hover[b-yy45e4sx2p] {
    background: #17171b;
}

.clients-empty[b-yy45e4sx2p],
.clients-loading[b-yy45e4sx2p] {
    padding: 1.2rem;
    border-radius: var(--radius);
    background: var(--card);
    border: 1px solid var(--border);
}

.clients-modal-backdrop[b-yy45e4sx2p] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(6px);
    z-index: 40;
}

.clients-modal-card[b-yy45e4sx2p] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(720px, calc(100% - 2rem));
    padding: 1.35rem;
    border-radius: calc(var(--radius) + 0.2rem);
    background: #0d0d10;
    border: 1px solid var(--border);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
    z-index: 41;
}

.clients-modal-card-form[b-yy45e4sx2p] {
    width: min(1180px, calc(100% - 2rem));
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
}

.clients-modal-card-wide[b-yy45e4sx2p] {
    width: min(1120px, calc(100% - 2rem));
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
}

.clients-drawer-card[b-yy45e4sx2p] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(980px, calc(100% - 1.5rem));
    background: #0d0d10;
    border-left: 1px solid var(--border);
    box-shadow: -24px 0 70px rgba(0, 0, 0, 0.45);
    z-index: 41;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

.clients-drawer-header[b-yy45e4sx2p] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid var(--border);
}

.clients-drawer-header h2[b-yy45e4sx2p] {
    margin: 0.35rem 0 0;
    font-size: 1.35rem;
}

.clients-drawer-body[b-yy45e4sx2p] {
    overflow-y: auto;
    padding: 1rem 1.25rem 1.25rem;
    display: grid;
    align-content: start;
    gap: 1rem;
}

.clients-modal-header[b-yy45e4sx2p] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.clients-modal-header h2[b-yy45e4sx2p] {
    margin: 0.35rem 0 0;
}

.clients-modal-caption[b-yy45e4sx2p] {
    margin: 0.45rem 0 0;
    color: var(--muted-foreground);
    font-size: 0.92rem;
}

.clients-form-grid[b-yy45e4sx2p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.clients-form-grid-single[b-yy45e4sx2p] {
    grid-template-columns: 1fr;
}

.clients-form-grid-inline[b-yy45e4sx2p] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}

.clients-form-shell[b-yy45e4sx2p] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(20rem, 0.95fr);
    gap: 1rem;
    align-items: start;
}

.clients-form-column[b-yy45e4sx2p] {
    display: grid;
    gap: 1rem;
}

.clients-form-column-narrow[b-yy45e4sx2p] {
    position: sticky;
    top: 0;
}

.clients-form-field[b-yy45e4sx2p] {
    display: grid;
    gap: 0.5rem;
}

.clients-form-field-wide[b-yy45e4sx2p] {
    grid-column: span 2;
}

.clients-modal-actions[b-yy45e4sx2p] {
    display: flex;
    justify-content: end;
    gap: 0.75rem;
    margin-top: 1rem;
}

.clients-form-section[b-yy45e4sx2p] {
    padding: 1rem;
    border-radius: calc(var(--radius) + 0.05rem);
    background: #09090b;
    border: 1px solid rgba(39, 39, 42, 0.85);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.clients-form-section-header[b-yy45e4sx2p] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
    margin-bottom: 1rem;
}

.clients-form-section-header h3[b-yy45e4sx2p] {
    margin: 0;
    font-size: 1rem;
    color: var(--foreground);
}

.clients-form-section-header p[b-yy45e4sx2p] {
    margin: 0.35rem 0 0;
    color: var(--muted-foreground);
    font-size: 0.9rem;
    line-height: 1.45;
}

.clients-form-check[b-yy45e4sx2p] {
    display: flex;
    align-items: start;
    gap: 0.7rem;
    min-height: 3rem;
    padding: 0.9rem 1rem;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: #09090b;
    color: var(--foreground);
}

.clients-form-check input[b-yy45e4sx2p] {
    margin-top: 0.18rem;
}

.clients-form-check span[b-yy45e4sx2p] {
    color: var(--muted-foreground);
    font-size: 0.92rem;
    line-height: 1.45;
}

.clients-section-card[b-yy45e4sx2p] {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: var(--radius);
    background: #09090b;
    border: 1px solid var(--border);
}

.clients-result-banner[b-yy45e4sx2p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.8rem 0.9rem;
    border-radius: var(--radius);
    background: rgba(8, 242, 166, 0.08);
    border-color: rgba(8, 242, 166, 0.2);
    border: 1px solid rgba(8, 242, 166, 0.2);
}

.clients-result-banner div[b-yy45e4sx2p] {
    display: grid;
    gap: 0.25rem;
}

.clients-result-banner strong[b-yy45e4sx2p] {
    color: var(--foreground);
}

.clients-result-banner span[b-yy45e4sx2p] {
    color: var(--muted-foreground);
    font-size: 0.9rem;
}

.clients-section-header[b-yy45e4sx2p] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.clients-section-header h3[b-yy45e4sx2p] {
    margin: 0;
    font-size: 1rem;
}

.clients-section-header span[b-yy45e4sx2p] {
    display: block;
    margin-top: 0.35rem;
    color: var(--muted-foreground);
    font-size: 0.92rem;
}

.clients-form-submit[b-yy45e4sx2p] {
    align-self: end;
}

.clients-user-form-panel[b-yy45e4sx2p] {
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: #09090b;
}

.clients-user-form-panel summary[b-yy45e4sx2p] {
    min-height: 3.25rem;
    padding: 0.85rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
    list-style: none;
}

.clients-user-form-panel summary[b-yy45e4sx2p]::-webkit-details-marker {
    display: none;
}

.clients-user-form-panel summary span[b-yy45e4sx2p] {
    color: var(--muted-foreground);
    font-size: 0.92rem;
}

.clients-user-form-panel summary strong[b-yy45e4sx2p] {
    color: var(--primary);
    font-size: 0.92rem;
}

.clients-user-form-grid[b-yy45e4sx2p] {
    display: grid;
    grid-template-columns: minmax(10rem, 1.1fr) minmax(12rem, 1.2fr) minmax(8rem, 0.7fr) minmax(10rem, 1fr) auto;
    align-items: start;
    gap: 0.85rem;
    padding: 0 1rem 1rem;
}

.clients-drawer-toolbar[b-yy45e4sx2p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.clients-drawer-toolbar h3[b-yy45e4sx2p] {
    margin: 0;
    font-size: 1rem;
}

.clients-drawer-toolbar span[b-yy45e4sx2p] {
    display: block;
    margin-top: 0.3rem;
    color: var(--muted-foreground);
    font-size: 0.92rem;
}

.clients-empty.bordered[b-yy45e4sx2p] {
    border-style: dashed;
    background: transparent;
}

@media (max-width: 900px) {
    .clients-hero[b-yy45e4sx2p],
    .clients-summary-grid[b-yy45e4sx2p],
    .clients-modal-actions[b-yy45e4sx2p] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .clients-modal-card[b-yy45e4sx2p] {
        top: auto;
        bottom: 1rem;
        left: 1rem;
        right: 1rem;
        transform: none;
        width: auto;
        max-height: calc(100vh - 2rem);
        overflow-y: auto;
    }

    .clients-form-grid[b-yy45e4sx2p] {
        grid-template-columns: 1fr;
    }

    .clients-form-shell[b-yy45e4sx2p] {
        grid-template-columns: 1fr;
    }

    .clients-form-grid-inline[b-yy45e4sx2p] {
        grid-template-columns: 1fr;
    }

    .clients-form-column-narrow[b-yy45e4sx2p] {
        position: static;
    }

    .clients-drawer-card[b-yy45e4sx2p] {
        width: 100%;
        left: 0;
    }

    .clients-drawer-header[b-yy45e4sx2p],
    .clients-result-banner[b-yy45e4sx2p],
    .clients-drawer-toolbar[b-yy45e4sx2p] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .clients-user-form-grid[b-yy45e4sx2p] {
        grid-template-columns: 1fr;
    }

    .clients-form-field-wide[b-yy45e4sx2p] {
        grid-column: span 1;
    }

    .clients-section-header[b-yy45e4sx2p] {
        display: grid;
        grid-template-columns: 1fr;
    }
}
.clients-pagination[b-yy45e4sx2p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem 1.2rem;
    border-top: 1px solid rgba(39, 39, 42, 0.7);
}

.clients-pagination-info[b-yy45e4sx2p],
.clients-pagination-status[b-yy45e4sx2p] {
    color: var(--muted-foreground);
    font-size: 0.92rem;
}

.clients-pagination-actions[b-yy45e4sx2p] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

@media (max-width: 900px) {
    .clients-pagination[b-yy45e4sx2p],
    .clients-pagination-actions[b-yy45e4sx2p] {
        display: grid;
        grid-template-columns: 1fr;
    }
}

.clients-toolbar-grid[b-yy45e4sx2p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 1rem;
}

.clients-toolbar-actions[b-yy45e4sx2p] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

@media (max-width: 900px) {
    .clients-toolbar-grid[b-yy45e4sx2p],
    .clients-toolbar-actions[b-yy45e4sx2p] {
        grid-template-columns: 1fr;
        display: grid;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-loading[b-1kh25e81u9] {
    padding: 1.2rem;
    border-radius: var(--radius);
    background: var(--card);
    border: 1px solid var(--border);
}

.dashboard-hero[b-1kh25e81u9] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.dashboard-eyebrow[b-1kh25e81u9] {
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.dashboard-hero h1[b-1kh25e81u9] {
    margin: 0.35rem 0 0.5rem;
    font-size: clamp(2rem, 3vw, 3rem);
    color: var(--foreground);
    letter-spacing: -0.04em;
    font-weight: 700;
}

.dashboard-hero p[b-1kh25e81u9] {
    margin: 0;
    color: var(--muted-foreground);
    max-width: 46rem;
}

.dashboard-session-card[b-1kh25e81u9],
.dashboard-summary-card[b-1kh25e81u9],
.dashboard-panel[b-1kh25e81u9] {
    padding: 1.2rem 1.25rem;
    border-radius: var(--radius);
    background: var(--card);
    border: 1px solid var(--border);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.2);
}

.dashboard-session-card[b-1kh25e81u9] {
    display: grid;
    gap: 0.35rem;
    min-width: 240px;
}

.dashboard-session-card span[b-1kh25e81u9],
.dashboard-summary-label[b-1kh25e81u9],
.dashboard-summary-caption[b-1kh25e81u9],
.dashboard-panel p[b-1kh25e81u9],
.dashboard-list[b-1kh25e81u9] {
    color: var(--muted-foreground);
}

.dashboard-session-card strong[b-1kh25e81u9],
.dashboard-summary-value[b-1kh25e81u9],
.dashboard-panel h2[b-1kh25e81u9] {
    color: var(--foreground);
}

.dashboard-summary-grid[b-1kh25e81u9],
.dashboard-grid[b-1kh25e81u9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.dashboard-grid[b-1kh25e81u9] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1.25rem;
}

.dashboard-summary-card.accent[b-1kh25e81u9] {
    background: linear-gradient(135deg, rgba(8, 242, 166, 0.16) 0%, rgba(8, 242, 166, 0.07) 100%);
    border-color: rgba(8, 242, 166, 0.24);
}

.dashboard-summary-value[b-1kh25e81u9] {
    display: block;
    margin-top: 0.55rem;
    font-size: 2.1rem;
    line-height: 1;
    letter-spacing: -0.04em;
}

.dashboard-panel-header h2[b-1kh25e81u9] {
    margin: 0.35rem 0 0;
}

.dashboard-actions[b-1kh25e81u9] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.dashboard-primary-button[b-1kh25e81u9],
.dashboard-secondary-button[b-1kh25e81u9] {
    min-height: 3rem;
    padding: 0.9rem 1.15rem;
    border-radius: calc(var(--radius) + 0.05rem);
    border: 1px solid transparent;
    font: inherit;
    cursor: pointer;
}

.dashboard-primary-button[b-1kh25e81u9] {
    background: var(--primary);
    color: var(--primary-foreground);
    font-weight: 700;
}

.dashboard-secondary-button[b-1kh25e81u9] {
    background: #111114;
    color: var(--foreground);
    border-color: var(--border);
}

.dashboard-list[b-1kh25e81u9] {
    margin: 1rem 0 0;
    padding-left: 1.1rem;
}

.dashboard-list li + li[b-1kh25e81u9] {
    margin-top: 0.5rem;
}

.dashboard-feedback.error[b-1kh25e81u9] {
    margin-bottom: 1rem;
    padding: 0.95rem 1rem;
    border-radius: var(--radius);
    background: rgba(123, 30, 30, 0.28);
    border: 1px solid rgba(255, 99, 99, 0.28);
    color: #ffb6b6;
}

@media (max-width: 900px) {
    .dashboard-hero[b-1kh25e81u9],
    .dashboard-summary-grid[b-1kh25e81u9],
    .dashboard-grid[b-1kh25e81u9],
    .dashboard-actions[b-1kh25e81u9] {
        display: grid;
        grid-template-columns: 1fr;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/Home.razor.rz.scp.css */
.login-screen[b-8cgk0liplq] {
    min-height: 100vh;
    min-height: 100dvh;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 1.5rem;
    background:
        radial-gradient(circle at bottom center, rgba(10, 109, 63, 0.28), transparent 36%),
        linear-gradient(180deg, #050505 0%, #050505 68%, #0d3620 100%);
    padding: 2rem;
}

.login-brand[b-8cgk0liplq] {
    color: #08f2a6;
    font-weight: 700;
    font-size: clamp(2rem, 3vw, 3.25rem);
    letter-spacing: -0.04em;
}

.login-card[b-8cgk0liplq] {
    width: min(448px, 100%);
    padding: 2rem 1.6rem;
    border-radius: 0.625rem;
    background: #0a0a0a;
    border: 1px solid #27272a;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

.login-header h1[b-8cgk0liplq] {
    margin: 0 0 0.55rem;
    color: #fafafa;
    font-size: 2.2rem;
    font-weight: 700;
}

.login-header p[b-8cgk0liplq] {
    margin: 0 0 1.5rem;
    color: #a1a1aa;
}

.field[b-8cgk0liplq] {
    display: grid;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.field label[b-8cgk0liplq] {
    color: #fafafa;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.2;
}

.field-input[b-8cgk0liplq] {
    display: block;
    width: 100%;
    height: 3rem;
    box-sizing: border-box;
    padding: 0 1rem;
    border: 1px solid #27272a;
    border-radius: 0.625rem;
    background: #09090b;
    color: #fafafa;
    font-size: 1rem;
    line-height: 1.5;
    outline: none;
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.field-input[b-8cgk0liplq]::placeholder {
    color: #71717a;
    opacity: 1;
}

.field-input:hover[b-8cgk0liplq] {
    border-color: #3f3f46;
}

.field-input:focus[b-8cgk0liplq],
.field-input:focus-visible[b-8cgk0liplq] {
    border-color: #08f2a6;
    box-shadow: 0 0 0 2px rgba(8, 242, 166, 0.12);
    outline: none;
}

.primary-button[b-8cgk0liplq] {
    margin-top: 1.2rem;
    width: 100%;
    padding: 1rem 1.2rem;
    border-radius: 0.625rem;
    border: 0;
    background: #08f2a6;
    color: #04110b;
    font-weight: 700;
}

.primary-button:disabled[b-8cgk0liplq] {
    opacity: 0.7;
}

.feedback.error[b-8cgk0liplq] {
    margin-top: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 0.625rem;
    background: rgba(123, 30, 30, 0.28);
    border: 1px solid rgba(255, 99, 99, 0.28);
    color: #ffb6b6;
}

[b-8cgk0liplq] .validation-message {
    color: #ffb6b6;
}

@media (max-width: 640px) {
    .login-screen[b-8cgk0liplq] {
        padding: 1.5rem 1rem;
    }

    .login-card[b-8cgk0liplq] {
        padding: 1.5rem 1.1rem;
    }

    .login-header h1[b-8cgk0liplq] {
        font-size: 1.8rem;
    }
}

.lockout-hint[b-8cgk0liplq] {
    margin-top: 0.85rem;
    padding: 0.85rem 1rem;
    border-radius: 0.625rem;
    background: rgba(8, 242, 166, 0.12);
    border: 1px solid rgba(8, 242, 166, 0.24);
    color: #b7ffe3;
    font-size: 0.95rem;
}

.field-input:disabled[b-8cgk0liplq],
.primary-button:disabled[b-8cgk0liplq] {
    cursor: not-allowed;
}
/* _content/apicrmintegrawpp.Web/Components/Pages/Integrations.razor.rz.scp.css */
.integrations-loading[b-isj9trsz6l] {
    padding: 1rem;
    border-radius: var(--radius);
    background: var(--card);
    border: 1px solid var(--border);
}

.integrations-hero[b-isj9trsz6l] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    margin-bottom: 1rem;
}

.integrations-eyebrow[b-isj9trsz6l] {
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.integrations-hero h1[b-isj9trsz6l],
.integrations-provider-card h2[b-isj9trsz6l] {
    margin: 0.35rem 0 0.45rem;
    color: var(--foreground);
    font-weight: 700;
}

.integrations-hero h1[b-isj9trsz6l] {
    font-size: clamp(1.8rem, 2.4vw, 2.6rem);
}

.integrations-hero p[b-isj9trsz6l],
.integrations-provider-card p[b-isj9trsz6l],
.integrations-provider-meta[b-isj9trsz6l] {
    color: var(--muted-foreground);
}

.integrations-provider-card p[b-isj9trsz6l] {
    margin-bottom: 0;
    line-height: 1.55;
}

.integrations-primary-button[b-isj9trsz6l] {
    min-height: 2rem;
    padding: 0.34rem 0.95rem;
    border-radius: calc(var(--radius) - 0.18rem);
    border: 1px solid #8b949e;
    font: inherit;
    cursor: pointer;
}

.integrations-primary-button[b-isj9trsz6l] {
    background: #21262d;
    color: var(--foreground);
    font-size: 0.88rem;
    font-weight: 600;
}

.integrations-primary-button:hover[b-isj9trsz6l] {
    border-color: #c9d1d9;
    background: #30363d;
}

.integrations-feedback[b-isj9trsz6l] {
    margin-top: 1rem;
    padding: 0.9rem 1rem;
    border-radius: var(--radius);
    background: rgba(123, 30, 30, 0.28);
    border: 1px solid rgba(255, 99, 99, 0.28);
    color: #ffb6b6;
}

.integrations-provider-grid[b-isj9trsz6l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 335px), 335px));
    gap: 1rem;
}

.integrations-provider-card[b-isj9trsz6l] {
    width: 100%;
    height: 231px;
    background: #010409;
    border: 1px solid #d0d7de;
    border-radius: 0.38rem;
    padding: 1.5rem;
}

.integrations-provider-card[b-isj9trsz6l] {
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 1.25rem;
}

.integrations-provider-card.asaas[b-isj9trsz6l] {
    border-color: #8b949e;
}

.integrations-provider-card.evolution[b-isj9trsz6l] {
    border-color: #8b949e;
}

.integrations-provider-card.meta-whatsapp[b-isj9trsz6l] {
    border-color: #8b949e;
}

.integrations-provider-content[b-isj9trsz6l],
.integrations-provider-footer[b-isj9trsz6l] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.integrations-provider-content[b-isj9trsz6l] {
    align-items: flex-start;
}

.integrations-provider-footer[b-isj9trsz6l] {
    align-items: center;
}

.integrations-provider-name[b-isj9trsz6l] {
    margin-bottom: 0.25rem;
    color: var(--foreground);
    font-size: 0.88rem;
    font-weight: 600;
}

.integrations-provider-card h2[b-isj9trsz6l] {
    font-size: 1rem;
}

.integrations-provider-logo[b-isj9trsz6l] {
    display: grid;
    flex: 0 0 auto;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    overflow: hidden;
    border-radius: 50%;
    background: #ffffff;
}

.integrations-provider-logo img[b-isj9trsz6l] {
    display: block;
    width: 70%;
    height: 70%;
    object-fit: contain;
}

.integrations-provider-meta[b-isj9trsz6l] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.78rem;
    white-space: nowrap;
}

.integrations-provider-status-dot[b-isj9trsz6l] {
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 50%;
    background: #6e7681;
}

.integrations-provider-card.asaas .integrations-provider-status-dot[b-isj9trsz6l] {
    background: #38bdf8;
}

.integrations-provider-card.evolution .integrations-provider-status-dot[b-isj9trsz6l] {
    background: #2ea043;
}

.integrations-provider-card.meta-whatsapp .integrations-provider-status-dot[b-isj9trsz6l] {
    background: #f78166;
}

@media (max-width: 680px) {
    .integrations-provider-grid[b-isj9trsz6l] {
        grid-template-columns: minmax(0, 1fr);
    }

    .integrations-provider-card[b-isj9trsz6l] {
        height: auto;
        min-height: 231px;
    }

    .integrations-provider-footer[b-isj9trsz6l] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/MessagesPermissionHelp.razor.rz.scp.css */
.messages-permission-help[b-iycz3z52pq] { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-width: 0; font-weight: 400; }
.messages-permission-help-module-name[b-iycz3z52pq] { font-weight: 650; }
.messages-permission-help-trigger[b-iycz3z52pq], .messages-permission-help-button[b-iycz3z52pq] { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; padding: 4px; border: 0; border-radius: 8px; background: transparent; color: #211655; cursor: pointer; }
.messages-permission-help-trigger[b-iycz3z52pq] { color: #000000; background: #68FF80; }
.messages-permission-help-popover[b-iycz3z52pq] { position: absolute; top: calc(100% + 8px); right: 0; z-index: 5; display: block; box-sizing: border-box; width: min(430px, 100%); padding: 12px; border-radius: 18px; background: #FFFFFF; box-shadow: 0 12px 32px #21165526; white-space: normal; }
.messages-permission-help-card[b-iycz3z52pq] { display: grid; gap: 14px; padding: 18px; border-radius: 14px; background: #FFFFFF; color: #211655; }
.messages-permission-help-header[b-iycz3z52pq] { display: flex; align-items: center; gap: 10px; }
.messages-permission-help-header strong[b-iycz3z52pq] { flex: 1; min-width: 0; font-size: 18px; font-weight: 600; line-height: 1.35; }
.messages-permission-help-header .messages-permission-help-button[b-iycz3z52pq] { margin-right: -6px; color: #605A80; }
.messages-permission-help-description[b-iycz3z52pq] { display: block; min-height: 120px; color: #787393; font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; }
.messages-permission-help-footer[b-iycz3z52pq] { display: flex; align-items: center; gap: 16px; }
.messages-permission-help-dots[b-iycz3z52pq] { display: flex; align-items: center; gap: 2px; margin-right: auto; }
.messages-permission-help-dot[b-iycz3z52pq] { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 28px; padding: 0; border: 0; border-radius: 6px; background: transparent; cursor: pointer; }
.messages-permission-help-dot[b-iycz3z52pq]::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #DCDAEB; }
.messages-permission-help-dot[aria-current="step"][b-iycz3z52pq]::before { background: #211655; }
.messages-permission-help-button:hover:not(:disabled)[b-iycz3z52pq], .messages-permission-help-dot:hover[b-iycz3z52pq] { background: #EEECFF; }
.messages-permission-help-button:disabled[b-iycz3z52pq] { color: #AAA5C3; cursor: default; }
.messages-permission-help button:focus-visible[b-iycz3z52pq] { outline: 2px solid #7162B8; outline-offset: 2px; }
.messages-permission-help-sr-only[b-iycz3z52pq] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 480px) {
    .messages-permission-help-popover[b-iycz3z52pq] { padding: 8px; }
    .messages-permission-help-card[b-iycz3z52pq] { padding: 14px; }
    .messages-permission-help-header[b-iycz3z52pq] { gap: 8px; }
    .messages-permission-help-header strong[b-iycz3z52pq] { font-size: 16px; }
    .messages-permission-help-description[b-iycz3z52pq] { min-height: 160px; font-size: 14px; }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/MetaWhatsAppIntegrations.razor.rz.scp.css */
.provider-loading[b-8v1t2o8cey] {
    padding: 1rem;
    border-radius: var(--radius);
    background: var(--card);
    border: 1px solid var(--border);
}

.provider-hero[b-8v1t2o8cey] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: end;
    margin-bottom: 1rem;
}

.provider-eyebrow[b-8v1t2o8cey] {
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.provider-hero h1[b-8v1t2o8cey],
.provider-card-header h2[b-8v1t2o8cey] {
    margin: 0.35rem 0 0.45rem;
    color: var(--foreground);
    letter-spacing: -0.03em;
    font-weight: 700;
}

.provider-hero p[b-8v1t2o8cey],
.provider-card-header span[b-8v1t2o8cey],
.provider-empty[b-8v1t2o8cey],
.provider-item span[b-8v1t2o8cey],
.provider-field small[b-8v1t2o8cey],
.provider-callout[b-8v1t2o8cey] {
    color: var(--muted-foreground);
}

.provider-layout[b-8v1t2o8cey] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(34rem, 44rem);
    gap: 1rem;
}

.provider-list-card[b-8v1t2o8cey],
.provider-form-card[b-8v1t2o8cey] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 1.1rem;
}

.provider-card-header[b-8v1t2o8cey],
.provider-hero-actions[b-8v1t2o8cey],
.provider-item-actions[b-8v1t2o8cey],
.provider-actions[b-8v1t2o8cey] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.provider-list[b-8v1t2o8cey] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}

.provider-toolbar[b-8v1t2o8cey] {
    margin-bottom: 1rem;
}

.provider-toolbar-grid[b-8v1t2o8cey] {
    display: grid;
    grid-template-columns: minmax(0, 42rem) auto;
    gap: 0.85rem;
    align-items: end;
    justify-content: space-between;
}

.provider-search[b-8v1t2o8cey] {
    display: grid;
    gap: 0.55rem;
}

.provider-search span[b-8v1t2o8cey] {
    color: var(--foreground);
    font-size: 0.92rem;
    font-weight: 600;
}

.provider-search input[b-8v1t2o8cey] {
    width: 100%;
    min-height: 3rem;
    padding: 0.85rem 1rem;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: #09090b;
    color: var(--foreground);
    font: inherit;
}

.provider-search input:focus[b-8v1t2o8cey],
.provider-search input:focus-visible[b-8v1t2o8cey] {
    outline: none;
    border-color: rgba(8, 242, 166, 0.42);
    box-shadow: 0 0 0 2px rgba(8, 242, 166, 0.12);
}

.provider-toolbar-actions[b-8v1t2o8cey] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.provider-pagination[b-8v1t2o8cey] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(39, 39, 42, 0.7);
}

.provider-pagination-info[b-8v1t2o8cey],
.provider-pagination-status[b-8v1t2o8cey] {
    color: var(--muted-foreground);
}

.provider-pagination-info[b-8v1t2o8cey] {
    font-size: 0.92rem;
}

.provider-pagination-actions[b-8v1t2o8cey] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.provider-pagination-status[b-8v1t2o8cey] {
    font-size: 0.92rem;
    font-weight: 600;
}

.provider-item[b-8v1t2o8cey] {
    display: grid;
    gap: 0;
    padding: 0;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: calc(var(--radius) - 0.15rem);
    overflow: hidden;
}

.provider-item.selected[b-8v1t2o8cey] {
    border-color: rgba(8, 242, 166, 0.35);
}

.provider-item.expanded[b-8v1t2o8cey] {
    background: rgba(255,255,255,0.015);
}

.provider-item-summary[b-8v1t2o8cey] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 0.95rem 1rem;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.provider-item-summary:hover[b-8v1t2o8cey] {
    background: rgba(255,255,255,0.02);
}

.provider-item-summary-main[b-8v1t2o8cey] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.provider-item-summary-side[b-8v1t2o8cey] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.provider-validation-badge[b-8v1t2o8cey] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.6rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1;
}

.provider-validation-badge.connected[b-8v1t2o8cey] {
    background: rgba(8, 242, 166, 0.12);
    border: 1px solid rgba(8, 242, 166, 0.22);
    color: var(--primary);
}

.provider-validation-badge.disconnected[b-8v1t2o8cey] {
    background: rgba(255, 99, 99, 0.12);
    border: 1px solid rgba(255, 99, 99, 0.22);
    color: #ffb6b6;
}

.provider-title-row[b-8v1t2o8cey] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.provider-title-block[b-8v1t2o8cey] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.provider-subtitle[b-8v1t2o8cey] {
    display: block;
    margin-top: 0;
    font-size: 0.92rem;
    color: var(--muted-foreground);
}

.provider-item-chevron[b-8v1t2o8cey] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 999px;
    border: 1px solid rgba(8, 242, 166, 0.22);
    background: rgba(8, 242, 166, 0.08);
    color: var(--primary);
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1;
    flex: 0 0 auto;
    margin-top: 0;
}

.provider-item strong[b-8v1t2o8cey] {
    display: block;
    color: var(--foreground);
    margin-bottom: 0;
}

.provider-item span[b-8v1t2o8cey] {
    display: block;
    margin-top: 0.2rem;
}

.provider-item-panel[b-8v1t2o8cey] {
    display: grid;
    gap: 0.9rem;
    padding: 0 1rem 1rem;
    border-top: 1px solid rgba(255,255,255,0.06);
}

.provider-meta-grid[b-8v1t2o8cey] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
    padding-top: 0.95rem;
}

.provider-meta-card[b-8v1t2o8cey] {
    display: grid;
    gap: 0.3rem;
    padding: 0.8rem 0.85rem;
    border-radius: 0.9rem;
    border: 1px solid rgba(255,255,255,0.06);
    background: rgba(255,255,255,0.025);
    min-width: 0;
}

.provider-meta-card-wide[b-8v1t2o8cey] {
    grid-column: 1 / -1;
}

.provider-meta-label[b-8v1t2o8cey] {
    margin-top: 0;
    color: var(--muted-foreground);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.provider-meta-value[b-8v1t2o8cey] {
    margin-top: 0;
    color: var(--foreground);
    font-size: 0.95rem;
    font-weight: 600;
}

.provider-meta-code[b-8v1t2o8cey] {
    display: block;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--foreground);
    font-size: 0.92rem;
    font-family: inherit;
    word-break: break-all;
}

.provider-meta-url[b-8v1t2o8cey] {
    word-break: break-word;
}

.provider-integration-id-row[b-8v1t2o8cey] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
    margin-top: 0;
    min-width: 0;
}

.provider-integration-footer[b-8v1t2o8cey] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding-top: 0.15rem;
}

.provider-integration-id-label[b-8v1t2o8cey] {
    color: var(--muted-foreground);
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.provider-integration-id-value[b-8v1t2o8cey] {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.5rem;
    border-radius: 0.6rem;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.04);
    color: var(--foreground);
    font-size: 0.82rem;
    word-break: break-all;
}

.provider-copy-button[b-8v1t2o8cey] {
    min-height: 2.4rem;
    padding: 0.42rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(8, 242, 166, 0.22);
    background: rgba(8, 242, 166, 0.08);
    color: var(--primary);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}

.provider-copy-button:hover[b-8v1t2o8cey] {
    background: rgba(8, 242, 166, 0.14);
}

.provider-form-grid[b-8v1t2o8cey] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.provider-field[b-8v1t2o8cey] {
    display: grid;
    gap: 0.4rem;
    font-weight: 600;
    color: var(--foreground);
}

.provider-field-wide[b-8v1t2o8cey] {
    grid-column: 1 / -1;
}

.provider-callout[b-8v1t2o8cey] {
    margin-top: 1rem;
    padding: 0.9rem 1rem;
    border-radius: var(--radius);
    border: 1px solid rgba(255, 164, 79, 0.18);
    background: rgba(255, 164, 79, 0.08);
}

.provider-token-row[b-8v1t2o8cey] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 0.75rem;
    align-items: center;
}

.provider-token-input[b-8v1t2o8cey] {
    min-width: 0;
}

[b-8v1t2o8cey](.provider-input) {
    width: 100%;
    min-height: 2.8rem;
    padding: 0.78rem 0.9rem;
    border-radius: calc(var(--radius) - 0.1rem);
    border: 1px solid var(--border);
    background: rgba(255,255,255,0.03);
    color: var(--foreground);
}

[b-8v1t2o8cey](.provider-input:focus) {
    outline: none;
    border-color: rgba(8, 242, 166, 0.35);
    box-shadow: 0 0 0 0.18rem rgba(8, 242, 166, 0.12);
}

[b-8v1t2o8cey](.provider-input[disabled]) {
    opacity: 0.72;
    cursor: not-allowed;
}

[b-8v1t2o8cey](.validation-message) {
    color: #ffb6b6;
    font-size: 0.88rem;
    font-weight: 600;
}

.provider-primary-button[b-8v1t2o8cey],
.provider-secondary-button[b-8v1t2o8cey],
.provider-action-button[b-8v1t2o8cey] {
    min-height: 2.6rem;
    padding: 0.72rem 1rem;
    border-radius: calc(var(--radius) + 0.05rem);
    border: 1px solid transparent;
    font: inherit;
    cursor: pointer;
}

.provider-primary-button[b-8v1t2o8cey] {
    background: var(--primary);
    color: var(--primary-foreground);
    font-weight: 700;
}

.provider-secondary-button[b-8v1t2o8cey],
.provider-action-button[b-8v1t2o8cey] {
    background: rgba(255,255,255,0.03);
    border-color: var(--border);
    color: var(--foreground);
}

.provider-feedback[b-8v1t2o8cey] {
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    border-radius: var(--radius);
    background: rgba(8, 242, 166, 0.12);
    border: 1px solid rgba(8, 242, 166, 0.22);
    color: var(--foreground);
}

.provider-feedback.error[b-8v1t2o8cey] {
    background: rgba(123, 30, 30, 0.28);
    border-color: rgba(255, 99, 99, 0.28);
    color: #ffb6b6;
}

.provider-action-button[b-8v1t2o8cey] {
    min-height: 2.6rem;
    padding: 0.65rem 0.95rem;
    background: #111114;
    color: var(--foreground);
    border-color: var(--border);
    width: 100%;
}

.provider-action-button:hover[b-8v1t2o8cey] {
    background: #17171b;
}

.provider-action-button.success[b-8v1t2o8cey] {
    background: rgba(8, 242, 166, 0.12);
    border-color: rgba(8, 242, 166, 0.24);
    color: var(--primary);
}

.provider-action-button.success:hover[b-8v1t2o8cey] {
    background: rgba(8, 242, 166, 0.18);
}

.provider-action-button.danger[b-8v1t2o8cey] {
    background: rgba(255, 99, 99, 0.12);
    border-color: rgba(255, 99, 99, 0.22);
    color: #ffb6b6;
}

.provider-action-button.danger:hover[b-8v1t2o8cey] {
    background: rgba(255, 99, 99, 0.18);
}

.provider-panel-footer[b-8v1t2o8cey] {
    display: grid;
    gap: 0.9rem;
}

.provider-panel-actions[b-8v1t2o8cey] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.provider-action-button-inline[b-8v1t2o8cey] {
    width: auto;
}

@media (max-width: 900px) {
    .provider-layout[b-8v1t2o8cey],
    .provider-form-grid[b-8v1t2o8cey],
    .provider-item[b-8v1t2o8cey],
    .provider-hero[b-8v1t2o8cey] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .provider-toolbar-grid[b-8v1t2o8cey] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .provider-pagination[b-8v1t2o8cey] {
        flex-direction: column;
        align-items: flex-start;
    }

    .provider-meta-grid[b-8v1t2o8cey] {
        grid-template-columns: 1fr;
    }

    .provider-token-row[b-8v1t2o8cey] {
        grid-template-columns: 1fr;
    }

    .provider-meta-card-wide[b-8v1t2o8cey] {
        grid-column: auto;
    }

    .provider-integration-footer[b-8v1t2o8cey] {
        align-items: flex-start;
    }

    .provider-item-summary[b-8v1t2o8cey],
    .provider-panel-actions[b-8v1t2o8cey] {
        flex-direction: column;
        align-items: stretch;
    }

    .provider-item-summary-side[b-8v1t2o8cey] {
        width: 100%;
        justify-content: space-between;
    }

    .provider-action-button-inline[b-8v1t2o8cey] {
        width: 100%;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/MetaWhatsAppTemplates.razor.rz.scp.css */
.templates-hero[b-goaojuib4r] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.templates-eyebrow[b-goaojuib4r] {
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.templates-hero h1[b-goaojuib4r] {
    margin: 0.35rem 0 0.5rem;
    font-size: clamp(2rem, 3vw, 3rem);
    color: var(--foreground);
    letter-spacing: -0.04em;
    font-weight: 700;
}

.templates-hero p[b-goaojuib4r] {
    margin: 0;
    color: var(--muted-foreground);
    max-width: 46rem;
}

.templates-primary-button[b-goaojuib4r],
.templates-secondary-button[b-goaojuib4r] {
    border-radius: calc(var(--radius) + 0.05rem);
    border: 1px solid transparent;
    font: inherit;
    cursor: pointer;
}

.templates-primary-button[b-goaojuib4r] {
    min-height: 3rem;
    padding: 0.9rem 1.15rem;
    background: var(--primary);
    color: var(--primary-foreground);
    font-weight: 700;
    box-shadow: 0 16px 36px rgba(8, 242, 166, 0.18);
}

.templates-secondary-button[b-goaojuib4r] {
    min-height: 3rem;
    padding: 0.85rem 1.05rem;
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--border);
    color: var(--foreground);
    font-weight: 600;
}

.templates-primary-button:disabled[b-goaojuib4r],
.templates-secondary-button:disabled[b-goaojuib4r] {
    opacity: 0.65;
    cursor: not-allowed;
}

.templates-summary-grid[b-goaojuib4r] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.templates-summary-card[b-goaojuib4r] {
    padding: 1.2rem 1.25rem;
    border-radius: var(--radius);
    background: var(--card);
    border: 1px solid var(--border);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.2);
}

.templates-summary-card.accent[b-goaojuib4r] {
    background: linear-gradient(135deg, rgba(8, 242, 166, 0.16) 0%, rgba(8, 242, 166, 0.07) 100%);
    border-color: rgba(8, 242, 166, 0.24);
}

.templates-summary-label[b-goaojuib4r],
.templates-summary-caption[b-goaojuib4r] {
    display: block;
    color: var(--muted-foreground);
}

.templates-summary-value[b-goaojuib4r] {
    display: block;
    margin-top: 0.55rem;
    font-size: 2.1rem;
    line-height: 1;
    color: var(--foreground);
    letter-spacing: -0.04em;
}

.templates-rule-card[b-goaojuib4r] {
    display: grid;
    gap: 0.4rem;
    margin-bottom: 1rem;
    padding: 1rem 1.05rem;
    border-radius: var(--radius);
    background: rgba(8, 242, 166, 0.08);
    border: 1px solid rgba(8, 242, 166, 0.16);
}

.templates-rule-card strong[b-goaojuib4r] {
    color: var(--foreground);
    font-size: 0.95rem;
}

.templates-rule-card span[b-goaojuib4r],
.templates-toolbar-head span[b-goaojuib4r],
.templates-table-header span[b-goaojuib4r],
.templates-empty[b-goaojuib4r],
.template-name-cell span[b-goaojuib4r] {
    color: var(--muted-foreground);
}

.templates-feedback[b-goaojuib4r] {
    margin-bottom: 1rem;
    padding: 0.95rem 1rem;
    border-radius: var(--radius);
    background: rgba(8, 242, 166, 0.12);
    border: 1px solid rgba(8, 242, 166, 0.2);
    color: #b7ffe3;
}

.templates-feedback.error[b-goaojuib4r] {
    background: rgba(123, 30, 30, 0.28);
    border-color: rgba(255, 99, 99, 0.28);
    color: #ffb6b6;
}

.templates-toolbar-card[b-goaojuib4r],
.templates-mapping-card[b-goaojuib4r],
.templates-table-card[b-goaojuib4r],
.templates-loading[b-goaojuib4r] {
    border-radius: var(--radius);
    background: var(--card);
    border: 1px solid var(--border);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.2);
}

.templates-toolbar-card[b-goaojuib4r] {
    margin-bottom: 1rem;
    padding: 1.2rem 1.25rem;
}

.templates-mapping-card[b-goaojuib4r] {
    overflow: hidden;
    margin-bottom: 1rem;
}

.templates-toolbar-head[b-goaojuib4r] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.templates-toolbar-head h2[b-goaojuib4r],
.templates-table-header h2[b-goaojuib4r] {
    margin: 0;
    font-size: 1.05rem;
}

.templates-toolbar-grid[b-goaojuib4r] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    align-items: end;
}

.templates-search[b-goaojuib4r],
.templates-form-field[b-goaojuib4r] {
    display: grid;
    gap: 0.55rem;
}

.templates-search span[b-goaojuib4r],
.templates-form-field span[b-goaojuib4r] {
    color: var(--foreground);
    font-size: 0.92rem;
    font-weight: 600;
}

.templates-search input[b-goaojuib4r],
.templates-form-field[b-goaojuib4r]  .templates-input {
    width: 100%;
    min-height: 3rem;
    padding: 0.85rem 1rem;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: #09090b;
    color: var(--foreground);
    font: inherit;
}

.templates-search input:focus[b-goaojuib4r],
.templates-search input:focus-visible[b-goaojuib4r],
.templates-form-field[b-goaojuib4r]  .templates-input:focus,
.templates-form-field[b-goaojuib4r]  .templates-input:focus-visible {
    outline: none;
    border-color: rgba(8, 242, 166, 0.42);
    box-shadow: 0 0 0 2px rgba(8, 242, 166, 0.12);
}

.templates-table-card[b-goaojuib4r] {
    overflow: hidden;
}

.templates-mapping-grid[b-goaojuib4r] {
    display: grid;
    gap: 1rem;
    padding: 1.15rem 1.25rem 1.25rem;
}

.templates-mapping-item[b-goaojuib4r] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.9fr);
    gap: 1rem;
    padding: 1rem;
    border-radius: calc(var(--radius) - 0.2rem);
    border: 1px solid rgba(39, 39, 42, 0.8);
    background: rgba(255, 255, 255, 0.02);
}

.templates-mapping-copy[b-goaojuib4r] {
    display: grid;
    gap: 0.45rem;
}

.templates-mapping-copy p[b-goaojuib4r],
.templates-mapping-current[b-goaojuib4r] {
    margin: 0;
    color: var(--muted-foreground);
}

.templates-mapping-title-row[b-goaojuib4r] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.templates-event-key[b-goaojuib4r] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    background: rgba(8, 242, 166, 0.1);
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.04em;
}

.templates-mapping-form[b-goaojuib4r] {
    display: grid;
    gap: 0.8rem;
    align-content: start;
}

.templates-table-header[b-goaojuib4r] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid var(--border);
}

.templates-table-wrap[b-goaojuib4r] {
    overflow-x: auto;
}

.templates-table[b-goaojuib4r] {
    width: 100%;
    border-collapse: collapse;
}

.templates-table th[b-goaojuib4r],
.templates-table td[b-goaojuib4r] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(39, 39, 42, 0.7);
    text-align: left;
    vertical-align: middle;
}

.templates-table th[b-goaojuib4r] {
    color: var(--muted-foreground);
    font-size: 0.84rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.templates-table tbody tr:hover[b-goaojuib4r] {
    background: rgba(255, 255, 255, 0.02);
}

.templates-empty[b-goaojuib4r],
.templates-loading[b-goaojuib4r] {
    padding: 1.2rem;
}

.template-name-cell[b-goaojuib4r] {
    display: grid;
    gap: 0.22rem;
}

.template-status[b-goaojuib4r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
}

.template-status.approved[b-goaojuib4r] {
    background: rgba(8, 242, 166, 0.12);
    color: var(--primary);
}

.template-status.pending[b-goaojuib4r] {
    background: rgba(255, 193, 7, 0.12);
    color: #ffd76a;
}

.template-status.rejected[b-goaojuib4r] {
    background: rgba(255, 99, 99, 0.12);
    color: #ffb6b6;
}

.template-status.paused[b-goaojuib4r],
.template-status.neutral[b-goaojuib4r] {
    background: rgba(255, 255, 255, 0.06);
    color: var(--muted-foreground);
}

@media (max-width: 1100px) {
    .templates-toolbar-grid[b-goaojuib4r],
    .templates-summary-grid[b-goaojuib4r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .templates-mapping-item[b-goaojuib4r] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .templates-hero[b-goaojuib4r],
    .templates-summary-grid[b-goaojuib4r],
    .templates-toolbar-grid[b-goaojuib4r],
    .templates-toolbar-head[b-goaojuib4r],
    .templates-table-header[b-goaojuib4r] {
        display: grid;
        grid-template-columns: 1fr;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/NotificaAsaas.razor.rz.scp.css */
.notifica-loading[b-acewrbzb6j],
.notifica-empty[b-acewrbzb6j] {
    padding: 1rem;
    border-radius: var(--radius);
    background: var(--card);
    border: 1px solid var(--border);
    color: var(--muted-foreground);
}

.notifica-hero[b-acewrbzb6j],
.notifica-card-header[b-acewrbzb6j],
.notifica-actions[b-acewrbzb6j],
.notifica-filter-actions[b-acewrbzb6j],
.notifica-list-top[b-acewrbzb6j] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.notifica-hero[b-acewrbzb6j] {
    align-items: end;
    margin-bottom: 1rem;
}

.notifica-eyebrow[b-acewrbzb6j] {
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.notifica-hero h1[b-acewrbzb6j],
.notifica-card-header h2[b-acewrbzb6j] {
    margin: 0.35rem 0 0.45rem;
    color: var(--foreground);
    letter-spacing: -0.03em;
    font-weight: 700;
}

.notifica-hero p[b-acewrbzb6j],
.notifica-card-header span[b-acewrbzb6j],
.notifica-list-item span[b-acewrbzb6j] {
    color: var(--muted-foreground);
}

.notifica-kpis[b-acewrbzb6j] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.8rem;
    margin-bottom: 1rem;
}

.notifica-kpi-card[b-acewrbzb6j],
.notifica-filters-card[b-acewrbzb6j],
.notifica-rollout-card[b-acewrbzb6j],
.notifica-card[b-acewrbzb6j] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 1rem;
}

.notifica-kpi-card span[b-acewrbzb6j] {
    display: block;
    color: var(--muted-foreground);
    margin-bottom: 0.45rem;
}

.notifica-kpi-card strong[b-acewrbzb6j] {
    color: var(--foreground);
    font-size: 1.8rem;
    letter-spacing: -0.04em;
}

.notifica-filters-card[b-acewrbzb6j] {
    margin-bottom: 1rem;
}

.notifica-rollout-card[b-acewrbzb6j] {
    margin-bottom: 1rem;
}

.notifica-rollout-grid[b-acewrbzb6j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
}

.notifica-rollout-item[b-acewrbzb6j] {
    display: grid;
    gap: 0.9rem;
    padding: 0.95rem;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: calc(var(--radius) - 0.15rem);
    background: rgba(255,255,255,0.02);
    align-content: start;
}

.notifica-rollout-item strong[b-acewrbzb6j] {
    color: var(--foreground);
}

.notifica-rollout-top[b-acewrbzb6j] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
}

.notifica-rollout-top strong[b-acewrbzb6j] {
    font-size: 1rem;
}

.notifica-rollout-details[b-acewrbzb6j] {
    display: grid;
    gap: 0.65rem;
}

.notifica-rollout-detail[b-acewrbzb6j] {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem 0.8rem;
    border-radius: calc(var(--radius) - 0.25rem);
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
}

.notifica-rollout-item span[b-acewrbzb6j],
.notifica-rollout-label[b-acewrbzb6j],
.notifica-rollout-value[b-acewrbzb6j] {
    color: var(--muted-foreground);
}

.notifica-rollout-label[b-acewrbzb6j] {
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.notifica-rollout-value[b-acewrbzb6j] {
    color: var(--foreground);
    font-weight: 600;
    line-height: 1.35;
}

.notifica-rollout-action[b-acewrbzb6j] {
    margin-top: auto;
    display: grid;
    gap: 5px;
}

.notifica-rollout-action .notifica-secondary-button[b-acewrbzb6j] {
    width: 100%;
}

.notifica-filters-grid[b-acewrbzb6j] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr auto;
    gap: 0.8rem;
    align-items: end;
}

.notifica-grid[b-acewrbzb6j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
}

.notifica-loading-inline[b-acewrbzb6j] {
    padding: 1rem 0;
    color: var(--muted-foreground);
}

.notifica-list[b-acewrbzb6j] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}

.notifica-list-item[b-acewrbzb6j] {
    display: grid;
    gap: 0.24rem;
    padding: 0.95rem;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: calc(var(--radius) - 0.15rem);
}

.notifica-list-item strong[b-acewrbzb6j] {
    color: var(--foreground);
}

.notifica-status[b-acewrbzb6j] {
    display: inline-flex;
    align-items: center;
    min-height: 1.6rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: rgba(8, 242, 166, 0.12);
    border: 1px solid rgba(8, 242, 166, 0.22);
    color: var(--primary);
    font-size: 0.74rem;
    font-weight: 600;
}

.notifica-feedback[b-acewrbzb6j] {
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    border-radius: var(--radius);
    background: rgba(255, 99, 99, 0.12);
    border: 1px solid rgba(255, 99, 99, 0.22);
    color: #ffb6b6;
}

.notifica-feedback.success[b-acewrbzb6j] {
    background: rgba(8, 242, 166, 0.12);
    border-color: rgba(8, 242, 166, 0.22);
    color: #aaf5d3;
}

.notifica-error[b-acewrbzb6j] {
    color: #ffb6b6 !important;
}

.notifica-field[b-acewrbzb6j] {
    display: grid;
    gap: 0.35rem;
    font-weight: 600;
    color: var(--foreground);
}

.notifica-input[b-acewrbzb6j] {
    width: 100%;
    min-height: 2.8rem;
    padding: 0.78rem 0.9rem;
    border-radius: calc(var(--radius) - 0.1rem);
    border: 1px solid var(--border);
    background: rgba(255,255,255,0.03);
    color: var(--foreground);
}

.notifica-input:focus[b-acewrbzb6j] {
    outline: none;
    border-color: rgba(8, 242, 166, 0.35);
    box-shadow: 0 0 0 0.18rem rgba(8, 242, 166, 0.12);
}

select.notifica-input[b-acewrbzb6j] {
    appearance: auto;
    color-scheme: dark;
    background-color: #1b1b1f;
    color: #f5f7fb;
}

select.notifica-input option[b-acewrbzb6j] {
    background-color: #1b1b1f;
    color: #f5f7fb;
}

.notifica-secondary-button[b-acewrbzb6j] {
    min-height: 2.6rem;
    padding: 0.72rem 1rem;
    border-radius: calc(var(--radius) + 0.05rem);
    border: 1px solid var(--border);
    background: rgba(255,255,255,0.03);
    color: var(--foreground);
    cursor: pointer;
}

.notifica-secondary-button.ghost[b-acewrbzb6j] {
    opacity: 0.82;
}

.notifica-secondary-button:disabled[b-acewrbzb6j] {
    opacity: 0.6;
    cursor: wait;
}

.notifica-empty-action[b-acewrbzb6j] {
    display: grid;
    gap: 0.85rem;
}

.notifica-empty-action .notifica-secondary-button[b-acewrbzb6j] {
    width: 100%;
}

.notifica-pagination[b-acewrbzb6j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.notifica-pagination span[b-acewrbzb6j] {
    color: var(--muted-foreground);
}

.notifica-status.disabled[b-acewrbzb6j] {
    background: rgba(255, 184, 77, 0.12);
    border-color: rgba(255, 184, 77, 0.22);
    color: #ffcf85;
}

.notifica-status.warning[b-acewrbzb6j] {
    background: rgba(255, 99, 99, 0.12);
    border-color: rgba(255, 99, 99, 0.22);
    color: #ffb6b6;
}

@media (max-width: 1100px) {
    .notifica-kpis[b-acewrbzb6j] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .notifica-grid[b-acewrbzb6j],
    .notifica-rollout-grid[b-acewrbzb6j],
    .notifica-filters-grid[b-acewrbzb6j] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .notifica-kpis[b-acewrbzb6j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeAutomationHttpConnectors.razor.rz.scp.css */
.office-http-connectors-page[b-5kcg3i98jq] {
    display: grid;
    gap: 1rem;
    width: 100%;
}

.office-http-connectors-loading[b-5kcg3i98jq] {
    display: grid;
    min-height: 12rem;
    place-items: center;
    color: var(--office-muted);
}

.office-http-connectors-header[b-5kcg3i98jq],
.office-http-connectors-header-actions[b-5kcg3i98jq],
.office-http-connectors-actions[b-5kcg3i98jq],
.office-http-connectors-form-footer[b-5kcg3i98jq],
.office-http-connectors-modal-header[b-5kcg3i98jq] {
    display: flex;
    gap: 1rem;
}

.office-http-connectors-header[b-5kcg3i98jq] {
    align-items: center;
    justify-content: space-between;
}

.office-http-connectors-header-actions[b-5kcg3i98jq],
.office-http-connectors-actions[b-5kcg3i98jq],
.office-http-connectors-form-footer[b-5kcg3i98jq] {
    align-items: center;
    justify-content: flex-end;
}

.office-http-connectors-header span[b-5kcg3i98jq],
.office-http-connectors-panel-header span[b-5kcg3i98jq] {
    display: block;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-http-connectors-header h1[b-5kcg3i98jq],
.office-http-connectors-table-header h2[b-5kcg3i98jq],
.office-http-connectors-panel-header h2[b-5kcg3i98jq] {
    margin: 0;
    color: var(--office-foreground);
    font-weight: 700;
}

.office-http-connectors-header h1[b-5kcg3i98jq] {
    font-size: 1.55rem;
}

.office-http-connectors-table-header h2[b-5kcg3i98jq],
.office-http-connectors-panel-header h2[b-5kcg3i98jq] {
    font-size: 1rem;
}

.office-http-connectors-header p[b-5kcg3i98jq] {
    margin: 0.45rem 0 0;
    color: var(--office-muted);
}

.office-http-connectors-table-card[b-5kcg3i98jq],
.office-http-connectors-modal[b-5kcg3i98jq] {
    border: 1px solid var(--office-border);
    border-radius: 0.38rem;
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-http-connectors-table-card[b-5kcg3i98jq] {
    overflow: hidden;
}

.office-http-connectors-toolbar[b-5kcg3i98jq] {
    border: 1px solid var(--office-border);
    border-radius: 0.38rem;
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-http-connectors-toolbar-grid[b-5kcg3i98jq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: end;
    padding: 1rem 1.1rem;
}

.office-http-connectors-toolbar-actions[b-5kcg3i98jq] {
    display: flex;
    gap: 0.65rem;
    justify-content: flex-end;
}

.office-http-connectors-search[b-5kcg3i98jq] {
    display: grid;
    gap: 0.55rem;
}

.office-http-connectors-search span[b-5kcg3i98jq] {
    color: var(--office-foreground);
    font-size: 0.92rem;
    font-weight: 600;
}

.office-http-connectors-search input[b-5kcg3i98jq] {
    width: 100%;
    min-height: 2.8rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--office-border);
    border-radius: 0.32rem;
    background: var(--office-background);
    color: var(--office-foreground);
    font: inherit;
}

.office-http-connectors-search input:focus[b-5kcg3i98jq],
.office-http-connectors-search input:focus-visible[b-5kcg3i98jq] {
    outline: none;
    border-color: rgba(8, 242, 166, 0.42);
    box-shadow: 0 0 0 2px rgba(8, 242, 166, 0.12);
}

.office-http-connectors-modal-backdrop[b-5kcg3i98jq] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    align-items: start;
    justify-items: center;
    overflow-y: auto;
    padding: 4rem 1rem 1rem;
    background: rgba(15, 23, 42, 0.42);
}

.office-http-connectors-modal[b-5kcg3i98jq] {
    display: grid;
    gap: 1rem;
    width: min(44rem, 100%);
    max-height: calc(100vh - 5rem);
    overflow-y: auto;
    padding: 1.1rem;
}

.office-http-connectors-modal-header[b-5kcg3i98jq] {
    align-items: flex-start;
    justify-content: space-between;
}

.office-http-connectors-table-header[b-5kcg3i98jq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-http-connectors-table-header span[b-5kcg3i98jq],
.office-http-connectors-empty[b-5kcg3i98jq],
.office-http-connectors-muted-cell span[b-5kcg3i98jq] {
    color: var(--office-muted);
}

.office-http-connectors-empty[b-5kcg3i98jq] {
    padding: 1.5rem;
}

.office-http-connectors-table-wrap[b-5kcg3i98jq] {
    overflow-x: auto;
}

.office-http-connectors-table[b-5kcg3i98jq] {
    width: 100%;
    border-collapse: collapse;
}

.office-http-connectors-table th[b-5kcg3i98jq],
.office-http-connectors-table td[b-5kcg3i98jq] {
    padding: 0.9rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
    color: var(--office-foreground);
    text-align: left;
    vertical-align: middle;
}

.office-http-connectors-table th[b-5kcg3i98jq] {
    color: var(--office-muted);
    font-size: 0.78rem;
    text-transform: uppercase;
}

.office-http-connectors-main-cell[b-5kcg3i98jq],
.office-http-connectors-muted-cell[b-5kcg3i98jq] {
    display: grid;
    gap: 0.25rem;
}

.office-http-connectors-main-cell span[b-5kcg3i98jq] {
    max-width: 34rem;
    overflow: hidden;
    color: var(--office-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-http-connectors-status[b-5kcg3i98jq] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0 0.65rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

.office-http-connectors-status.active[b-5kcg3i98jq] {
    color: #12563c;
    background: #c9f7df;
}

.office-http-connectors-status.inactive[b-5kcg3i98jq] {
    color: #7f1d1d;
    background: #fee2e2;
}

.office-http-connectors-form[b-5kcg3i98jq] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.office-http-connectors-form label[b-5kcg3i98jq] {
    display: grid;
    gap: 0.35rem;
}

.office-http-connectors-form label:first-child[b-5kcg3i98jq],
.office-http-connectors-form label:nth-child(2)[b-5kcg3i98jq],
.office-http-connectors-secret-preview[b-5kcg3i98jq],
.office-http-connectors-check[b-5kcg3i98jq] {
    grid-column: 1 / -1;
}

.office-http-connectors-form label > span[b-5kcg3i98jq] {
    color: var(--office-muted);
    font-size: 0.76rem;
    font-weight: 700;
}

.office-http-connectors-input[b-5kcg3i98jq] {
    width: 100%;
    min-height: 2.45rem;
    padding: 0.45rem 0.7rem;
    border: 1px solid var(--office-border);
    border-radius: 0.32rem;
    background: var(--office-background);
    color: var(--office-foreground);
    font: inherit;
}

.office-http-connectors-check[b-5kcg3i98jq] {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
}

.office-http-connectors-check input[b-5kcg3i98jq] {
    width: 1rem;
    height: 1rem;
}

.office-http-connectors-secret-preview[b-5kcg3i98jq] {
    padding: 0.65rem 0.75rem;
    border: 1px dashed var(--office-border);
    border-radius: 0.32rem;
    color: var(--office-muted);
    font-size: 0.85rem;
}

.office-http-connectors-primary-button[b-5kcg3i98jq],
.office-http-connectors-secondary-button[b-5kcg3i98jq],
.office-http-connectors-action-button[b-5kcg3i98jq],
.office-http-connectors-close-button[b-5kcg3i98jq] {
    min-height: 2rem;
    border: 1px solid var(--office-border);
    border-radius: 0.32rem;
    padding: 0.34rem 0.95rem;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
}

.office-http-connectors-primary-button[b-5kcg3i98jq] {
    border-color: var(--office-primary);
    background: var(--office-primary);
    color: var(--office-primary-foreground);
}

.office-http-connectors-secondary-button[b-5kcg3i98jq],
.office-http-connectors-action-button[b-5kcg3i98jq],
.office-http-connectors-close-button[b-5kcg3i98jq] {
    background: transparent;
    color: var(--office-foreground);
}

.office-http-connectors-action-button.danger[b-5kcg3i98jq] {
    border-color: #fecaca;
    color: #b91c1c;
}

.office-http-connectors-primary-button:hover:not(:disabled)[b-5kcg3i98jq] {
    filter: brightness(0.97);
}

.office-http-connectors-secondary-button:hover:not(:disabled)[b-5kcg3i98jq],
.office-http-connectors-action-button:hover:not(:disabled)[b-5kcg3i98jq],
.office-http-connectors-close-button:hover:not(:disabled)[b-5kcg3i98jq] {
    background: var(--office-hover);
}

.office-http-connectors-action-button.danger:hover:not(:disabled)[b-5kcg3i98jq] {
    background: #fee2e2;
}

.office-http-connectors-primary-button:disabled[b-5kcg3i98jq],
.office-http-connectors-secondary-button:disabled[b-5kcg3i98jq],
.office-http-connectors-action-button:disabled[b-5kcg3i98jq],
.office-http-connectors-close-button:disabled[b-5kcg3i98jq] {
    cursor: not-allowed;
    opacity: 0.65;
}

.office-http-connectors-close-button[b-5kcg3i98jq] {
    display: grid;
    flex: 0 0 auto;
    width: 2.1rem;
    height: 2.1rem;
    place-items: center;
    padding: 0;
}

.office-http-connectors-close-button svg[b-5kcg3i98jq] {
    width: 1.05rem;
    height: 1.05rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

::global(.office-theme-dark) .office-http-connectors-table-card[b-5kcg3i98jq],
::global(.office-theme-dark) .office-http-connectors-toolbar[b-5kcg3i98jq],
::global(.office-theme-dark) .office-http-connectors-modal[b-5kcg3i98jq] {
    border-color: #8b949e;
    background: #010409;
    box-shadow: none;
}

::global(.office-theme-dark) .office-http-connectors-primary-button[b-5kcg3i98jq],
::global(.office-theme-dark) .office-http-connectors-secondary-button[b-5kcg3i98jq],
::global(.office-theme-dark) .office-http-connectors-action-button[b-5kcg3i98jq],
::global(.office-theme-dark) .office-http-connectors-close-button[b-5kcg3i98jq] {
    border-color: #8b949e;
}

::global(.office-theme-dark) .office-http-connectors-primary-button[b-5kcg3i98jq] {
    background: #21262d;
    color: var(--office-foreground);
}

::global(.office-theme-dark) .office-http-connectors-action-button.danger[b-5kcg3i98jq] {
    border-color: #f85149;
    color: #ff7b72;
}

::global(.office-theme-dark) .office-http-connectors-action-button.danger:hover:not(:disabled)[b-5kcg3i98jq] {
    background: rgba(248, 81, 73, 0.14);
}

@media (max-width: 720px) {
    .office-http-connectors-header[b-5kcg3i98jq],
    .office-http-connectors-header-actions[b-5kcg3i98jq],
    .office-http-connectors-toolbar-actions[b-5kcg3i98jq],
    .office-http-connectors-table-header[b-5kcg3i98jq],
    .office-http-connectors-actions[b-5kcg3i98jq],
    .office-http-connectors-form-footer[b-5kcg3i98jq] {
        align-items: stretch;
        flex-direction: column;
    }

    .office-http-connectors-toolbar-grid[b-5kcg3i98jq] {
        grid-template-columns: 1fr;
    }

    .office-http-connectors-modal-backdrop[b-5kcg3i98jq] {
        padding: 0.75rem;
    }

    .office-http-connectors-modal[b-5kcg3i98jq] {
        max-height: calc(100vh - 1.5rem);
    }

    .office-http-connectors-modal-header[b-5kcg3i98jq] {
        align-items: center;
        flex-direction: row;
    }

    .office-http-connectors-form[b-5kcg3i98jq] {
        grid-template-columns: 1fr;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeAutomations.razor.rz.scp.css */
.office-automations-page[b-d6d59l2pyo] {
    display: grid;
    gap: 1rem;
    width: min(1120px, 100%);
}

.office-automations-header[b-d6d59l2pyo] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.office-automations-header span[b-d6d59l2pyo],
.office-automations-card-eyebrow[b-d6d59l2pyo] {
    display: block;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-automations-header h1[b-d6d59l2pyo],
.office-automations-card h2[b-d6d59l2pyo] {
    margin: 0;
    color: var(--office-foreground);
    font-weight: 700;
}

.office-automations-header h1[b-d6d59l2pyo] {
    font-size: 1.55rem;
}

.office-automations-card h2[b-d6d59l2pyo] {
    margin: 0 0 1.35rem;
    color: var(--office-foreground);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
}

.office-automations-card-eyebrow[b-d6d59l2pyo] {
    display: none;
}

.office-automations-header p[b-d6d59l2pyo],
.office-automations-card p[b-d6d59l2pyo],
.office-automations-card-meta[b-d6d59l2pyo] {
    margin: 0;
    color: var(--office-muted);
}

.office-automations-header p[b-d6d59l2pyo] {
    margin-top: 0.45rem;
}

.office-automations-card p[b-d6d59l2pyo] {
    color: var(--office-foreground);
    font-size: 1.08rem;
    line-height: 1.5;
}

.office-automations-grid[b-d6d59l2pyo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
    gap: 1rem;
}

.office-automations-card[b-d6d59l2pyo] {
    position: relative;
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 1.75rem;
    width: 100%;
    min-height: 206px;
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.9rem;
    background: var(--office-surface);
    box-shadow: none;
}

.office-automations-card-body[b-d6d59l2pyo],
.office-automations-card-footer[b-d6d59l2pyo] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.office-automations-card-body[b-d6d59l2pyo] {
    align-items: flex-start;
    padding-right: 8.75rem;
}

.office-automations-card-footer[b-d6d59l2pyo] {
    align-items: center;
}

.office-automations-card-icon[b-d6d59l2pyo] {
    display: none;
    flex: 0 0 auto;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--office-primary) 12%, var(--office-surface));
    color: var(--office-primary);
}

.office-automations-card-icon svg[b-d6d59l2pyo] {
    width: 1.35rem;
    height: 1.35rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.office-automations-primary-button[b-d6d59l2pyo] {
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #0052ff;
    font: inherit;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
}

.office-automations-primary-button:hover[b-d6d59l2pyo] {
    text-decoration: underline;
    filter: none;
}

.office-automations-card-meta[b-d6d59l2pyo] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: inline-flex;
    align-items: center;
    max-width: calc(100% - 2rem);
    min-height: 1.45rem;
    padding: 0.22rem 0.58rem;
    border-radius: 999px;
    background: #002aba;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.office-automations-status-dot[b-d6d59l2pyo] {
    display: none;
}

.office-automations-status-dot.available[b-d6d59l2pyo] {
    background: #2ea043;
}

::global(.office-theme-dark) .office-automations-card[b-d6d59l2pyo] {
    border-color: var(--office-border);
    background: var(--office-surface);
    box-shadow: none;
}

::global(.office-theme-dark) .office-automations-card-icon[b-d6d59l2pyo] {
    display: none;
}

::global(.office-theme-dark) .office-automations-primary-button[b-d6d59l2pyo] {
    background: transparent;
    color: var(--office-primary);
}

::global(.office-theme-dark) .office-automations-primary-button:hover[b-d6d59l2pyo] {
    background: transparent;
    filter: none;
}

@media (max-width: 720px) {
    .office-automations-grid[b-d6d59l2pyo] {
        grid-template-columns: 1fr;
    }

    .office-automations-card[b-d6d59l2pyo] {
        min-height: 0;
        padding: 1rem;
    }

    .office-automations-card-body[b-d6d59l2pyo] {
        padding-right: 0;
        padding-top: 2rem;
    }

    .office-automations-card-footer[b-d6d59l2pyo] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeBillings.razor.rz.scp.css */
.office-billings-page[b-2kq2xt6siy] {
    display: grid;
    gap: 1rem;
}

.office-billings-loading[b-2kq2xt6siy],
.office-billings-header[b-2kq2xt6siy],
.office-billings-toolbar[b-2kq2xt6siy],
.office-billings-table-card[b-2kq2xt6siy] {
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-billings-loading[b-2kq2xt6siy] {
    padding: 1.2rem;
    border-radius: 0.5rem;
    color: var(--office-muted);
}

.office-billings-header[b-2kq2xt6siy] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.5rem;
}

.office-billings-header span[b-2kq2xt6siy] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-billings-header h1[b-2kq2xt6siy],
.office-billings-table-header h2[b-2kq2xt6siy] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.55rem;
    font-weight: 700;
}

.office-billings-header p[b-2kq2xt6siy],
.office-billings-empty[b-2kq2xt6siy],
.office-billings-main-cell span[b-2kq2xt6siy],
.office-billings-table-header span[b-2kq2xt6siy],
.office-billings-pagination[b-2kq2xt6siy] {
    color: var(--office-muted);
}

.office-billings-header p[b-2kq2xt6siy] {
    margin: 0.45rem 0 0;
    max-width: 50rem;
}

.office-billings-integrations[b-2kq2xt6siy] {
    display: flex;
    justify-content: flex-end;
    min-width: 18rem;
}

.office-billings-integration-card[b-2kq2xt6siy] {
    width: min(23rem, 100%);
    min-height: 6.25rem;
    overflow: hidden;
    border-radius: 0.5rem;
    border: 1px solid var(--office-border);
    background: #ffffff;
    color: var(--office-foreground);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
}

.office-billings-integration-card.asaas[b-2kq2xt6siy] {
    border-top: 3px solid #0838f9;
}

.office-billings-integration-content[b-2kq2xt6siy] {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 0.8rem;
    row-gap: 0.22rem;
    align-items: center;
    padding: 0.8rem;
}

.office-billings-header .office-billings-integration-eyebrow[b-2kq2xt6siy] {
    display: block;
    margin: 0;
    color: var(--office-muted);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    grid-column: 2;
}

.office-billings-integration-content img[b-2kq2xt6siy] {
    width: 3rem;
    height: 3rem;
    border-radius: 0.45rem;
    grid-row: 1 / span 3;
    object-fit: cover;
}

.office-billings-integration-content strong[b-2kq2xt6siy] {
    color: #17211c;
    font-size: 1rem;
    line-height: 1.1;
    grid-column: 2;
}

.office-billings-header .office-billings-integration-content p[b-2kq2xt6siy] {
    margin: 0;
    max-width: 15rem;
    color: var(--office-muted);
    font-size: 0.78rem;
    line-height: 1.3;
    grid-column: 2;
}

.office-billings-integration-actions[b-2kq2xt6siy] {
    display: flex;
    flex-wrap: wrap;
    grid-column: 1 / -1;
    gap: 0.3rem;
    margin-top: 0.45rem;
}

.office-billings-header .office-billings-integration-actions button[b-2kq2xt6siy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.4rem;
    margin: 0;
    border: 1px solid rgba(8, 56, 249, 0.15);
    border-radius: 999px;
    padding: 0.18rem 0.48rem;
    background: rgba(8, 56, 249, 0.06);
    color: #0838f9;
    font: inherit;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
    cursor: pointer;
}

.office-billings-header .office-billings-integration-actions button:hover[b-2kq2xt6siy] {
    border-color: rgba(8, 56, 249, 0.28);
    background: rgba(8, 56, 249, 0.1);
}

.office-billings-secondary-button[b-2kq2xt6siy],
.office-billings-action-button[b-2kq2xt6siy] {
    min-height: 2.75rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    padding: 0.7rem 1rem;
    background: transparent;
    color: var(--office-foreground);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.office-billings-action-button[b-2kq2xt6siy] {
    white-space: nowrap;
}

.office-billings-secondary-button:disabled[b-2kq2xt6siy],
.office-billings-action-button:disabled[b-2kq2xt6siy] {
    opacity: 0.6;
    cursor: not-allowed;
}

.office-billings-toolbar[b-2kq2xt6siy] {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) minmax(13rem, 16rem) minmax(9rem, 11rem) auto;
    align-items: end;
    column-gap: 1rem;
    row-gap: 1rem;
    padding: 1.1rem;
    border-radius: 0.5rem;
}

.office-billings-toolbar label[b-2kq2xt6siy] {
    display: grid;
    gap: 0.5rem;
    min-width: 0;
}

.office-billings-toolbar label span[b-2kq2xt6siy] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 700;
}

.office-billings-toolbar input[b-2kq2xt6siy],
.office-billings-toolbar select[b-2kq2xt6siy] {
    width: 100%;
    height: 3.1rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.45rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-billings-toolbar input:focus[b-2kq2xt6siy],
.office-billings-toolbar select:focus[b-2kq2xt6siy] {
    outline: none;
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.15);
}

.office-billings-toolbar-actions[b-2kq2xt6siy],
.office-billings-actions[b-2kq2xt6siy],
.office-billings-pagination > div[b-2kq2xt6siy] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.office-billings-toolbar-actions[b-2kq2xt6siy] {
    align-items: flex-end;
    gap: 0.75rem;
}

.office-billings-toolbar-actions .office-billings-secondary-button[b-2kq2xt6siy] {
    height: 3.1rem;
    min-width: 5.45rem;
    padding: 0 1.05rem;
}

.office-billings-actions[b-2kq2xt6siy] {
    justify-content: flex-end;
    position: relative;
}

.office-billings-table-card[b-2kq2xt6siy] {
    border-radius: 0.5rem;
    overflow: visible;
}

.office-billings-table-header[b-2kq2xt6siy],
.office-billings-pagination[b-2kq2xt6siy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-billings-table-header h2[b-2kq2xt6siy] {
    font-size: 1rem;
}

.office-billings-table-header > div:first-child[b-2kq2xt6siy] {
    display: grid;
    gap: 0.2rem;
}

.office-billings-table-header-actions[b-2kq2xt6siy] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

.office-billings-outline-action-button[b-2kq2xt6siy],
.office-billings-primary-action-button[b-2kq2xt6siy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.45rem;
    border-radius: 999px;
    padding: 0.45rem 1.15rem;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}

.office-billings-outline-action-button[b-2kq2xt6siy] {
    border: 1px solid #0838f9;
    background: transparent;
    color: #0838f9;
}

.office-billings-negotiations-button[b-2kq2xt6siy] {
    position: relative;
    padding-right: 1.25rem;
}

.office-billings-primary-action-button[b-2kq2xt6siy] {
    border: 1px solid #0838f9;
    background: #0838f9;
    color: #ffffff;
    box-shadow: 0 10px 20px rgba(8, 56, 249, 0.18);
}

.office-billings-outline-action-button:hover[b-2kq2xt6siy] {
    background: rgba(8, 56, 249, 0.06);
}

.office-billings-primary-action-button:hover[b-2kq2xt6siy] {
    background: #052fd7;
    border-color: #052fd7;
}

.office-billings-primary-action-button:disabled[b-2kq2xt6siy] {
    border-color: rgba(8, 56, 249, 0.28);
    background: rgba(8, 56, 249, 0.14);
    color: rgba(8, 56, 249, 0.62);
    box-shadow: none;
    cursor: not-allowed;
}

.office-billings-primary-action-button:disabled:hover[b-2kq2xt6siy] {
    border-color: rgba(8, 56, 249, 0.28);
    background: rgba(8, 56, 249, 0.14);
}

.office-billings-primary-action-button svg[b-2kq2xt6siy],
.office-billings-outline-action-button svg[b-2kq2xt6siy] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.office-billings-outline-action-button svg[b-2kq2xt6siy] {
    color: var(--office-primary);
}

.office-billings-primary-action-button svg[b-2kq2xt6siy] {
    color: #ffffff;
    stroke-width: 2.4;
}

.office-billings-empty[b-2kq2xt6siy] {
    padding: 1.5rem 1.1rem;
}

.office-billings-table-wrap[b-2kq2xt6siy] {
    overflow: visible;
}

.office-billings-table[b-2kq2xt6siy] {
    width: 100%;
    border-collapse: collapse;
}

.office-billings-table th[b-2kq2xt6siy],
.office-billings-table td[b-2kq2xt6siy] {
    padding: 0.95rem 1.1rem;
    text-align: left;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
    vertical-align: middle;
}

.office-billings-table th[b-2kq2xt6siy] {
    color: var(--office-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-billings-main-cell[b-2kq2xt6siy] {
    display: grid;
    gap: 0.25rem;
}

.office-billings-client-title[b-2kq2xt6siy] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}

.office-billings-main-cell strong[b-2kq2xt6siy] {
    color: var(--office-foreground);
}

.office-billings-system-status[b-2kq2xt6siy] {
    display: inline-grid;
    place-items: center;
    min-width: 1.65rem;
    height: 1.35rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
}

.office-billings-system-status.active[b-2kq2xt6siy] {
    border-color: #86efac;
    background: #dcfce7;
    color: #15803d;
}

.office-billings-system-status.inactive[b-2kq2xt6siy] {
    border-color: #fecaca;
    background: #fee2e2;
    color: #7f1d1d;
}

.office-billings-status[b-2kq2xt6siy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.9rem;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.office-billings-status.active[b-2kq2xt6siy] {
    border-color: #5eead4;
    background: #ccfbf1;
    color: #0f766e;
}

.office-billings-status.inactive[b-2kq2xt6siy] {
    border-color: #fdba74;
    background: #ffedd5;
    color: #c2410c;
}

.office-billings-status.error[b-2kq2xt6siy] {
    border-color: #fca5a5;
    background: #fee2e2;
    color: #b91c1c;
}

.office-billings-status.not-checked[b-2kq2xt6siy] {
    border-color: #cbd5e1;
    background: #f1f5f9;
    color: #475569;
}

.office-billings-pagination[b-2kq2xt6siy] {
    border-top: 1px solid var(--office-border);
    border-bottom: 0;
}

.office-billings-modal-backdrop[b-2kq2xt6siy] {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.54);
}

.office-billings-modal[b-2kq2xt6siy] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(44rem, 100%);
    max-height: min(42rem, calc(100vh - 2rem));
    overflow: hidden;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.28);
}

.office-billings-modal-header[b-2kq2xt6siy],
.office-billings-modal-footer[b-2kq2xt6siy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-billings-modal-footer[b-2kq2xt6siy] {
    border-top: 1px solid var(--office-border);
    border-bottom: 0;
}

.office-billings-modal-header h2[b-2kq2xt6siy] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.05rem;
}

.office-billings-modal-header span[b-2kq2xt6siy],
.office-billings-modal-summary span[b-2kq2xt6siy],
.office-billings-modal-result-grid span[b-2kq2xt6siy],
.office-billings-progress-header span[b-2kq2xt6siy] {
    color: var(--office-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-billings-modal-close[b-2kq2xt6siy] {
    display: inline-grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--office-border);
    border-radius: 999px;
    background: transparent;
    color: var(--office-foreground);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.office-billings-modal-body[b-2kq2xt6siy] {
    display: grid;
    gap: 1rem;
    overflow-y: auto;
    padding: 1rem;
}

.office-billings-modal-section[b-2kq2xt6siy] {
    display: grid;
    gap: 0.7rem;
}

.office-billings-modal-client-row[b-2kq2xt6siy] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    padding: 0.75rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    cursor: pointer;
}

.office-billings-modal-client-row input[b-2kq2xt6siy] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--office-primary);
}

.office-billings-modal-client-row span[b-2kq2xt6siy] {
    min-width: 0;
}

.office-billings-scope-tiles[b-2kq2xt6siy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.office-billings-scope-tile[b-2kq2xt6siy] {
    display: inline-grid;
    place-items: center;
    width: 70px;
    height: 70px;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}

.office-billings-scope-tile:hover[b-2kq2xt6siy] {
    border-color: var(--office-primary);
    color: var(--office-primary);
}

.office-billings-scope-tile.selected[b-2kq2xt6siy] {
    border-color: var(--office-primary);
    background: var(--office-primary);
    color: #ffffff;
    box-shadow: 0 10px 20px rgba(8, 56, 249, 0.18);
}

.office-billings-modal-search[b-2kq2xt6siy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem;
}

.office-billings-modal-search input[b-2kq2xt6siy] {
    width: 100%;
    height: 2.75rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    padding: 0.7rem 0.85rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-billings-date-field[b-2kq2xt6siy] {
    display: grid;
    gap: 0.45rem;
}

.office-billings-date-field span[b-2kq2xt6siy],
.office-billings-jobs-header strong[b-2kq2xt6siy] {
    color: var(--office-foreground);
    font-size: 0.86rem;
    font-weight: 800;
}

.office-billings-date-field input[b-2kq2xt6siy] {
    width: min(18rem, 100%);
    height: 2.75rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    padding: 0.7rem 0.85rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-billings-jobs-header[b-2kq2xt6siy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.office-billings-job-list[b-2kq2xt6siy] {
    display: grid;
    gap: 0.55rem;
}

.office-billings-job-row[b-2kq2xt6siy] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    padding: 0.75rem;
    background: var(--office-surface-muted);
}

.office-billings-job-row div[b-2kq2xt6siy] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.office-billings-job-row strong[b-2kq2xt6siy] {
    color: var(--office-foreground);
    font-size: 0.9rem;
}

.office-billings-job-row span[b-2kq2xt6siy] {
    overflow-wrap: anywhere;
    color: var(--office-muted);
    font-size: 0.78rem;
}

.office-billings-modal-client-list[b-2kq2xt6siy] {
    display: grid;
    gap: 0.5rem;
    max-height: 16rem;
    overflow-y: auto;
}

.office-billings-modal-client-row strong[b-2kq2xt6siy],
.office-billings-modal-summary strong[b-2kq2xt6siy],
.office-billings-modal-result-grid strong[b-2kq2xt6siy],
.office-billings-progress-header strong[b-2kq2xt6siy] {
    color: var(--office-foreground);
}

.office-billings-modal-client-row small[b-2kq2xt6siy] {
    display: block;
    margin-top: 0.15rem;
    color: var(--office-muted);
    font-size: 0.76rem;
}

.office-billings-modal-muted[b-2kq2xt6siy],
.office-billings-modal-note[b-2kq2xt6siy],
.office-billings-modal-progress p[b-2kq2xt6siy] {
    margin: 0;
    color: var(--office-muted);
    font-size: 0.88rem;
}

.office-billings-modal-summary[b-2kq2xt6siy],
.office-billings-modal-result-grid[b-2kq2xt6siy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.office-billings-modal-summary > div[b-2kq2xt6siy],
.office-billings-modal-result-grid > div[b-2kq2xt6siy] {
    display: grid;
    gap: 0.25rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    padding: 0.75rem;
    background: var(--office-surface-muted);
}

.office-billings-modal-progress[b-2kq2xt6siy] {
    display: grid;
    gap: 0.75rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    padding: 0.85rem;
    background: var(--office-surface-muted);
}

.office-billings-modal-progress.completed[b-2kq2xt6siy] {
    border-color: rgba(34, 197, 94, 0.6);
    background: linear-gradient(135deg, #dcfce7 0%, #ecfdf5 52%, #ffffff 100%);
    box-shadow: 0 14px 30px rgba(34, 197, 94, 0.14);
}

.office-billings-modal-progress.completed-with-errors[b-2kq2xt6siy] {
    border-color: rgba(245, 158, 11, 0.62);
    background: linear-gradient(135deg, #fef3c7 0%, #fffbeb 52%, #ffffff 100%);
    box-shadow: 0 14px 30px rgba(245, 158, 11, 0.16);
}

.office-billings-modal-progress.failed[b-2kq2xt6siy] {
    border-color: rgba(239, 68, 68, 0.6);
    background: linear-gradient(135deg, #fee2e2 0%, #fef2f2 52%, #ffffff 100%);
    box-shadow: 0 14px 30px rgba(239, 68, 68, 0.14);
}

.office-billings-progress-header[b-2kq2xt6siy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.office-billings-progress-header span[b-2kq2xt6siy] {
    display: inline-flex;
    align-items: center;
    min-height: 1.7rem;
    border-radius: 999px;
    padding: 0.25rem 0.65rem;
    background: rgba(148, 163, 184, 0.18);
    color: var(--office-foreground);
}

.office-billings-modal-progress.completed .office-billings-progress-header span[b-2kq2xt6siy] {
    background: #bbf7d0;
    color: #15803d;
}

.office-billings-modal-progress.completed-with-errors .office-billings-progress-header span[b-2kq2xt6siy] {
    background: #fde68a;
    color: #92400e;
}

.office-billings-modal-progress.failed .office-billings-progress-header span[b-2kq2xt6siy] {
    background: #fecaca;
    color: #b91c1c;
}

.office-billings-progress-track[b-2kq2xt6siy] {
    height: 0.65rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.22);
}

.office-billings-progress-track div[b-2kq2xt6siy] {
    height: 100%;
    border-radius: inherit;
    background: var(--office-primary);
    transition: width 180ms ease;
}

.office-billings-modal-progress.completed .office-billings-progress-track div[b-2kq2xt6siy] {
    background: #22c55e;
}

.office-billings-modal-progress.completed-with-errors .office-billings-progress-track div[b-2kq2xt6siy] {
    background: #f59e0b;
}

.office-billings-modal-progress.failed .office-billings-progress-track div[b-2kq2xt6siy] {
    background: #ef4444;
}

.office-billings-progress-finished[b-2kq2xt6siy] {
    display: grid;
    gap: 0.2rem;
    border: 1px solid rgba(34, 197, 94, 0.22);
    border-radius: 0.45rem;
    padding: 0.85rem;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: inset 3px 0 0 #22c55e;
}

.office-billings-modal-progress.completed-with-errors .office-billings-progress-finished[b-2kq2xt6siy] {
    border-color: rgba(245, 158, 11, 0.26);
    box-shadow: inset 3px 0 0 #f59e0b;
}

.office-billings-modal-progress.failed .office-billings-progress-finished[b-2kq2xt6siy] {
    border-color: rgba(239, 68, 68, 0.24);
    box-shadow: inset 3px 0 0 #ef4444;
}

.office-billings-progress-finished strong[b-2kq2xt6siy] {
    color: var(--office-foreground);
    font-size: 1rem;
}

.office-billings-progress-finished span[b-2kq2xt6siy] {
    color: var(--office-muted);
    font-size: 0.86rem;
    line-height: 1.35;
}

.office-billings-modal-progress .office-billings-modal-result-grid > div:nth-child(1)[b-2kq2xt6siy] {
    border-color: rgba(8, 56, 249, 0.22);
    background: #eff6ff;
}

.office-billings-modal-progress .office-billings-modal-result-grid > div:nth-child(2)[b-2kq2xt6siy] {
    border-color: rgba(34, 197, 94, 0.24);
    background: #f0fdf4;
}

.office-billings-modal-progress .office-billings-modal-result-grid > div:nth-child(3)[b-2kq2xt6siy] {
    border-color: rgba(245, 158, 11, 0.26);
    background: #fffbeb;
}

.office-billings-modal-progress .office-billings-modal-result-grid > div:nth-child(4)[b-2kq2xt6siy] {
    border-color: rgba(239, 68, 68, 0.24);
    background: #fef2f2;
}

.office-billings-modal-progress .office-billings-modal-result-grid > div:nth-child(1) span[b-2kq2xt6siy] {
    color: #1d4ed8;
}

.office-billings-modal-progress .office-billings-modal-result-grid > div:nth-child(2) span[b-2kq2xt6siy] {
    color: #15803d;
}

.office-billings-modal-progress .office-billings-modal-result-grid > div:nth-child(3) span[b-2kq2xt6siy] {
    color: #b45309;
}

.office-billings-modal-progress .office-billings-modal-result-grid > div:nth-child(4) span[b-2kq2xt6siy] {
    color: #b91c1c;
}

@media (max-width: 1180px) {
    .office-billings-toolbar[b-2kq2xt6siy] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .office-billings-toolbar-actions[b-2kq2xt6siy] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .office-billings-header[b-2kq2xt6siy],
    .office-billings-table-header[b-2kq2xt6siy],
    .office-billings-pagination[b-2kq2xt6siy] {
        flex-direction: column;
        align-items: stretch;
    }

    .office-billings-table-header-actions[b-2kq2xt6siy] {
        justify-content: stretch;
    }

    .office-billings-outline-action-button[b-2kq2xt6siy],
    .office-billings-primary-action-button[b-2kq2xt6siy] {
        flex: 1;
    }

    .office-billings-integrations[b-2kq2xt6siy] {
        min-width: 0;
        justify-content: stretch;
    }

    .office-billings-integration-card[b-2kq2xt6siy] {
        width: 100%;
    }

    .office-billings-toolbar[b-2kq2xt6siy] {
        grid-template-columns: 1fr;
    }

    .office-billings-table-wrap[b-2kq2xt6siy] {
        overflow: visible;
    }

    .office-billings-actions[b-2kq2xt6siy] {
        justify-content: flex-start;
    }

    .office-billings-toolbar-actions[b-2kq2xt6siy] {
        align-items: stretch;
        flex-direction: column;
    }

    .office-billings-toolbar-actions .office-billings-secondary-button[b-2kq2xt6siy] {
        width: 100%;
    }

    .office-billings-modal-search[b-2kq2xt6siy],
    .office-billings-modal-summary[b-2kq2xt6siy],
    .office-billings-modal-result-grid[b-2kq2xt6siy] {
        grid-template-columns: 1fr;
    }

    .office-billings-jobs-header[b-2kq2xt6siy],
    .office-billings-job-row[b-2kq2xt6siy] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .office-billings-modal-footer[b-2kq2xt6siy] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .office-billings-modal-footer button[b-2kq2xt6siy] {
        width: 100%;
    }
}

:global(.office-theme-dark) .office-billings-status.active[b-2kq2xt6siy] {
    border-color: rgba(20, 184, 166, 0.34);
    background: rgba(20, 184, 166, 0.12);
    color: #5eead4;
}

:global(.office-theme-dark) .office-billings-status.inactive[b-2kq2xt6siy] {
    border-color: rgba(251, 146, 60, 0.34);
    background: rgba(251, 146, 60, 0.12);
    color: #fdba74;
}

:global(.office-theme-dark) .office-billings-status.error[b-2kq2xt6siy] {
    border-color: rgba(239, 68, 68, 0.34);
    background: rgba(239, 68, 68, 0.12);
    color: #fca5a5;
}

:global(.office-theme-dark) .office-billings-status.not-checked[b-2kq2xt6siy] {
    border-color: rgba(148, 163, 184, 0.34);
    background: rgba(148, 163, 184, 0.12);
    color: #cbd5e1;
}

:global(.office-theme-dark) .office-billings-integration-card[b-2kq2xt6siy] {
    border-color: rgba(148, 163, 184, 0.22);
    background: var(--office-surface-muted);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}

:global(.office-theme-dark) .office-billings-header .office-billings-integration-actions button[b-2kq2xt6siy] {
    border-color: rgba(96, 165, 250, 0.28);
    background: rgba(96, 165, 250, 0.12);
    color: #93c5fd;
}

:global(.office-theme-dark) .office-billings-header .office-billings-integration-actions button:hover[b-2kq2xt6siy] {
    border-color: rgba(96, 165, 250, 0.42);
    background: rgba(96, 165, 250, 0.18);
}

:global(.office-theme-dark) .office-billings-scope-tile[b-2kq2xt6siy] {
    border-color: rgba(148, 163, 184, 0.22);
    background: rgba(15, 23, 42, 0.36);
}

:global(.office-theme-dark) .office-billings-scope-tile:hover[b-2kq2xt6siy] {
    border-color: #93c5fd;
    color: #93c5fd;
}

:global(.office-theme-dark) .office-billings-scope-tile.selected[b-2kq2xt6siy] {
    border-color: var(--office-primary);
    background: var(--office-primary);
    color: #ffffff;
}

:global(.office-theme-dark) .office-billings-modal-progress.completed[b-2kq2xt6siy] {
    border-color: rgba(34, 197, 94, 0.58);
    background: linear-gradient(135deg, rgba(20, 83, 45, 0.48) 0%, rgba(22, 101, 52, 0.24) 52%, rgba(15, 23, 42, 0.4) 100%);
    box-shadow: 0 16px 34px rgba(34, 197, 94, 0.14);
}

:global(.office-theme-dark) .office-billings-modal-progress.completed-with-errors[b-2kq2xt6siy] {
    border-color: rgba(245, 158, 11, 0.62);
    background: linear-gradient(135deg, rgba(120, 53, 15, 0.52) 0%, rgba(146, 64, 14, 0.28) 52%, rgba(15, 23, 42, 0.4) 100%);
    box-shadow: 0 16px 34px rgba(245, 158, 11, 0.14);
}

:global(.office-theme-dark) .office-billings-modal-progress.failed[b-2kq2xt6siy] {
    border-color: rgba(248, 113, 113, 0.62);
    background: linear-gradient(135deg, rgba(127, 29, 29, 0.52) 0%, rgba(153, 27, 27, 0.28) 52%, rgba(15, 23, 42, 0.4) 100%);
    box-shadow: 0 16px 34px rgba(248, 113, 113, 0.14);
}

:global(.office-theme-dark) .office-billings-modal-progress.completed .office-billings-progress-header span[b-2kq2xt6siy] {
    background: rgba(34, 197, 94, 0.16);
    color: #86efac;
}

:global(.office-theme-dark) .office-billings-modal-progress.completed-with-errors .office-billings-progress-header span[b-2kq2xt6siy] {
    background: rgba(245, 158, 11, 0.16);
    color: #fcd34d;
}

:global(.office-theme-dark) .office-billings-modal-progress.failed .office-billings-progress-header span[b-2kq2xt6siy] {
    background: rgba(248, 113, 113, 0.16);
    color: #fca5a5;
}

:global(.office-theme-dark) .office-billings-progress-finished[b-2kq2xt6siy] {
    border-color: rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.62);
}

:global(.office-theme-dark) .office-billings-modal-progress .office-billings-modal-result-grid > div:nth-child(1)[b-2kq2xt6siy] {
    border-color: rgba(96, 165, 250, 0.28);
    background: rgba(30, 64, 175, 0.18);
}

:global(.office-theme-dark) .office-billings-modal-progress .office-billings-modal-result-grid > div:nth-child(2)[b-2kq2xt6siy] {
    border-color: rgba(34, 197, 94, 0.28);
    background: rgba(20, 83, 45, 0.2);
}

:global(.office-theme-dark) .office-billings-modal-progress .office-billings-modal-result-grid > div:nth-child(3)[b-2kq2xt6siy] {
    border-color: rgba(245, 158, 11, 0.3);
    background: rgba(120, 53, 15, 0.22);
}

:global(.office-theme-dark) .office-billings-modal-progress .office-billings-modal-result-grid > div:nth-child(4)[b-2kq2xt6siy] {
    border-color: rgba(248, 113, 113, 0.3);
    background: rgba(127, 29, 29, 0.2);
}

:global(.office-theme-dark) .office-billings-modal-progress .office-billings-modal-result-grid > div:nth-child(1) span[b-2kq2xt6siy] {
    color: #93c5fd;
}

:global(.office-theme-dark) .office-billings-modal-progress .office-billings-modal-result-grid > div:nth-child(2) span[b-2kq2xt6siy] {
    color: #86efac;
}

:global(.office-theme-dark) .office-billings-modal-progress .office-billings-modal-result-grid > div:nth-child(3) span[b-2kq2xt6siy] {
    color: #fcd34d;
}

:global(.office-theme-dark) .office-billings-modal-progress .office-billings-modal-result-grid > div:nth-child(4) span[b-2kq2xt6siy] {
    color: #fca5a5;
}

:global(.office-theme-dark) .office-billings-system-status.active[b-2kq2xt6siy] {
    border-color: rgba(34, 197, 94, 0.34);
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
}

:global(.office-theme-dark) .office-billings-system-status.inactive[b-2kq2xt6siy] {
    border-color: rgba(248, 113, 113, 0.35);
    background: rgba(127, 29, 29, 0.28);
    color: #fecaca;
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeClientBillings.razor.rz.scp.css */
.office-client-billings-page[b-g6kn6kc90u] {
    display: grid;
    gap: 1rem;
}

.office-client-billings-loading[b-g6kn6kc90u],
.office-client-billings-header[b-g6kn6kc90u],
.office-client-billings-toolbar[b-g6kn6kc90u],
.office-client-billings-table-card[b-g6kn6kc90u] {
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-client-billings-loading[b-g6kn6kc90u] {
    padding: 1.2rem;
    border-radius: 0.5rem;
    color: var(--office-muted);
}

.office-client-billings-header[b-g6kn6kc90u] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.5rem;
}

.office-client-billings-header span[b-g6kn6kc90u] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-client-billings-header h1[b-g6kn6kc90u] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.55rem;
    font-weight: 700;
    letter-spacing: 0;
}

.office-client-billings-header p[b-g6kn6kc90u],
.office-client-billings-main-cell span[b-g6kn6kc90u],
.office-client-billings-table-header span[b-g6kn6kc90u],
.office-client-billings-empty[b-g6kn6kc90u],
.office-client-billings-pagination[b-g6kn6kc90u],
.office-client-billings-payment-card dt[b-g6kn6kc90u] {
    color: var(--office-muted);
}

.office-client-billings-header p[b-g6kn6kc90u] {
    margin: 0.45rem 0 0;
    max-width: 48rem;
}

.office-client-billings-header-actions[b-g6kn6kc90u] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex: 0 0 auto;
}

.office-client-finance-ai-button[b-g6kn6kc90u],
.office-client-billings-icon-button[b-g6kn6kc90u],
.office-client-finance-meta-trigger[b-g6kn6kc90u] {
    position: relative;
    flex: 0 0 auto;
}

.office-client-billings-icon-button[b-g6kn6kc90u],
.office-client-finance-ai-button[b-g6kn6kc90u],
.office-client-finance-meta-button[b-g6kn6kc90u],
.office-client-finance-modal-close[b-g6kn6kc90u] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid var(--office-border);
    border-radius: 999px;
    background: var(--office-surface-muted);
    color: var(--office-muted);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.office-client-billings-icon-button:hover[b-g6kn6kc90u],
.office-client-billings-icon-button:focus-visible[b-g6kn6kc90u],
.office-client-finance-ai-button:hover[b-g6kn6kc90u],
.office-client-finance-ai-button:focus-visible[b-g6kn6kc90u],
.office-client-finance-meta-button:hover[b-g6kn6kc90u],
.office-client-finance-meta-button:focus-visible[b-g6kn6kc90u],
.office-client-finance-modal-close:hover[b-g6kn6kc90u] {
    border-color: #0838f9;
    color: #0838f9;
    outline: 0;
}

.office-client-finance-ai-button:hover[b-g6kn6kc90u],
.office-client-finance-ai-button:focus-visible[b-g6kn6kc90u] {
    background: color-mix(in srgb, var(--office-primary) 8%, var(--office-surface));
    transform: translateY(-1px);
}

.office-client-finance-ai-button[b-g6kn6kc90u] {
    overflow: hidden;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0.28rem;
    border-color: color-mix(in srgb, var(--office-primary) 42%, var(--office-border));
    background: var(--office-surface);
}

.office-client-finance-ai-button img[b-g6kn6kc90u] {
    width: 2.05rem;
    height: 2.05rem;
    object-fit: contain;
    display: block;
}

.office-client-billings-icon-button svg[b-g6kn6kc90u],
.office-client-finance-meta-button svg[b-g6kn6kc90u] {
    width: 1.1rem;
    height: 1.1rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.office-client-finance-meta-popover[b-g6kn6kc90u] {
    position: absolute;
    top: calc(100% + 0.55rem);
    right: 0;
    z-index: 35;
    display: grid;
    width: min(19rem, calc(100vw - 2rem));
    gap: 0.7rem;
    padding: 0.85rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.2);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-0.25rem);
    transition: opacity 140ms ease, transform 140ms ease;
}

.office-client-finance-meta-popover[b-g6kn6kc90u]::before {
    content: "";
    position: absolute;
    top: -0.45rem;
    right: 0.8rem;
    width: 0.75rem;
    height: 0.75rem;
    border-left: 1px solid var(--office-border);
    border-top: 1px solid var(--office-border);
    background: var(--office-surface);
    transform: rotate(45deg);
}

.office-client-finance-meta-trigger:hover .office-client-finance-meta-popover[b-g6kn6kc90u],
.office-client-finance-meta-trigger:focus-within .office-client-finance-meta-popover[b-g6kn6kc90u] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.office-client-finance-meta-popover > div[b-g6kn6kc90u] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.office-client-finance-meta-popover span[b-g6kn6kc90u] {
    color: var(--office-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-client-finance-meta-popover strong[b-g6kn6kc90u] {
    color: var(--office-foreground);
    font-size: 0.92rem;
    overflow-wrap: anywhere;
}

.office-client-billings-primary-button[b-g6kn6kc90u],
.office-client-billings-secondary-button[b-g6kn6kc90u] {
    min-height: 2.5rem;
    border: 1px solid transparent;
    border-radius: 0.45rem;
    padding: 0.65rem 0.9rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.office-client-billings-primary-button[b-g6kn6kc90u] {
    background: var(--office-primary);
    color: var(--office-primary-foreground);
}

.office-client-billings-secondary-button[b-g6kn6kc90u] {
    border-color: var(--office-border);
    background: transparent;
    color: var(--office-foreground);
}

.office-client-billings-negotiations-button[b-g6kn6kc90u] {
    position: relative;
    padding-right: 1.15rem;
}

.office-client-billings-header .office-client-billings-negotiations-button .office-nav-badge[b-g6kn6kc90u] {
    position: absolute;
    top: -0.42rem;
    right: -0.62rem;
    min-width: 1.05rem;
    height: 1.05rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border: 2px solid var(--office-surface);
    border-radius: 999px;
    background: #16a34a;
    color: #fff;
    padding: 0 0.25rem;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none;
    box-shadow: 0 8px 18px rgba(22, 163, 74, 0.28);
    animation: office-client-negotiations-badge-pulse-b-g6kn6kc90u 1400ms ease-out 450ms 2;
}

.office-client-billings-primary-button:disabled[b-g6kn6kc90u],
.office-client-billings-secondary-button:disabled[b-g6kn6kc90u] {
    opacity: 0.6;
    cursor: not-allowed;
}

@keyframes office-client-negotiations-badge-pulse-b-g6kn6kc90u {
    0% {
        box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.34), 0 8px 18px rgba(22, 163, 74, 0.28);
        transform: scale(1);
    }

    45% {
        box-shadow: 0 0 0 0.42rem rgba(22, 163, 74, 0), 0 8px 18px rgba(22, 163, 74, 0.28);
        transform: scale(1.04);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(22, 163, 74, 0), 0 8px 18px rgba(22, 163, 74, 0.28);
        transform: scale(1);
    }
}

.office-client-billings-toolbar[b-g6kn6kc90u] {
    display: grid;
    grid-template-columns: minmax(18rem, 1.4fr) minmax(10rem, 0.65fr) repeat(2, minmax(11rem, 0.7fr)) auto;
    align-items: end;
    gap: 1rem;
    padding: 1rem;
    border-radius: 0.5rem;
}

.office-client-billings-toolbar label[b-g6kn6kc90u] {
    display: grid;
    gap: 0.45rem;
}

.office-client-billings-toolbar label span[b-g6kn6kc90u] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 700;
}

.office-client-billings-toolbar input[b-g6kn6kc90u],
.office-client-billings-toolbar select[b-g6kn6kc90u] {
    width: 100%;
    min-height: 2.85rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.45rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-client-billings-toolbar input:focus[b-g6kn6kc90u],
.office-client-billings-toolbar select:focus[b-g6kn6kc90u] {
    outline: none;
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.15);
}

.office-client-billings-toolbar div[b-g6kn6kc90u],
.office-client-billings-pagination div[b-g6kn6kc90u] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.office-client-billings-actions[b-g6kn6kc90u] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.office-client-billings-table-card[b-g6kn6kc90u] {
    border-radius: 0.5rem;
    overflow: visible;
}

.office-client-billings-table-header[b-g6kn6kc90u],
.office-client-billings-pagination[b-g6kn6kc90u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-client-billings-table-header h2[b-g6kn6kc90u] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1rem;
}

.office-client-billings-table-wrap[b-g6kn6kc90u] {
    overflow: visible;
}

.office-client-billings-table[b-g6kn6kc90u] {
    width: 100%;
    border-collapse: collapse;
}

.office-client-billings-table th[b-g6kn6kc90u],
.office-client-billings-table td[b-g6kn6kc90u] {
    padding: 0.9rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
    text-align: left;
    vertical-align: middle;
}

.office-client-billings-table th[b-g6kn6kc90u] {
    color: var(--office-muted);
    font-size: 0.78rem;
    text-transform: uppercase;
}

.office-client-billings-table td[b-g6kn6kc90u] {
    color: var(--office-foreground);
}

.office-client-billings-main-cell[b-g6kn6kc90u] {
    display: grid;
    gap: 0.25rem;
    min-width: 14rem;
}

.office-client-billings-status[b-g6kn6kc90u] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0 0.65rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.office-client-billings-status.paid[b-g6kn6kc90u] {
    color: #12563c;
    background: #c9f7df;
}

.office-client-billings-status.overdue[b-g6kn6kc90u],
.office-client-billings-status.canceled[b-g6kn6kc90u] {
    color: #7f1d1d;
    background: #fee2e2;
}

.office-client-billings-status.confirmed[b-g6kn6kc90u] {
    color: #083c5f;
    background: #d9f2ff;
}

.office-client-billings-status.open[b-g6kn6kc90u],
.office-client-billings-status.neutral[b-g6kn6kc90u] {
    color: #654200;
    background: #fef3c7;
}

.office-client-billings-negotiation-badge[b-g6kn6kc90u] {
    display: inline-flex;
    align-items: center;
    min-height: 1.6rem;
    margin-top: 0.35rem;
    padding: 0 0.55rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #1e3a8a;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
}

.office-client-billings-negotiation-badge.negotiated[b-g6kn6kc90u],
.office-client-billings-negotiation-badge.generated[b-g6kn6kc90u] {
    background: #dcfce7;
    color: #166534;
}

.office-client-billings-negotiation-badge.canceled[b-g6kn6kc90u] {
    background: #fee2e2;
    color: #991b1b;
}

.office-client-billings-empty[b-g6kn6kc90u] {
    padding: 1.5rem;
}

.office-client-negotiations-trigger[b-g6kn6kc90u] {
    position: relative;
}

.office-client-negotiations-popover[b-g6kn6kc90u] {
    position: absolute;
    top: calc(100% + 0.55rem);
    right: 0;
    z-index: 80;
    width: max-content;
    max-width: calc(100vw - 2rem);
    overflow-x: auto;
    padding: 1.2rem;
    border: 1px solid var(--office-border);
    border-radius: 0.6rem;
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-client-negotiations-popover-header[b-g6kn6kc90u] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.1rem;
}

.office-client-negotiations-popover-header div[b-g6kn6kc90u] {
    display: grid;
    gap: 0.25rem;
}

.office-client-negotiations-popover-header strong[b-g6kn6kc90u] {
    color: var(--office-foreground);
    font-size: 1.1rem;
    font-weight: 800;
}

.office-client-negotiations-popover-header span[b-g6kn6kc90u] {
    color: var(--office-muted);
    font-size: 0.9rem;
}

.office-client-negotiations-popover-header button[b-g6kn6kc90u] {
    min-height: 2.25rem;
    border: 1px solid var(--office-primary);
    border-radius: 0.45rem;
    padding: 0.45rem 0.8rem;
    background: var(--office-primary);
    color: var(--office-primary-foreground);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.office-client-negotiations-popover-header button:hover[b-g6kn6kc90u] {
    filter: brightness(0.96);
}

.office-client-negotiations-empty[b-g6kn6kc90u] {
    color: var(--office-muted);
}

.office-client-negotiations-list[b-g6kn6kc90u] {
    display: flex;
    gap: 1.5rem;
}

.office-client-negotiation-card[b-g6kn6kc90u] {
    display: grid;
    grid-template-rows: auto auto minmax(2.6rem, 1fr);
    gap: 0.7rem;
    flex: 0 0 13.5rem;
    min-height: 11.4rem;
    padding: 1rem;
    border: 1px dashed color-mix(in srgb, var(--office-primary) 28%, var(--office-border));
    border-radius: 0.35rem;
    background: var(--office-surface);
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.office-client-negotiation-card:hover[b-g6kn6kc90u] {
    border-color: var(--office-primary);
    box-shadow: 0 12px 28px rgba(0, 42, 186, 0.1);
}

.office-client-negotiation-card div[b-g6kn6kc90u],
.office-client-negotiation-detail-status[b-g6kn6kc90u],
.office-client-negotiation-detail-payments div[b-g6kn6kc90u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.office-client-negotiation-card div[b-g6kn6kc90u] {
    align-items: flex-start;
}

.office-client-negotiation-card-icon[b-g6kn6kc90u] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 0.55rem;
    color: #4338ca;
    font-size: 1.1rem;
    font-weight: 900;
}

.office-client-negotiation-card-icon.needs-client[b-g6kn6kc90u],
.office-client-negotiation-card-icon.rejected[b-g6kn6kc90u] {
    color: #dc2626;
}

.office-client-negotiation-card-icon.needs-office[b-g6kn6kc90u],
.office-client-negotiation-card-icon.accepted[b-g6kn6kc90u] {
    color: #16a34a;
}

.office-client-negotiation-card-icon.closed[b-g6kn6kc90u] {
    color: #64748b;
}

.office-client-negotiation-card strong[b-g6kn6kc90u] {
    color: var(--office-foreground);
    font-size: 1rem;
}

.office-client-negotiation-card p[b-g6kn6kc90u] {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: var(--office-foreground);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.office-client-negotiation-status[b-g6kn6kc90u] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    border-radius: 999px;
    padding: 0.24rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 800;
}

.office-client-negotiation-status.needs-client[b-g6kn6kc90u] {
    background: #fef3c7;
    color: #92400e;
}

.office-client-negotiation-status.needs-office[b-g6kn6kc90u] {
    background: #dbeafe;
    color: #1e3a8a;
}

.office-client-negotiation-status.accepted[b-g6kn6kc90u] {
    background: #dcfce7;
    color: #166534;
}

.office-client-negotiation-status.rejected[b-g6kn6kc90u] {
    background: #fee2e2;
    color: #991b1b;
}

.office-client-negotiation-status.closed[b-g6kn6kc90u] {
    background: #f1f5f9;
    color: #475569;
}

.office-client-billings-card-list[b-g6kn6kc90u] {
    display: none;
}

.office-client-billings-pagination[b-g6kn6kc90u] {
    border-top: 1px solid var(--office-border);
    border-bottom: 0;
}

.office-client-billings-payment-card[b-g6kn6kc90u] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-client-billings-payment-card > div:first-child[b-g6kn6kc90u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.office-client-billings-payment-card strong[b-g6kn6kc90u] {
    color: var(--office-foreground);
}

.office-client-billings-payment-card dl[b-g6kn6kc90u] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.office-client-billings-payment-card dt[b-g6kn6kc90u] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.office-client-billings-payment-card dd[b-g6kn6kc90u] {
    margin: 0.2rem 0 0;
    color: var(--office-foreground);
    font-weight: 700;
}

.office-client-finance-drawer-backdrop[b-g6kn6kc90u] {
    position: fixed;
    inset: 0;
    z-index: 85;
    display: flex;
    justify-content: flex-end;
    background: rgba(15, 23, 42, 0.28);
}

.office-client-finance-drawer[b-g6kn6kc90u] {
    display: grid;
    grid-template-rows: auto 1fr;
    width: min(60vw, 58rem);
    min-width: min(42rem, 100vw);
    height: 100%;
    overflow: hidden;
    border-left: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: -24px 0 80px rgba(15, 23, 42, 0.24);
    animation: office-client-finance-drawer-in-b-g6kn6kc90u 180ms ease-out;
}

.office-client-finance-drawer.negotiation[b-g6kn6kc90u] {
    grid-template-rows: auto 1fr auto;
    width: min(52vw, 48rem);
}

.office-client-finance-drawer.negotiation-detail[b-g6kn6kc90u] {
    grid-template-rows: auto 1fr auto;
    width: min(52vw, 46rem);
}

.office-client-finance-drawer-header[b-g6kn6kc90u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid var(--office-border);
}

.office-client-finance-drawer-header > div[b-g6kn6kc90u] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.office-client-finance-drawer-header span[b-g6kn6kc90u] {
    color: var(--office-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-client-finance-drawer-header h2[b-g6kn6kc90u] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.2rem;
}

.office-client-finance-drawer-body[b-g6kn6kc90u] {
    display: grid;
    align-content: start;
    gap: 1rem;
    overflow-y: auto;
    padding: 1.25rem;
}

.office-client-finance-drawer-footer[b-g6kn6kc90u] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--office-border);
    background: var(--office-surface);
}

.office-client-negotiation-empty[b-g6kn6kc90u] {
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface-muted);
    color: var(--office-muted);
    font-weight: 700;
}

.office-client-negotiation-toolbar[b-g6kn6kc90u],
.office-client-negotiation-summary[b-g6kn6kc90u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
}

.office-client-negotiation-toolbar > div[b-g6kn6kc90u],
.office-client-negotiation-summary > div[b-g6kn6kc90u] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.office-client-negotiation-toolbar span[b-g6kn6kc90u],
.office-client-negotiation-summary span[b-g6kn6kc90u],
.office-client-negotiation-form label span[b-g6kn6kc90u] {
    color: var(--office-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-client-negotiation-toolbar strong[b-g6kn6kc90u],
.office-client-negotiation-summary strong[b-g6kn6kc90u] {
    color: var(--office-foreground);
}

.office-client-negotiation-payment-list[b-g6kn6kc90u] {
    display: grid;
    gap: 0.7rem;
}

.office-client-negotiation-payment[b-g6kn6kc90u] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.9rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    cursor: pointer;
}

.office-client-negotiation-payment.disabled[b-g6kn6kc90u] {
    opacity: 0.68;
    cursor: not-allowed;
}

.office-client-negotiation-payment input[b-g6kn6kc90u] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.office-client-negotiation-payment > span[b-g6kn6kc90u] {
    display: inline-grid;
    place-items: center;
    width: 1.15rem;
    height: 1.15rem;
    border: 1px solid #94a3b8;
    border-radius: 0.25rem;
    background: var(--office-surface);
}

.office-client-negotiation-payment > span[b-g6kn6kc90u]::before {
    content: "";
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 0.16rem;
    background: #0838f9;
    opacity: 0;
}

.office-client-negotiation-payment input:checked + span[b-g6kn6kc90u] {
    border-color: #0838f9;
}

.office-client-negotiation-payment input:checked + span[b-g6kn6kc90u]::before {
    opacity: 1;
}

.office-client-negotiation-payment div[b-g6kn6kc90u] {
    display: grid;
    gap: 0.22rem;
    min-width: 0;
}

.office-client-negotiation-payment div:last-of-type[b-g6kn6kc90u] {
    text-align: right;
}

.office-client-negotiation-payment strong[b-g6kn6kc90u] {
    color: var(--office-foreground);
    overflow-wrap: anywhere;
}

.office-client-negotiation-payment small[b-g6kn6kc90u] {
    color: var(--office-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.office-client-negotiation-payment em[b-g6kn6kc90u] {
    display: inline-flex;
    align-items: center;
    min-height: 1.6rem;
    padding: 0 0.55rem;
    border-radius: 999px;
    background: #fef3c7;
    color: #654200;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
}

.office-client-negotiation-summary[b-g6kn6kc90u] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.office-client-negotiation-form[b-g6kn6kc90u] {
    display: grid;
    gap: 0.75rem;
}

.office-client-negotiation-form label[b-g6kn6kc90u] {
    display: grid;
    gap: 0.45rem;
}

.office-client-negotiation-form input[b-g6kn6kc90u],
.office-client-negotiation-form textarea[b-g6kn6kc90u] {
    width: 100%;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-client-negotiation-form textarea[b-g6kn6kc90u] {
    min-height: 9rem;
    resize: vertical;
}

.office-client-negotiation-form input:focus[b-g6kn6kc90u],
.office-client-negotiation-form textarea:focus[b-g6kn6kc90u] {
    outline: none;
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.15);
}

.office-client-negotiation-counter[b-g6kn6kc90u] {
    justify-self: end;
    color: var(--office-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.office-client-negotiation-counter.invalid[b-g6kn6kc90u] {
    color: #b91c1c;
}

.office-client-negotiation-detail-values[b-g6kn6kc90u] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.office-client-negotiation-detail-values div[b-g6kn6kc90u],
.office-client-negotiation-detail-payments div[b-g6kn6kc90u],
.office-client-negotiation-message[b-g6kn6kc90u] {
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: #fff;
    padding: 0.75rem;
}

.office-client-negotiation-detail-values div[b-g6kn6kc90u] {
    display: grid;
    gap: 0.25rem;
}

.office-client-negotiation-detail-values span[b-g6kn6kc90u] {
    color: var(--office-muted);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.office-client-negotiation-detail-values strong[b-g6kn6kc90u],
.office-client-negotiation-detail-payments strong[b-g6kn6kc90u] {
    color: var(--office-foreground);
}

.office-client-negotiation-detail-section[b-g6kn6kc90u] {
    display: grid;
    gap: 0.6rem;
    padding-top: 0.8rem;
    border-top: 1px solid var(--office-border);
}

.office-client-negotiation-detail-section h3[b-g6kn6kc90u] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1rem;
}

.office-client-negotiation-detail-payments[b-g6kn6kc90u],
.office-client-negotiation-messages[b-g6kn6kc90u] {
    display: grid;
    gap: 0.6rem;
}

.office-client-negotiation-detail-payments span[b-g6kn6kc90u] {
    color: var(--office-muted);
    font-weight: 700;
}

.office-client-negotiation-message[b-g6kn6kc90u] {
    display: grid;
    gap: 0.35rem;
}

.office-client-negotiation-message.office[b-g6kn6kc90u] {
    border-left: 3px solid var(--office-primary);
}

.office-client-negotiation-message.client[b-g6kn6kc90u] {
    border-left: 3px solid #f97316;
}

.office-client-negotiation-message span[b-g6kn6kc90u] {
    color: var(--office-muted);
    font-size: 0.76rem;
    font-weight: 800;
}

.office-client-negotiation-message p[b-g6kn6kc90u] {
    margin: 0;
    white-space: pre-wrap;
}

.office-client-negotiation-reply-option[b-g6kn6kc90u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--office-foreground);
    font-weight: 700;
}

.office-client-negotiation-detail-section textarea[b-g6kn6kc90u] {
    width: 100%;
    min-height: 7rem;
    resize: vertical;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-client-finance-dashboard-toolbar[b-g6kn6kc90u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.7rem;
    background: linear-gradient(135deg, color-mix(in srgb, var(--office-surface-muted) 70%, #ffffff 30%), var(--office-surface));
}

.office-client-finance-dashboard-toolbar span[b-g6kn6kc90u] {
    min-width: 0;
    color: var(--office-foreground);
    font-weight: 800;
    overflow-wrap: anywhere;
}

.office-client-finance-dashboard-toolbar strong[b-g6kn6kc90u] {
    flex: 0 0 auto;
    color: var(--office-muted);
    font-size: 0.82rem;
}

.office-client-finance-dashboard-toolbar-actions[b-g6kn6kc90u] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    min-width: 0;
}

.office-client-finance-dashboard-filter-menu[b-g6kn6kc90u] {
    position: relative;
}

.office-client-finance-dashboard-filter-button[b-g6kn6kc90u],
.office-client-finance-dashboard-filter-actions button[b-g6kn6kc90u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.25rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid #0838f9;
    border-radius: 999px;
    background: transparent;
    color: #0838f9;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
}

.office-client-finance-dashboard-filter-button.is-active[b-g6kn6kc90u],
.office-client-finance-dashboard-filter-actions button.primary[b-g6kn6kc90u] {
    background: #0838f9;
    color: #ffffff;
}

.office-client-finance-dashboard-filter-button svg[b-g6kn6kc90u] {
    width: 0.95rem;
    height: 0.95rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.office-client-finance-dashboard-filter-backdrop[b-g6kn6kc90u] {
    position: fixed;
    inset: 0;
    z-index: 89;
    background: transparent;
}

.office-client-finance-dashboard-filter-popover[b-g6kn6kc90u] {
    position: absolute;
    top: calc(100% + 0.55rem);
    right: 0;
    z-index: 90;
    display: grid;
    width: min(23rem, calc(100vw - 3rem));
    max-height: min(42rem, calc(100vh - 8rem));
    overflow-y: auto;
    gap: 1.15rem;
    padding: 1.15rem 1.15rem 0;
    border: 1px solid var(--office-border);
    border-radius: 0.75rem;
    background: var(--office-surface);
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.22);
}

.office-client-finance-dashboard-filter-option[b-g6kn6kc90u] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    color: var(--office-foreground);
    font-size: 0.86rem;
    font-weight: 600;
    line-height: 1.3;
    cursor: pointer;
}

.office-client-finance-dashboard-filter-option input[b-g6kn6kc90u] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.office-client-finance-dashboard-filter-option span[b-g6kn6kc90u] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 1.05rem;
    height: 1.05rem;
    margin: 0;
    border: 1px solid #94a3b8;
    border-radius: 999px;
    background: transparent;
}

.office-client-finance-dashboard-filter-option span[b-g6kn6kc90u]::before {
    content: "";
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: #0838f9;
    opacity: 0;
}

.office-client-finance-dashboard-filter-option input:checked + span[b-g6kn6kc90u] {
    border-color: #0838f9;
}

.office-client-finance-dashboard-filter-option input:checked + span[b-g6kn6kc90u]::before {
    opacity: 1;
}

.office-client-finance-dashboard-filter-dates[b-g6kn6kc90u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 0.55rem;
    padding-top: 0.1rem;
}

.office-client-finance-dashboard-filter-dates input[b-g6kn6kc90u] {
    width: 100%;
    height: 2.35rem;
    padding: 0.5rem 0.65rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-client-finance-dashboard-filter-dates input:disabled[b-g6kn6kc90u] {
    opacity: 0.55;
    cursor: not-allowed;
}

.office-client-finance-dashboard-filter-dates span[b-g6kn6kc90u] {
    margin: 0;
    color: var(--office-muted);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
}

.office-client-finance-dashboard-filter-actions[b-g6kn6kc90u] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    margin: 0 -1.15rem;
    padding: 1rem 1.15rem;
    border-top: 1px solid var(--office-border);
    background: color-mix(in srgb, var(--office-surface) 96%, #ffffff 4%);
}

.office-client-finance-dashboard-filter-actions button[b-g6kn6kc90u] {
    min-width: 5.75rem;
}

.office-client-finance-dashboard-grid[b-g6kn6kc90u] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.office-client-finance-dashboard-card[b-g6kn6kc90u] {
    --dashboard-accent: #0838f9;
    --dashboard-soft: rgba(8, 56, 249, 0.12);
    display: grid;
    gap: 0.75rem;
    min-height: 12.5rem;
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.75rem;
    background: linear-gradient(180deg, color-mix(in srgb, var(--office-surface) 94%, var(--dashboard-soft)), var(--office-surface));
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-client-finance-dashboard-card.open[b-g6kn6kc90u] {
    --dashboard-accent: #0838f9;
    --dashboard-soft: rgba(8, 56, 249, 0.12);
}

.office-client-finance-dashboard-card.overdue[b-g6kn6kc90u] {
    --dashboard-accent: #dc2626;
    --dashboard-soft: rgba(220, 38, 38, 0.12);
}

.office-client-finance-dashboard-card.paid[b-g6kn6kc90u] {
    --dashboard-accent: #0f766e;
    --dashboard-soft: rgba(15, 118, 110, 0.12);
}

.office-client-finance-dashboard-card.canceled[b-g6kn6kc90u] {
    --dashboard-accent: #64748b;
    --dashboard-soft: rgba(100, 116, 139, 0.12);
}

.office-client-finance-dashboard-card-header[b-g6kn6kc90u],
.office-client-finance-dashboard-meta[b-g6kn6kc90u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.office-client-finance-dashboard-card-header span[b-g6kn6kc90u],
.office-client-finance-dashboard-highlights span[b-g6kn6kc90u],
.office-client-finance-dashboard-sync span[b-g6kn6kc90u] {
    color: var(--office-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-client-finance-dashboard-card-header svg[b-g6kn6kc90u],
.office-client-finance-dashboard-meta svg[b-g6kn6kc90u] {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.office-client-finance-dashboard-card-header svg[b-g6kn6kc90u] {
    width: 1rem;
    height: 1rem;
    color: var(--dashboard-accent);
}

.office-client-finance-dashboard-card > strong[b-g6kn6kc90u] {
    color: var(--dashboard-accent);
    font-size: 1.55rem;
    line-height: 1.1;
}

.office-client-finance-dashboard-card > small[b-g6kn6kc90u] {
    color: var(--office-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.office-client-finance-dashboard-track[b-g6kn6kc90u] {
    height: 0.55rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--office-surface-muted);
}

.office-client-finance-dashboard-track > div[b-g6kn6kc90u] {
    height: 100%;
    border-radius: inherit;
    background: var(--dashboard-accent);
    transition: width 180ms ease;
}

.office-client-finance-dashboard-card.overdue .office-client-finance-dashboard-track[b-g6kn6kc90u],
.office-client-finance-dashboard-card.canceled .office-client-finance-dashboard-track[b-g6kn6kc90u] {
    background-image: repeating-linear-gradient(135deg, var(--dashboard-soft) 0 0.4rem, transparent 0.4rem 0.8rem);
}

.office-client-finance-dashboard-meta[b-g6kn6kc90u] {
    padding-top: 0.15rem;
    color: var(--dashboard-accent);
    font-size: 0.82rem;
    font-weight: 800;
}

.office-client-finance-dashboard-meta span[b-g6kn6kc90u] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.office-client-finance-dashboard-meta svg[b-g6kn6kc90u] {
    width: 0.9rem;
    height: 0.9rem;
}

.office-client-finance-dashboard-highlights[b-g6kn6kc90u],
.office-client-finance-dashboard-sync[b-g6kn6kc90u] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.office-client-finance-dashboard-highlights > div[b-g6kn6kc90u],
.office-client-finance-dashboard-sync > div[b-g6kn6kc90u] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-client-finance-dashboard-highlights strong[b-g6kn6kc90u],
.office-client-finance-dashboard-sync strong[b-g6kn6kc90u] {
    color: var(--office-foreground);
    font-size: 1rem;
    overflow-wrap: anywhere;
}

@keyframes office-client-finance-drawer-in-b-g6kn6kc90u {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

@media (max-width: 1180px) {
    .office-client-billings-toolbar[b-g6kn6kc90u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .office-client-billings-toolbar > div[b-g6kn6kc90u] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

@media (max-width: 900px) {
    .office-client-billings-header[b-g6kn6kc90u],
    .office-client-billings-pagination[b-g6kn6kc90u] {
        align-items: stretch;
        flex-direction: column;
    }

    .office-client-billings-header-actions[b-g6kn6kc90u] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .office-client-negotiations-trigger[b-g6kn6kc90u] {
        width: 100%;
    }

    .office-client-negotiations-trigger > button[b-g6kn6kc90u] {
        width: 100%;
    }

    .office-client-negotiations-popover[b-g6kn6kc90u] {
        right: auto;
        left: 0;
        width: min(100%, calc(100vw - 2rem));
    }

    .office-client-billings-toolbar[b-g6kn6kc90u] {
        grid-template-columns: 1fr;
    }

    .office-client-negotiation-detail-values[b-g6kn6kc90u] {
        grid-template-columns: 1fr;
    }

    .office-client-billings-actions[b-g6kn6kc90u] {
        flex-wrap: wrap;
    }
}

@media (max-width: 760px) {
    .office-client-finance-drawer[b-g6kn6kc90u] {
        width: 100vw;
        min-width: 0;
    }

    .office-client-finance-dashboard-toolbar[b-g6kn6kc90u] {
        align-items: stretch;
        flex-direction: column;
    }

    .office-client-finance-dashboard-toolbar-actions[b-g6kn6kc90u] {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .office-client-finance-dashboard-filter-menu[b-g6kn6kc90u],
    .office-client-finance-dashboard-filter-button[b-g6kn6kc90u] {
        width: 100%;
    }

    .office-client-finance-dashboard-filter-popover[b-g6kn6kc90u] {
        position: fixed;
        top: auto;
        right: 1rem;
        bottom: 1rem;
        left: 1rem;
        width: auto;
        max-height: min(28rem, calc(100vh - 2rem));
    }

    .office-client-finance-dashboard-filter-dates[b-g6kn6kc90u] {
        grid-template-columns: 1fr;
    }

    .office-client-finance-dashboard-grid[b-g6kn6kc90u],
    .office-client-finance-dashboard-highlights[b-g6kn6kc90u],
    .office-client-finance-dashboard-sync[b-g6kn6kc90u] {
        grid-template-columns: 1fr;
    }

    .office-client-billings-table-wrap[b-g6kn6kc90u] {
        display: none;
    }

    .office-client-billings-card-list[b-g6kn6kc90u] {
        display: grid;
    }

    .office-client-billings-payment-card > div:first-child[b-g6kn6kc90u],
    .office-client-billings-payment-card dl[b-g6kn6kc90u],
    .office-client-negotiation-card div[b-g6kn6kc90u],
    .office-client-negotiation-card footer[b-g6kn6kc90u],
    .office-client-negotiation-detail-payments div[b-g6kn6kc90u],
    .office-client-billings-pagination div[b-g6kn6kc90u] {
        display: grid;
        grid-template-columns: 1fr;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeClientBillingsNegotiations.razor.rz.scp.css */
.office-client-negotiations-page[b-zabznux2mc] {
    display: grid;
    gap: 1rem;
}

.office-client-negotiations-loading[b-zabznux2mc],
.office-client-negotiations-header[b-zabznux2mc],
.office-client-negotiations-toolbar[b-zabznux2mc],
.office-client-negotiations-table-card[b-zabznux2mc] {
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-client-negotiations-loading[b-zabznux2mc] {
    padding: 1.2rem;
    border-radius: 0.5rem;
    color: var(--office-muted);
}

.office-client-negotiations-header[b-zabznux2mc] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.5rem;
}

.office-client-negotiations-header span[b-zabznux2mc],
.office-client-negotiations-drawer-header span[b-zabznux2mc],
.office-client-negotiations-detail-values span[b-zabznux2mc] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-client-negotiations-header h1[b-zabznux2mc],
.office-client-negotiations-drawer-header h2[b-zabznux2mc] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.55rem;
    font-weight: 700;
}

.office-client-negotiations-header p[b-zabznux2mc],
.office-client-negotiations-muted-cell span[b-zabznux2mc],
.office-client-negotiations-main-cell span[b-zabznux2mc],
.office-client-negotiations-table-header span[b-zabznux2mc],
.office-client-negotiations-empty[b-zabznux2mc],
.office-client-negotiations-pagination[b-zabznux2mc] {
    color: var(--office-muted);
}

.office-client-negotiations-header p[b-zabznux2mc] {
    margin: 0.45rem 0 0;
    max-width: 48rem;
}

.office-client-negotiations-primary-button[b-zabznux2mc],
.office-client-negotiations-secondary-button[b-zabznux2mc],
.office-client-negotiations-action-button[b-zabznux2mc] {
    min-height: 2.5rem;
    border: 1px solid transparent;
    border-radius: 0.45rem;
    padding: 0.65rem 0.9rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.office-client-negotiations-primary-button[b-zabznux2mc] {
    background: var(--office-primary);
    color: var(--office-primary-foreground);
}

.office-client-negotiations-secondary-button[b-zabznux2mc],
.office-client-negotiations-action-button[b-zabznux2mc] {
    border-color: var(--office-border);
    background: transparent;
    color: var(--office-foreground);
}

.office-client-negotiations-primary-button:disabled[b-zabznux2mc],
.office-client-negotiations-secondary-button:disabled[b-zabznux2mc],
.office-client-negotiations-action-button:disabled[b-zabznux2mc] {
    opacity: 0.6;
    cursor: not-allowed;
}

.office-client-negotiations-toolbar[b-zabznux2mc] {
    display: grid;
    grid-template-columns: minmax(12rem, 18rem) auto;
    align-items: end;
    gap: 1rem;
    padding: 1rem;
    border-radius: 0.5rem;
}

.office-client-negotiations-toolbar label[b-zabznux2mc] {
    display: grid;
    gap: 0.45rem;
}

.office-client-negotiations-toolbar label span[b-zabznux2mc] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 700;
}

.office-client-negotiations-toolbar select[b-zabznux2mc],
.office-client-negotiations-drawer textarea[b-zabznux2mc] {
    width: 100%;
    min-height: 2.85rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.45rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-client-negotiations-toolbar select:focus[b-zabznux2mc],
.office-client-negotiations-drawer textarea:focus[b-zabznux2mc] {
    outline: none;
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.15);
}

.office-client-negotiations-toolbar div[b-zabznux2mc],
.office-client-negotiations-actions[b-zabznux2mc],
.office-client-negotiations-pagination div[b-zabznux2mc],
.office-client-negotiations-drawer-footer[b-zabznux2mc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.office-client-negotiations-table-card[b-zabznux2mc] {
    border-radius: 0.5rem;
    overflow: visible;
}

.office-client-negotiations-table-header[b-zabznux2mc],
.office-client-negotiations-pagination[b-zabznux2mc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-client-negotiations-table-header h2[b-zabznux2mc] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1rem;
}

.office-client-negotiations-table-wrap[b-zabznux2mc] {
    overflow-x: auto;
}

.office-client-negotiations-table[b-zabznux2mc] {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
}

.office-client-negotiations-table th[b-zabznux2mc],
.office-client-negotiations-table td[b-zabznux2mc] {
    padding: 0.9rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
    text-align: left;
    vertical-align: middle;
}

.office-client-negotiations-table th[b-zabznux2mc] {
    color: var(--office-muted);
    font-size: 0.78rem;
    text-transform: uppercase;
}

.office-client-negotiations-main-cell[b-zabznux2mc],
.office-client-negotiations-muted-cell[b-zabznux2mc] {
    display: grid;
    gap: 0.25rem;
}

.office-client-negotiations-empty[b-zabznux2mc] {
    padding: 1.5rem;
}

.office-client-negotiations-pagination[b-zabznux2mc] {
    border-top: 1px solid var(--office-border);
    border-bottom: 0;
}

.office-client-negotiations-status[b-zabznux2mc] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0 0.65rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
}

.office-client-negotiations-status.needs-client[b-zabznux2mc] {
    color: #7f1d1d;
    background: #fee2e2;
}

.office-client-negotiations-status.needs-office[b-zabznux2mc] {
    color: #654200;
    background: #fef3c7;
}

.office-client-negotiations-status.accepted[b-zabznux2mc] {
    color: #12563c;
    background: #c9f7df;
}

.office-client-negotiations-status.rejected[b-zabznux2mc] {
    color: #7f1d1d;
    background: #fee2e2;
}

.office-client-negotiations-status.closed[b-zabznux2mc] {
    color: #475569;
    background: #f1f5f9;
}

.office-client-negotiations-drawer-backdrop[b-zabznux2mc] {
    position: fixed;
    inset: 0;
    z-index: 60;
    display: flex;
    justify-content: flex-end;
    background: rgba(15, 23, 42, 0.38);
}

.office-client-negotiations-drawer[b-zabznux2mc] {
    display: grid;
    grid-template-rows: auto 1fr auto;
    width: min(720px, 100%);
    height: 100%;
    background: var(--office-surface);
    box-shadow: -16px 0 36px rgba(15, 23, 42, 0.16);
}

.office-client-negotiations-drawer-header[b-zabznux2mc],
.office-client-negotiations-drawer-footer[b-zabznux2mc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-client-negotiations-drawer-footer[b-zabznux2mc] {
    justify-content: flex-end;
    border-top: 1px solid var(--office-border);
    border-bottom: 0;
}

.office-client-negotiations-close-button[b-zabznux2mc] {
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: transparent;
    color: var(--office-foreground);
    cursor: pointer;
}

.office-client-negotiations-drawer-body[b-zabznux2mc] {
    display: grid;
    gap: 1rem;
    align-content: start;
    padding: 1rem;
    overflow-y: auto;
}

.office-client-negotiations-detail-status[b-zabznux2mc],
.office-client-negotiations-detail-payments div[b-zabznux2mc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.office-client-negotiations-detail-values[b-zabznux2mc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.office-client-negotiations-detail-values div[b-zabznux2mc],
.office-client-negotiations-detail-section[b-zabznux2mc] {
    padding: 0.85rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface-muted);
}

.office-client-negotiations-detail-section[b-zabznux2mc] {
    display: grid;
    gap: 0.75rem;
}

.office-client-negotiations-detail-section h3[b-zabznux2mc] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1rem;
}

.office-client-negotiations-detail-payments[b-zabznux2mc],
.office-client-negotiations-messages[b-zabznux2mc] {
    display: grid;
    gap: 0.6rem;
}

.office-client-negotiations-message[b-zabznux2mc] {
    padding: 0.75rem;
    border-radius: 0.5rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface);
}

.office-client-negotiations-message.office[b-zabznux2mc] {
    border-color: #bfdbfe;
    background: #eff6ff;
}

.office-client-negotiations-message span[b-zabznux2mc] {
    color: var(--office-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.office-client-negotiations-message p[b-zabznux2mc] {
    margin: 0.35rem 0 0;
    white-space: pre-wrap;
}

.office-client-negotiations-reply-option[b-zabznux2mc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--office-foreground);
    font-weight: 700;
}

.office-client-negotiations-counter[b-zabznux2mc] {
    color: var(--office-muted);
    text-align: right;
    font-size: 0.82rem;
    font-weight: 700;
}

.office-client-negotiations-counter.invalid[b-zabznux2mc] {
    color: #b91c1c;
}

@media (max-width: 760px) {
    .office-client-negotiations-header[b-zabznux2mc],
    .office-client-negotiations-pagination[b-zabznux2mc] {
        align-items: stretch;
        flex-direction: column;
    }

    .office-client-negotiations-toolbar[b-zabznux2mc],
    .office-client-negotiations-detail-values[b-zabznux2mc] {
        grid-template-columns: 1fr;
    }

    .office-client-negotiations-toolbar div[b-zabznux2mc],
    .office-client-negotiations-pagination div[b-zabznux2mc],
    .office-client-negotiations-drawer-footer[b-zabznux2mc] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeClientCreate.razor.rz.scp.css */
.office-client-create-page[b-ome8xfsltz] {
    display: grid;
    gap: 1.25rem;
}

.office-client-create-header[b-ome8xfsltz] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
}

.office-client-create-eyebrow[b-ome8xfsltz] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--office-primary);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.office-client-create-header h1[b-ome8xfsltz] {
    margin: 0;
    font-size: 1.55rem;
    color: var(--office-foreground);
    letter-spacing: 0;
    font-weight: 700;
}

.office-client-create-header p[b-ome8xfsltz],
.office-client-create-section-header p[b-ome8xfsltz],
.office-client-create-note span[b-ome8xfsltz] {
    margin: 0;
    color: var(--office-muted);
}

.office-client-create-header p[b-ome8xfsltz] {
    margin-top: 0.45rem;
}

.office-client-create-primary-button[b-ome8xfsltz],
.office-client-create-secondary-button[b-ome8xfsltz] {
    border-radius: 0.6rem;
    border: 1px solid transparent;
    font: inherit;
    cursor: pointer;
}

.office-client-create-primary-button[b-ome8xfsltz] {
    min-height: 3rem;
    padding: 0.9rem 1.15rem;
    background: var(--office-primary);
    color: var(--office-primary-foreground);
    font-weight: 700;
    box-shadow: 0 16px 36px rgba(0, 42, 186, 0.18);
}

.office-client-create-secondary-button[b-ome8xfsltz] {
    min-height: 2.8rem;
    padding: 0.7rem 1rem;
    background: var(--office-surface);
    color: var(--office-foreground);
    border-color: var(--office-border);
}

.office-client-create-primary-button:disabled[b-ome8xfsltz],
.office-client-create-secondary-button:disabled[b-ome8xfsltz] {
    opacity: 0.65;
    cursor: not-allowed;
}

.office-client-create-loading[b-ome8xfsltz],
.office-client-create-feedback[b-ome8xfsltz] {
    padding: 1rem 1.1rem;
    border-radius: 0.75rem;
    border: 1px solid var(--office-feedback-info-border);
    background: var(--office-feedback-info-bg);
    color: var(--office-feedback-info-text);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-client-create-feedback.error[b-ome8xfsltz] {
    border-color: var(--office-feedback-error-border);
    background: var(--office-feedback-error-bg);
    color: var(--office-feedback-error-text);
}

.office-client-create-feedback.compact[b-ome8xfsltz] {
    margin-top: 0.2rem;
}

.office-client-create-shell[b-ome8xfsltz] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(20rem, 0.95fr);
    gap: 1rem;
    align-items: start;
}

.office-client-create-column[b-ome8xfsltz] {
    display: grid;
    gap: 1rem;
}

.office-client-create-column-side[b-ome8xfsltz] {
    position: sticky;
    top: 1rem;
}

.office-client-create-section[b-ome8xfsltz] {
    padding: 1rem;
    border-radius: 0.75rem;
    background: var(--office-surface);
    border: 1px solid var(--office-border);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-client-create-section-header[b-ome8xfsltz] {
    margin-bottom: 1rem;
}

.office-client-create-section-header h2[b-ome8xfsltz] {
    margin: 0;
    font-size: 1.02rem;
    color: var(--office-foreground);
}

.office-client-create-section-header p[b-ome8xfsltz] {
    margin-top: 0.35rem;
    font-size: 0.92rem;
    line-height: 1.45;
}

.office-client-create-grid[b-ome8xfsltz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.office-client-create-grid-single[b-ome8xfsltz] {
    grid-template-columns: 1fr;
}

.office-client-create-field[b-ome8xfsltz] {
    display: grid;
    gap: 0.5rem;
}

.office-client-create-zip-shell[b-ome8xfsltz] {
    position: relative;
}

.office-client-create-zip-notification[b-ome8xfsltz] {
    position: absolute;
    top: 0.55rem;
    right: 0.6rem;
    z-index: 1;
    max-width: calc(100% - 1.2rem);
    padding: 0.22rem 0.5rem;
    border-radius: 999px;
    background: rgba(153, 27, 27, 0.96);
    color: #fee2e2;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.2;
    pointer-events: none;
    box-shadow: 0 10px 24px rgba(153, 27, 27, 0.24);
}

.office-client-create-field-wide[b-ome8xfsltz] {
    grid-column: span 2;
}

.office-client-create-field span[b-ome8xfsltz],
.office-client-create-note strong[b-ome8xfsltz] {
    color: var(--office-foreground);
    font-size: 0.92rem;
    font-weight: 700;
}

.office-client-create-field[b-ome8xfsltz]  .office-client-create-input,
.office-client-create-field input[b-ome8xfsltz],
.office-client-create-field select[b-ome8xfsltz] {
    width: 100%;
    min-height: 3rem;
    padding: 0.85rem 1rem;
    border-radius: 0.6rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-client-create-field[b-ome8xfsltz]  .office-client-create-input:focus,
.office-client-create-field[b-ome8xfsltz]  .office-client-create-input:focus-visible,
.office-client-create-field input:focus[b-ome8xfsltz],
.office-client-create-field input:focus-visible[b-ome8xfsltz],
.office-client-create-field select:focus[b-ome8xfsltz],
.office-client-create-field select:focus-visible[b-ome8xfsltz] {
    outline: none;
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.15);
}

.office-client-create-field .validation-message[b-ome8xfsltz] {
    color: var(--office-feedback-error-strong);
    font-size: 0.85rem;
    font-weight: 700;
    line-height: 1.35;
}

.office-client-create-field:has(.validation-message:not(:empty)) .office-client-create-input[b-ome8xfsltz],
.office-client-create-field:has(.validation-message:not(:empty))[b-ome8xfsltz]  .office-client-create-input,
.office-client-create-field:has(.validation-message:not(:empty)) input.office-client-create-input[b-ome8xfsltz] {
    border-color: var(--office-input-error-border);
    background: var(--office-input-error-bg);
    box-shadow: 0 0 0 2px var(--office-input-error-ring);
}

.office-client-create-note[b-ome8xfsltz] {
    display: grid;
    gap: 0.45rem;
    padding: 1rem;
    border-radius: 0.6rem;
    border: 1px dashed var(--office-border);
    background: var(--office-surface-muted);
}

.office-client-create-tag-create[b-ome8xfsltz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 5rem auto;
    align-items: end;
    gap: 0.75rem;
    margin-bottom: 0.9rem;
}

.office-client-create-color-field[b-ome8xfsltz] {
    min-width: 0;
}

.office-client-create-color-input[b-ome8xfsltz] {
    width: 100%;
    min-height: 3rem;
    padding: 0.25rem;
    border-radius: 0.6rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    cursor: pointer;
}

.office-client-create-tag-list[b-ome8xfsltz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.office-client-create-tag-list label[b-ome8xfsltz] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.45rem;
    padding: 0.55rem 0.75rem;
    border-radius: 999px;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font-weight: 700;
    cursor: pointer;
}

.office-client-create-tag-list label.active[b-ome8xfsltz] {
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.12);
}

.office-client-create-tag-dot[b-ome8xfsltz] {
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.16);
    flex: 0 0 auto;
}

.office-client-create-caption[b-ome8xfsltz] {
    color: var(--office-muted);
    font-size: 0.88rem;
    line-height: 1.4;
}

.office-client-create-actions[b-ome8xfsltz] {
    display: flex;
    justify-content: end;
    gap: 0.75rem;
}

.office-client-create-modal-backdrop[b-ome8xfsltz] {
    position: fixed;
    inset: 0;
    z-index: 60;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.42);
}

.office-client-create-modal[b-ome8xfsltz] {
    width: min(100%, 28rem);
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border-radius: 0.75rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.28);
}

.office-client-create-modal h2[b-ome8xfsltz] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.1rem;
    letter-spacing: 0;
}

.office-client-create-modal p[b-ome8xfsltz] {
    margin: 0.35rem 0 0;
    color: var(--office-muted);
    line-height: 1.45;
}

.office-client-create-modal-actions[b-ome8xfsltz] {
    display: flex;
    justify-content: end;
    gap: 0.75rem;
}

@media (max-width: 980px) {
    .office-client-create-header[b-ome8xfsltz],
    .office-client-create-actions[b-ome8xfsltz],
    .office-client-create-modal-actions[b-ome8xfsltz] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .office-client-create-shell[b-ome8xfsltz] {
        grid-template-columns: 1fr;
    }

    .office-client-create-column-side[b-ome8xfsltz] {
        position: static;
    }

    .office-client-create-tag-create[b-ome8xfsltz] {
        grid-template-columns: minmax(0, 1fr) 5rem;
    }

    .office-client-create-tag-create .office-client-create-secondary-button[b-ome8xfsltz] {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (max-width: 780px) {
    .office-client-create-grid[b-ome8xfsltz] {
        grid-template-columns: 1fr;
    }

    .office-client-create-tag-create[b-ome8xfsltz] {
        grid-template-columns: 1fr;
    }

    .office-client-create-field-wide[b-ome8xfsltz] {
        grid-column: span 1;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeClientDashboard.razor.rz.scp.css */
.office-page[b-omi1eyg604] {
    display: grid;
    gap: 1rem;
    margin: 0;
}

.office-page-header[b-omi1eyg604] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.office-page-header span[b-omi1eyg604],
.office-dashboard-welcome span[b-omi1eyg604] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-page-header h1[b-omi1eyg604] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.55rem;
    font-weight: 700;
}

.office-dashboard-welcome[b-omi1eyg604] {
    padding: 1.5rem;
    border-radius: 0.5rem;
    background: var(--office-surface);
    border: 1px solid var(--office-border);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-dashboard-welcome h2[b-omi1eyg604] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.8rem;
}

.office-dashboard-user-heading[b-omi1eyg604] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.5rem;
}

.office-dashboard-welcome .office-dashboard-user-role[b-omi1eyg604] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    margin: 0;
    padding: 0.32rem 0.7rem;
    border: 1px solid rgba(0, 42, 186, 0.34);
    border-radius: 999px;
    background: rgba(0, 42, 186, 0.12);
    color: var(--office-primary);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
}

.office-dashboard-welcome p[b-omi1eyg604] {
    margin: 0;
    color: var(--office-muted);
}

.office-dashboard-linked-company strong[b-omi1eyg604] {
    color: var(--office-foreground);
    font-weight: 800;
}

.office-dashboard-billings[b-omi1eyg604] {
    display: grid;
    gap: 1.25rem;
    padding: 1.35rem;
    border: 1px solid var(--office-border);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--office-surface) 96%, #ffffff 4%);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-dashboard-billings-header[b-omi1eyg604] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.office-dashboard-billings-header h2[b-omi1eyg604] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.1rem;
    font-weight: 800;
}

.office-dashboard-billings-actions[b-omi1eyg604] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.office-dashboard-filter-menu[b-omi1eyg604] {
    position: relative;
}

.office-dashboard-billings-actions button[b-omi1eyg604] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.25rem;
    padding: 0.45rem 0.85rem;
    border: 1px solid #0838f9;
    border-radius: 999px;
    background: transparent;
    color: #0838f9;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 800;
    cursor: pointer;
}

.office-dashboard-period-backdrop[b-omi1eyg604] {
    position: fixed;
    inset: 0;
    z-index: 39;
    background: transparent;
}

.office-dashboard-period-popover[b-omi1eyg604] {
    position: absolute;
    top: calc(100% + 0.55rem);
    right: 0;
    z-index: 40;
    display: grid;
    width: min(34rem, calc(100vw - 2rem));
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.75rem;
    background: var(--office-surface);
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.22);
}

.office-dashboard-period-option[b-omi1eyg604] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.office-dashboard-period-option input[b-omi1eyg604] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.office-dashboard-period-option span[b-omi1eyg604] {
    display: inline-grid;
    place-items: center;
    width: 1.05rem;
    height: 1.05rem;
    margin: 0;
    border: 1px solid #94a3b8;
    border-radius: 999px;
    background: transparent;
}

.office-dashboard-period-option span[b-omi1eyg604]::before {
    content: "";
    width: 0.55rem;
    height: 0.55rem;
    border-radius: inherit;
    background: #0838f9;
    opacity: 0;
}

.office-dashboard-period-option input:checked + span[b-omi1eyg604] {
    border-color: #0838f9;
}

.office-dashboard-period-option input:checked + span[b-omi1eyg604]::before {
    opacity: 1;
}

.office-dashboard-period-custom[b-omi1eyg604] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
}

.office-dashboard-period-custom input[b-omi1eyg604] {
    width: 100%;
    height: 2.45rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--office-border);
    border-radius: 0.55rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-dashboard-period-custom input:disabled[b-omi1eyg604] {
    opacity: 0.55;
    cursor: not-allowed;
}

.office-dashboard-period-custom span[b-omi1eyg604] {
    margin: 0;
    color: var(--office-muted);
    font-size: 0.85rem;
    font-weight: 700;
}

.office-dashboard-period-actions[b-omi1eyg604] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    margin: 0 -1rem -1rem;
    padding: 1rem;
    border-top: 1px solid var(--office-border);
}

.office-dashboard-period-actions button[b-omi1eyg604] {
    min-width: 5.75rem;
    background: transparent;
}

.office-dashboard-period-actions button.primary[b-omi1eyg604] {
    background: #0838f9;
    color: #ffffff;
}

.office-dashboard-billings-actions button svg[b-omi1eyg604],
.office-dashboard-billing-card svg[b-omi1eyg604] {
    width: 0.95rem;
    height: 0.95rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.office-dashboard-billings-loading[b-omi1eyg604] {
    padding: 1rem;
    color: var(--office-muted);
}

.office-dashboard-billings-grid[b-omi1eyg604] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.office-dashboard-billing-card[b-omi1eyg604] {
    --billing-accent: #0838f9;
    --billing-soft: rgba(8, 56, 249, 0.18);
    display: grid;
    gap: 0.75rem;
    min-height: 14rem;
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.75rem;
    background: var(--office-surface);
}

.office-dashboard-billing-card.skeleton[b-omi1eyg604] {
    align-content: start;
}

.office-dashboard-billing-card.paid[b-omi1eyg604] {
    --billing-accent: #108a51;
    --billing-soft: rgba(16, 138, 81, 0.18);
}

.office-dashboard-billing-card.confirmed[b-omi1eyg604] {
    --billing-accent: #0838f9;
    --billing-soft: rgba(8, 56, 249, 0.18);
}

.office-dashboard-billing-card.waiting[b-omi1eyg604] {
    --billing-accent: #d97706;
    --billing-soft: rgba(217, 119, 6, 0.18);
}

.office-dashboard-billing-card.overdue[b-omi1eyg604] {
    --billing-accent: #e11d48;
    --billing-soft: rgba(225, 29, 72, 0.18);
}

.office-dashboard-billing-card.canceled[b-omi1eyg604] {
    --billing-accent: #64748b;
    --billing-soft: rgba(100, 116, 139, 0.18);
}

.office-dashboard-billing-card-header[b-omi1eyg604] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.office-dashboard-billing-card-header span[b-omi1eyg604] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 0.86rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
}

.office-dashboard-billing-card-header svg[b-omi1eyg604] {
    color: #0838f9;
}

.office-dashboard-billing-card > strong[b-omi1eyg604] {
    color: var(--billing-accent);
    font-size: 1.45rem;
    line-height: 1.1;
}

.office-dashboard-billing-card > small[b-omi1eyg604] {
    color: var(--office-muted);
    font-size: 0.74rem;
    font-weight: 700;
}

.office-dashboard-billing-track[b-omi1eyg604] {
    height: 0.55rem;
    overflow: hidden;
    border-radius: 999px;
    background: repeating-linear-gradient(135deg, var(--billing-soft) 0 0.45rem, color-mix(in srgb, var(--billing-soft) 50%, transparent) 0.45rem 0.9rem);
}

.office-dashboard-billing-track > div[b-omi1eyg604] {
    height: 100%;
    border-radius: inherit;
    background: var(--billing-accent);
}

.office-dashboard-billing-card-footer[b-omi1eyg604] {
    display: grid;
    gap: 0.4rem;
    align-self: end;
    color: var(--billing-accent);
    font-size: 0.8rem;
    font-weight: 800;
}

.office-dashboard-billing-card-footer span[b-omi1eyg604] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    margin: 0;
    color: inherit;
    font-size: inherit;
    letter-spacing: 0;
    text-transform: none;
}

@media (max-width: 760px) {
    .office-dashboard-billings-header[b-omi1eyg604],
    .office-dashboard-billings-actions[b-omi1eyg604] {
        align-items: flex-start;
        flex-direction: column;
    }

    .office-dashboard-billings-actions[b-omi1eyg604],
    .office-dashboard-billings-actions button[b-omi1eyg604] {
        width: 100%;
    }

    .office-dashboard-filter-menu[b-omi1eyg604] {
        width: 100%;
    }

    .office-dashboard-period-popover[b-omi1eyg604] {
        left: 0;
        right: auto;
        width: 100%;
    }

    .office-dashboard-period-custom[b-omi1eyg604] {
        grid-template-columns: 1fr;
    }

    .office-dashboard-billings-grid[b-omi1eyg604] {
        grid-template-columns: 1fr;
    }

}

@media (min-width: 761px) and (max-width: 1180px) {
    .office-dashboard-billings-grid[b-omi1eyg604] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeClientDocumentDetail.razor.rz.scp.css */
.office-client-document-page[b-22y74sfzmz] {
    display: grid;
    gap: 1rem;
}

.office-client-document-loading[b-22y74sfzmz],
.office-client-document-empty[b-22y74sfzmz],
.office-client-document-header[b-22y74sfzmz],
.office-client-document-card[b-22y74sfzmz],
.office-client-document-section[b-22y74sfzmz] {
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-client-document-loading[b-22y74sfzmz],
.office-client-document-empty[b-22y74sfzmz] {
    padding: 1.2rem;
    border-radius: 0.5rem;
    color: var(--office-muted);
}

.office-client-document-header[b-22y74sfzmz] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.5rem;
}

.office-client-document-header span[b-22y74sfzmz],
.office-client-document-card span[b-22y74sfzmz] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-client-document-header h1[b-22y74sfzmz] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.55rem;
    font-weight: 700;
}

.office-client-document-header p[b-22y74sfzmz],
.office-client-document-card small[b-22y74sfzmz],
.office-client-document-participant-card small[b-22y74sfzmz],
.office-client-document-timeline-item small[b-22y74sfzmz],
.office-client-document-timeline-item time[b-22y74sfzmz],
.office-client-document-timeline-empty[b-22y74sfzmz] {
    color: var(--office-muted);
}

.office-client-document-header p[b-22y74sfzmz] {
    margin: 0.45rem 0 0;
}

.office-client-document-header-actions[b-22y74sfzmz],
.office-client-document-section-header[b-22y74sfzmz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.office-client-document-header-actions[b-22y74sfzmz] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.office-client-document-primary-button[b-22y74sfzmz],
.office-client-document-secondary-button[b-22y74sfzmz] {
    min-height: 2.5rem;
    border: 1px solid transparent;
    border-radius: 0.45rem;
    padding: 0.65rem 0.9rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.office-client-document-primary-button[b-22y74sfzmz] {
    background: var(--office-primary);
    color: var(--office-primary-foreground);
}

.office-client-document-secondary-button[b-22y74sfzmz] {
    border-color: var(--office-border);
    background: transparent;
    color: var(--office-foreground);
}

.office-client-document-primary-button:disabled[b-22y74sfzmz],
.office-client-document-secondary-button:disabled[b-22y74sfzmz] {
    opacity: 0.6;
    cursor: not-allowed;
}

.office-client-document-summary-grid[b-22y74sfzmz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.office-client-document-summary-grid.completed[b-22y74sfzmz] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.office-client-document-card[b-22y74sfzmz] {
    display: grid;
    gap: 0.35rem;
    padding: 1rem;
    border-radius: 0.5rem;
}

.office-client-document-card strong[b-22y74sfzmz] {
    color: var(--office-foreground);
}

.office-client-document-card-actions[b-22y74sfzmz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.4rem;
}

.office-client-document-section[b-22y74sfzmz] {
    border-radius: 0.5rem;
    overflow: hidden;
}

.office-client-document-section-header[b-22y74sfzmz] {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-client-document-section-header h2[b-22y74sfzmz] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1rem;
}

.office-client-document-preview[b-22y74sfzmz] {
    min-height: 34rem;
    background: var(--office-surface-muted);
}

.office-client-document-preview-frame[b-22y74sfzmz] {
    display: block;
    width: 100%;
    height: 72vh;
    min-height: 34rem;
    border: 0;
}

.office-client-document-preview-state[b-22y74sfzmz] {
    display: grid;
    min-height: 18rem;
    place-items: center;
    padding: 1.5rem;
    color: var(--office-muted);
    text-align: center;
}

.office-client-document-preview-state.error[b-22y74sfzmz] {
    color: var(--office-feedback-error-text);
}

.office-client-document-participants[b-22y74sfzmz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1rem;
    padding: 1.1rem;
}

.office-client-document-participant-card[b-22y74sfzmz] {
    display: grid;
    gap: 0.35rem;
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface-muted);
}

.office-client-document-participant-card.current[b-22y74sfzmz] {
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.12);
}

.office-client-document-participant-topline[b-22y74sfzmz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.office-client-document-participant-topline span:first-child[b-22y74sfzmz] {
    color: var(--office-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.office-client-document-status[b-22y74sfzmz] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0 0.65rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

.office-client-document-status.completed[b-22y74sfzmz] {
    color: #12563c;
    background: #c9f7df;
}

.office-client-document-status.revision[b-22y74sfzmz] {
    color: #6b214f;
    background: #fce7f3;
}

.office-client-document-status.pending-action[b-22y74sfzmz] {
    color: #083c5f;
    background: #d9f2ff;
}

.office-client-document-status.pending[b-22y74sfzmz],
.office-client-document-status.neutral[b-22y74sfzmz] {
    color: #654200;
    background: #fef3c7;
}

.office-client-document-timeline[b-22y74sfzmz] {
    display: grid;
    gap: 0.75rem;
    padding: 1.1rem;
}

.office-client-document-timeline-item[b-22y74sfzmz] {
    display: grid;
    grid-template-columns: 9rem minmax(0, 1fr);
    gap: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--office-border);
}

.office-client-document-timeline-item:last-child[b-22y74sfzmz] {
    border-bottom: 0;
    padding-bottom: 0;
}

.office-client-document-timeline-item strong[b-22y74sfzmz] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--office-foreground);
}

.office-client-document-timeline-empty[b-22y74sfzmz] {
    padding: 1.2rem;
}

.office-client-document-modal-backdrop[b-22y74sfzmz] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: rgba(0, 0, 0, 0.56);
}

.office-client-document-modal-card[b-22y74sfzmz] {
    position: fixed;
    z-index: 41;
    top: 50%;
    left: 50%;
    width: min(620px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    transform: translate(-50%, -50%);
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
}

.office-client-document-modal-card.compact[b-22y74sfzmz] {
    width: min(520px, calc(100vw - 2rem));
}

.office-client-document-modal-header[b-22y74sfzmz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-client-document-modal-header span[b-22y74sfzmz] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-client-document-modal-header h2[b-22y74sfzmz] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.2rem;
}

.office-client-document-modal-header p[b-22y74sfzmz] {
    margin: 0.35rem 0 0;
    color: var(--office-muted);
}

.office-client-document-modal-body[b-22y74sfzmz] {
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
}

.office-client-document-code-inputs[b-22y74sfzmz] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.65rem;
}

.office-client-document-code-input[b-22y74sfzmz] {
    width: 100%;
    aspect-ratio: 1;
    min-height: 3.25rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
    font-size: 1.35rem;
    font-weight: 800;
    text-align: center;
}

.office-client-document-code-input:focus[b-22y74sfzmz],
.office-client-document-reason-field textarea:focus[b-22y74sfzmz] {
    outline: none;
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.15);
}

.office-client-document-reason-field[b-22y74sfzmz] {
    display: grid;
    gap: 0.45rem;
}

.office-client-document-reason-field span[b-22y74sfzmz] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 700;
}

.office-client-document-reason-field textarea[b-22y74sfzmz] {
    width: 100%;
    min-height: 9rem;
    resize: vertical;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-client-document-reason-field small[b-22y74sfzmz] {
    color: var(--office-muted);
    text-align: right;
}

.office-client-document-modal-actions[b-22y74sfzmz] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
}

@media (max-width: 900px) {
    .office-client-document-header[b-22y74sfzmz] {
        align-items: stretch;
        flex-direction: column;
    }

    .office-client-document-header-actions[b-22y74sfzmz],
    .office-client-document-section-header[b-22y74sfzmz] {
        align-items: stretch;
        flex-direction: column;
    }

    .office-client-document-summary-grid[b-22y74sfzmz],
    .office-client-document-summary-grid.completed[b-22y74sfzmz] {
        grid-template-columns: 1fr;
    }

    .office-client-document-timeline-item[b-22y74sfzmz] {
        grid-template-columns: 1fr;
    }

    .office-client-document-modal-header[b-22y74sfzmz],
    .office-client-document-modal-actions[b-22y74sfzmz] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeClientDocuments.razor.rz.scp.css */
.office-client-documents-page[b-ckb1zrac12] {
    display: grid;
    gap: 1rem;
}

.office-client-documents-loading[b-ckb1zrac12],
.office-client-documents-header[b-ckb1zrac12],
.office-client-documents-toolbar[b-ckb1zrac12],
.office-client-documents-table-card[b-ckb1zrac12] {
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-client-documents-loading[b-ckb1zrac12] {
    padding: 1.2rem;
    border-radius: 0.5rem;
    color: var(--office-muted);
}

.office-client-documents-header[b-ckb1zrac12] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.5rem;
}

.office-client-documents-header span[b-ckb1zrac12] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-client-documents-header h1[b-ckb1zrac12] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.55rem;
    font-weight: 700;
}

.office-client-documents-header p[b-ckb1zrac12],
.office-client-documents-muted-cell span[b-ckb1zrac12],
.office-client-documents-table-header span[b-ckb1zrac12],
.office-client-documents-empty[b-ckb1zrac12],
.office-client-documents-pagination[b-ckb1zrac12] {
    color: var(--office-muted);
}

.office-client-documents-header p[b-ckb1zrac12] {
    margin: 0.45rem 0 0;
    max-width: 48rem;
}

.office-client-documents-primary-button[b-ckb1zrac12],
.office-client-documents-secondary-button[b-ckb1zrac12],
.office-client-documents-action-button[b-ckb1zrac12] {
    min-height: 2.5rem;
    border: 1px solid transparent;
    border-radius: 0.45rem;
    padding: 0.65rem 0.9rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.office-client-documents-primary-button[b-ckb1zrac12] {
    background: var(--office-primary);
    color: var(--office-primary-foreground);
}

.office-client-documents-secondary-button[b-ckb1zrac12],
.office-client-documents-action-button[b-ckb1zrac12] {
    border-color: var(--office-border);
    background: transparent;
    color: var(--office-foreground);
}

.office-client-documents-primary-button:disabled[b-ckb1zrac12],
.office-client-documents-secondary-button:disabled[b-ckb1zrac12],
.office-client-documents-action-button:disabled[b-ckb1zrac12] {
    opacity: 0.6;
    cursor: not-allowed;
}

.office-client-documents-toolbar[b-ckb1zrac12] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(12rem, 16rem) auto;
    align-items: end;
    gap: 1rem;
    padding: 1rem;
    border-radius: 0.5rem;
}

.office-client-documents-toolbar label[b-ckb1zrac12] {
    display: grid;
    gap: 0.45rem;
}

.office-client-documents-toolbar label span[b-ckb1zrac12] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 700;
}

.office-client-documents-toolbar input[b-ckb1zrac12],
.office-client-documents-toolbar select[b-ckb1zrac12] {
    width: 100%;
    min-height: 2.85rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.45rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-client-documents-toolbar input:focus[b-ckb1zrac12],
.office-client-documents-toolbar select:focus[b-ckb1zrac12] {
    outline: none;
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.15);
}

.office-client-documents-toolbar div[b-ckb1zrac12],
.office-client-documents-actions[b-ckb1zrac12],
.office-client-documents-pagination div[b-ckb1zrac12] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.office-client-documents-table-card[b-ckb1zrac12] {
    border-radius: 0.5rem;
    overflow: hidden;
}

.office-client-documents-table-header[b-ckb1zrac12],
.office-client-documents-pagination[b-ckb1zrac12] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-client-documents-table-header h2[b-ckb1zrac12] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1rem;
}

.office-client-documents-table-wrap[b-ckb1zrac12] {
    overflow-x: auto;
}

.office-client-documents-table[b-ckb1zrac12] {
    width: 100%;
    border-collapse: collapse;
}

.office-client-documents-table th[b-ckb1zrac12],
.office-client-documents-table td[b-ckb1zrac12] {
    padding: 0.9rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
    text-align: left;
    vertical-align: middle;
}

.office-client-documents-table th[b-ckb1zrac12] {
    color: var(--office-muted);
    font-size: 0.78rem;
    text-transform: uppercase;
}

.office-client-documents-table td[b-ckb1zrac12] {
    color: var(--office-foreground);
}

.office-client-documents-main-cell[b-ckb1zrac12],
.office-client-documents-muted-cell[b-ckb1zrac12] {
    display: grid;
    gap: 0.25rem;
}

.office-client-documents-main-cell span[b-ckb1zrac12] {
    color: var(--office-muted);
}

.office-client-documents-status[b-ckb1zrac12] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0 0.65rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

.office-client-documents-status.completed[b-ckb1zrac12] {
    color: #12563c;
    background: #c9f7df;
}

.office-client-documents-status.cancelled[b-ckb1zrac12] {
    color: #7f1d1d;
    background: #fee2e2;
}

.office-client-documents-status.pending-action[b-ckb1zrac12] {
    color: #083c5f;
    background: #d9f2ff;
}

.office-client-documents-status.pending[b-ckb1zrac12],
.office-client-documents-status.neutral[b-ckb1zrac12] {
    color: #654200;
    background: #fef3c7;
}

.office-client-documents-status.revision[b-ckb1zrac12] {
    color: #6b214f;
    background: #fce7f3;
}

.office-client-documents-signature-badge[b-ckb1zrac12] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 1.65rem;
    padding: 0 0.55rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.office-client-documents-signature-badge.signed[b-ckb1zrac12] {
    border-color: rgba(18, 86, 60, 0.26);
    color: #12563c;
    background: #c9f7df;
}

.office-client-documents-signature-badge.pending[b-ckb1zrac12] {
    border-color: rgba(8, 60, 95, 0.22);
    color: #083c5f;
    background: #d9f2ff;
}

.office-client-documents-signature-badge.revision[b-ckb1zrac12] {
    border-color: rgba(107, 33, 79, 0.2);
    color: #6b214f;
    background: #fce7f3;
}

.office-client-documents-empty[b-ckb1zrac12] {
    padding: 1.5rem;
}

.office-client-documents-pagination[b-ckb1zrac12] {
    border-top: 1px solid var(--office-border);
    border-bottom: 0;
}

@media (max-width: 900px) {
    .office-client-documents-header[b-ckb1zrac12],
    .office-client-documents-pagination[b-ckb1zrac12] {
        align-items: stretch;
        flex-direction: column;
    }

    .office-client-documents-toolbar[b-ckb1zrac12] {
        grid-template-columns: 1fr;
    }

    .office-client-documents-actions[b-ckb1zrac12] {
        flex-wrap: wrap;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeClientFinance.razor.rz.scp.css */
.office-client-finance-page[b-sqttgbj57r] {
    display: grid;
    gap: 1rem;
}

.office-client-finance-loading[b-sqttgbj57r],
.office-client-finance-header[b-sqttgbj57r],
.office-client-finance-filters[b-sqttgbj57r],
.office-client-finance-table-card[b-sqttgbj57r] {
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-client-finance-loading[b-sqttgbj57r] {
    padding: 1.2rem;
    color: var(--office-muted);
}

.office-client-finance-header[b-sqttgbj57r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem;
}

.office-client-finance-title-block[b-sqttgbj57r],
.office-client-finance-header-actions[b-sqttgbj57r],
.office-client-finance-pagination > div[b-sqttgbj57r] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.office-client-finance-title-block[b-sqttgbj57r] {
    min-width: 0;
}

.office-client-finance-title-block > div[b-sqttgbj57r] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.office-client-finance-title-block span[b-sqttgbj57r],
.office-client-finance-sync-popover-header span[b-sqttgbj57r],
.office-client-finance-meta-popover span[b-sqttgbj57r],
.office-client-finance-table-header span[b-sqttgbj57r] {
    color: var(--office-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-client-finance-title-block h1[b-sqttgbj57r] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.15;
}

.office-client-finance-title-block p[b-sqttgbj57r] {
    margin: 0;
    color: var(--office-muted);
}

.office-client-finance-back-button[b-sqttgbj57r] {
    display: inline-grid;
    place-items: center;
    width: 2.6rem;
    height: 2.6rem;
    flex: 0 0 auto;
    border: 1px solid var(--office-border);
    border-radius: 999px;
    background: transparent;
    color: var(--office-foreground);
    font: inherit;
    font-size: 1.7rem;
    line-height: 1;
    cursor: pointer;
}

.office-client-finance-secondary-button[b-sqttgbj57r],
.office-client-finance-primary-button[b-sqttgbj57r],
.office-client-finance-danger-button[b-sqttgbj57r] {
    min-height: 2.45rem;
    border-radius: 0.45rem;
    padding: 0.55rem 0.9rem;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}

.office-client-finance-secondary-button[b-sqttgbj57r] {
    border: 1px solid var(--office-border);
    background: transparent;
    color: var(--office-foreground);
}

.office-client-finance-primary-button[b-sqttgbj57r] {
    border: 1px solid #0838f9;
    background: #0838f9;
    color: #ffffff;
    box-shadow: 0 10px 20px rgba(8, 56, 249, 0.18);
}

.office-client-finance-danger-button[b-sqttgbj57r] {
    border: 1px solid #dc2626;
    background: #dc2626;
    color: #ffffff;
    box-shadow: 0 10px 20px rgba(220, 38, 38, 0.16);
}

.office-client-finance-secondary-button:hover[b-sqttgbj57r],
.office-client-finance-back-button:hover[b-sqttgbj57r] {
    background: var(--office-surface-muted);
}

.office-client-finance-primary-button:hover[b-sqttgbj57r] {
    border-color: #052fd7;
    background: #052fd7;
}

.office-client-finance-danger-button:hover[b-sqttgbj57r] {
    border-color: #b91c1c;
    background: #b91c1c;
}

.office-client-finance-secondary-button:disabled[b-sqttgbj57r],
.office-client-finance-primary-button:disabled[b-sqttgbj57r],
.office-client-finance-danger-button:disabled[b-sqttgbj57r] {
    opacity: 0.6;
    cursor: not-allowed;
}

.office-client-finance-ai-button[b-sqttgbj57r],
.office-client-finance-icon-button[b-sqttgbj57r],
.office-client-finance-meta-trigger[b-sqttgbj57r] {
    position: relative;
    flex: 0 0 auto;
}

.office-client-finance-ai-button[b-sqttgbj57r],
.office-client-finance-icon-button[b-sqttgbj57r],
.office-client-finance-meta-button[b-sqttgbj57r] {
    display: inline-grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid var(--office-border);
    border-radius: 999px;
    background: var(--office-surface-muted);
    color: var(--office-muted);
    cursor: pointer;
}

.office-client-finance-ai-button[b-sqttgbj57r] {
    overflow: hidden;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0.28rem;
    border-color: color-mix(in srgb, var(--office-primary) 42%, var(--office-border));
    background: var(--office-surface);
}

.office-client-finance-ai-button img[b-sqttgbj57r] {
    width: 2.05rem;
    height: 2.05rem;
    object-fit: contain;
    display: block;
}

.office-client-finance-icon-button svg[b-sqttgbj57r],
.office-client-finance-meta-button svg[b-sqttgbj57r] {
    width: 1.1rem;
    height: 1.1rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.office-client-finance-ai-button:hover[b-sqttgbj57r],
.office-client-finance-ai-button:focus-visible[b-sqttgbj57r],
.office-client-finance-icon-button:hover[b-sqttgbj57r],
.office-client-finance-icon-button:focus-visible[b-sqttgbj57r],
.office-client-finance-meta-button:hover[b-sqttgbj57r],
.office-client-finance-meta-button:focus-visible[b-sqttgbj57r] {
    border-color: #0838f9;
    color: #0838f9;
    outline: 0;
}

.office-client-finance-ai-button:hover[b-sqttgbj57r],
.office-client-finance-ai-button:focus-visible[b-sqttgbj57r] {
    background: color-mix(in srgb, var(--office-primary) 8%, var(--office-surface));
    transform: translateY(-1px);
}

.office-client-finance-meta-popover[b-sqttgbj57r] {
    position: absolute;
    top: calc(100% + 0.55rem);
    right: 0;
    z-index: 35;
    display: grid;
    width: min(19rem, calc(100vw - 2rem));
    gap: 0.7rem;
    padding: 0.85rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.2);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-0.25rem);
    transition: opacity 140ms ease, transform 140ms ease;
}

.office-client-finance-meta-popover[b-sqttgbj57r]::before {
    content: "";
    position: absolute;
    top: -0.45rem;
    right: 0.8rem;
    width: 0.75rem;
    height: 0.75rem;
    border-left: 1px solid var(--office-border);
    border-top: 1px solid var(--office-border);
    background: var(--office-surface);
    transform: rotate(45deg);
}

.office-client-finance-meta-trigger:hover .office-client-finance-meta-popover[b-sqttgbj57r],
.office-client-finance-meta-trigger:focus-within .office-client-finance-meta-popover[b-sqttgbj57r] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.office-client-finance-meta-popover > div[b-sqttgbj57r] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.office-client-finance-meta-popover strong[b-sqttgbj57r] {
    color: var(--office-foreground);
    font-size: 0.92rem;
    overflow-wrap: anywhere;
}

.office-client-finance-drawer-backdrop[b-sqttgbj57r] {
    position: fixed;
    inset: 0;
    z-index: 85;
    display: flex;
    justify-content: flex-end;
    background: rgba(15, 23, 42, 0.28);
}

.office-client-finance-drawer[b-sqttgbj57r] {
    display: grid;
    grid-template-rows: auto 1fr;
    width: min(60vw, 58rem);
    min-width: min(42rem, 100vw);
    height: 100%;
    overflow: hidden;
    border-left: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: -24px 0 80px rgba(15, 23, 42, 0.24);
    animation: office-client-finance-drawer-in-b-sqttgbj57r 180ms ease-out;
}

.office-client-finance-drawer-header[b-sqttgbj57r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid var(--office-border);
}

.office-client-finance-drawer-header > div[b-sqttgbj57r] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.office-client-finance-drawer-header span[b-sqttgbj57r] {
    color: var(--office-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-client-finance-drawer-header h2[b-sqttgbj57r] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.2rem;
}

.office-client-finance-drawer-body[b-sqttgbj57r] {
    display: grid;
    align-content: start;
    gap: 1rem;
    overflow-y: auto;
    padding: 1.25rem;
}

.office-client-finance-dashboard-toolbar[b-sqttgbj57r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.7rem;
    background: linear-gradient(135deg, color-mix(in srgb, var(--office-surface-muted) 70%, #ffffff 30%), var(--office-surface));
}

.office-client-finance-dashboard-toolbar span[b-sqttgbj57r] {
    min-width: 0;
    color: var(--office-foreground);
    font-weight: 800;
    overflow-wrap: anywhere;
}

.office-client-finance-dashboard-toolbar strong[b-sqttgbj57r] {
    flex: 0 0 auto;
    color: var(--office-muted);
    font-size: 0.82rem;
}

.office-client-finance-dashboard-toolbar-actions[b-sqttgbj57r] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    min-width: 0;
}

.office-client-finance-dashboard-filter-menu[b-sqttgbj57r] {
    position: relative;
}

.office-client-finance-dashboard-filter-button[b-sqttgbj57r],
.office-client-finance-dashboard-filter-actions button[b-sqttgbj57r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.25rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid #0838f9;
    border-radius: 999px;
    background: transparent;
    color: #0838f9;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
}

.office-client-finance-dashboard-filter-button.is-active[b-sqttgbj57r],
.office-client-finance-dashboard-filter-actions button.primary[b-sqttgbj57r] {
    background: #0838f9;
    color: #ffffff;
}

.office-client-finance-dashboard-filter-button svg[b-sqttgbj57r] {
    width: 0.95rem;
    height: 0.95rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.office-client-finance-dashboard-filter-backdrop[b-sqttgbj57r] {
    position: fixed;
    inset: 0;
    z-index: 89;
    background: transparent;
}

.office-client-finance-dashboard-filter-popover[b-sqttgbj57r] {
    position: absolute;
    top: calc(100% + 0.55rem);
    right: 0;
    z-index: 90;
    display: grid;
    width: min(50rem, calc(100vw - 3rem));
    max-height: min(42rem, calc(100vh - 8rem));
    overflow-y: auto;
    gap: 1.15rem;
    padding: 1.15rem 1.15rem 0;
    border: 1px solid var(--office-border);
    border-radius: 0.75rem;
    background: var(--office-surface);
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.22);
}

.office-client-finance-dashboard-filter-grid[b-sqttgbj57r] {
    display: grid;
    grid-template-columns: minmax(10rem, 1fr) minmax(10rem, 1fr) minmax(12rem, 1.1fr) minmax(15rem, 1.35fr);
    grid-template-areas:
        "billing status date options";
    gap: 0;
    align-items: start;
}

.office-client-finance-dashboard-filter-grid fieldset:nth-child(1)[b-sqttgbj57r] {
    grid-area: billing;
}

.office-client-finance-dashboard-filter-grid fieldset:nth-child(2)[b-sqttgbj57r] {
    grid-area: status;
}

.office-client-finance-dashboard-filter-grid fieldset:nth-child(3)[b-sqttgbj57r] {
    grid-area: date;
}

.office-client-finance-dashboard-filter-grid fieldset:nth-child(4)[b-sqttgbj57r] {
    grid-area: options;
    padding-left: 1.25rem;
    border-left: 1px solid var(--office-border);
}

.office-client-finance-dashboard-period-popover[b-sqttgbj57r] {
    width: min(23rem, calc(100vw - 3rem));
}

.office-client-finance-dashboard-filter-grid fieldset[b-sqttgbj57r] {
    display: grid;
    align-content: start;
    gap: 0.78rem;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.office-client-finance-dashboard-filter-grid legend[b-sqttgbj57r] {
    margin: 0 0 0.1rem;
    color: var(--office-foreground);
    font-size: 0.82rem;
    font-weight: 800;
    white-space: nowrap;
}

.office-client-finance-dashboard-filter-option[b-sqttgbj57r],
.office-client-finance-dashboard-filter-check[b-sqttgbj57r] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    color: var(--office-foreground);
    font-size: 0.86rem;
    font-weight: 600;
    line-height: 1.3;
    cursor: pointer;
}

.office-client-finance-dashboard-filter-option input[b-sqttgbj57r],
.office-client-finance-dashboard-filter-check input[b-sqttgbj57r] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.office-client-finance-dashboard-filter-option span[b-sqttgbj57r],
.office-client-finance-dashboard-filter-check span[b-sqttgbj57r] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 1.05rem;
    height: 1.05rem;
    margin: 0;
    border: 1px solid #94a3b8;
    background: transparent;
}

.office-client-finance-dashboard-filter-option span[b-sqttgbj57r] {
    border-radius: 999px;
}

.office-client-finance-dashboard-filter-check span[b-sqttgbj57r] {
    border-radius: 0.25rem;
}

.office-client-finance-dashboard-filter-option span[b-sqttgbj57r]::before,
.office-client-finance-dashboard-filter-check span[b-sqttgbj57r]::before {
    content: "";
    width: 0.55rem;
    height: 0.55rem;
    background: #0838f9;
    opacity: 0;
}

.office-client-finance-dashboard-filter-option span[b-sqttgbj57r]::before {
    border-radius: 999px;
}

.office-client-finance-dashboard-filter-check span[b-sqttgbj57r]::before {
    border-radius: 0.12rem;
}

.office-client-finance-dashboard-filter-option input:checked + span[b-sqttgbj57r],
.office-client-finance-dashboard-filter-check input:checked + span[b-sqttgbj57r] {
    border-color: #0838f9;
}

.office-client-finance-dashboard-filter-option input:checked + span[b-sqttgbj57r]::before,
.office-client-finance-dashboard-filter-check input:checked + span[b-sqttgbj57r]::before {
    opacity: 1;
}

.office-client-finance-dashboard-filter-dates[b-sqttgbj57r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 0.55rem;
    padding-top: 0.1rem;
}

.office-client-finance-dashboard-filter-dates input[b-sqttgbj57r] {
    width: 100%;
    height: 2.35rem;
    padding: 0.5rem 0.65rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-client-finance-dashboard-filter-dates input:disabled[b-sqttgbj57r] {
    opacity: 0.55;
    cursor: not-allowed;
}

.office-client-finance-dashboard-filter-dates span[b-sqttgbj57r] {
    margin: 0;
    color: var(--office-muted);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
}

.office-client-finance-dashboard-filter-actions[b-sqttgbj57r] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    margin: 0 -1.15rem;
    padding: 1rem 1.15rem;
    border-top: 1px solid var(--office-border);
    background: color-mix(in srgb, var(--office-surface) 96%, #ffffff 4%);
}

.office-client-finance-dashboard-filter-actions button[b-sqttgbj57r] {
    min-width: 5.75rem;
}

.office-client-finance-dashboard-grid[b-sqttgbj57r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.office-client-finance-dashboard-card[b-sqttgbj57r] {
    --dashboard-accent: #0838f9;
    --dashboard-soft: rgba(8, 56, 249, 0.12);
    display: grid;
    gap: 0.75rem;
    min-height: 12.5rem;
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.75rem;
    background: linear-gradient(180deg, color-mix(in srgb, var(--office-surface) 94%, var(--dashboard-soft)), var(--office-surface));
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-client-finance-dashboard-card.open[b-sqttgbj57r] {
    --dashboard-accent: #0838f9;
    --dashboard-soft: rgba(8, 56, 249, 0.12);
}

.office-client-finance-dashboard-card.overdue[b-sqttgbj57r] {
    --dashboard-accent: #dc2626;
    --dashboard-soft: rgba(220, 38, 38, 0.12);
}

.office-client-finance-dashboard-card.paid[b-sqttgbj57r] {
    --dashboard-accent: #0f766e;
    --dashboard-soft: rgba(15, 118, 110, 0.12);
}

.office-client-finance-dashboard-card.canceled[b-sqttgbj57r] {
    --dashboard-accent: #64748b;
    --dashboard-soft: rgba(100, 116, 139, 0.12);
}

.office-client-finance-dashboard-card-header[b-sqttgbj57r],
.office-client-finance-dashboard-meta[b-sqttgbj57r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.office-client-finance-dashboard-card-header span[b-sqttgbj57r],
.office-client-finance-dashboard-highlights span[b-sqttgbj57r],
.office-client-finance-dashboard-sync span[b-sqttgbj57r] {
    color: var(--office-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-client-finance-dashboard-card-header svg[b-sqttgbj57r] {
    width: 1rem;
    height: 1rem;
    color: var(--dashboard-accent);
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.office-client-finance-dashboard-card > strong[b-sqttgbj57r] {
    color: var(--dashboard-accent);
    font-size: 1.55rem;
    line-height: 1.1;
}

.office-client-finance-dashboard-card > small[b-sqttgbj57r] {
    color: var(--office-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.office-client-finance-dashboard-track[b-sqttgbj57r] {
    height: 0.55rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--office-surface-muted);
}

.office-client-finance-dashboard-track > div[b-sqttgbj57r] {
    height: 100%;
    border-radius: inherit;
    background: var(--dashboard-accent);
    transition: width 180ms ease;
}

.office-client-finance-dashboard-card.overdue .office-client-finance-dashboard-track[b-sqttgbj57r],
.office-client-finance-dashboard-card.canceled .office-client-finance-dashboard-track[b-sqttgbj57r] {
    background-image: repeating-linear-gradient(135deg, var(--dashboard-soft) 0 0.4rem, transparent 0.4rem 0.8rem);
}

.office-client-finance-dashboard-meta[b-sqttgbj57r] {
    padding-top: 0.15rem;
    color: var(--dashboard-accent);
    font-size: 0.82rem;
    font-weight: 800;
}

.office-client-finance-dashboard-meta span[b-sqttgbj57r] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.office-client-finance-dashboard-meta svg[b-sqttgbj57r] {
    width: 0.9rem;
    height: 0.9rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.office-client-finance-dashboard-highlights[b-sqttgbj57r],
.office-client-finance-dashboard-sync[b-sqttgbj57r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.office-client-finance-dashboard-highlights > div[b-sqttgbj57r],
.office-client-finance-dashboard-sync > div[b-sqttgbj57r] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-client-finance-dashboard-highlights strong[b-sqttgbj57r],
.office-client-finance-dashboard-sync strong[b-sqttgbj57r] {
    color: var(--office-foreground);
    font-size: 1rem;
    overflow-wrap: anywhere;
}

@keyframes office-client-finance-drawer-in-b-sqttgbj57r {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

.office-client-finance-status[b-sqttgbj57r],
.office-client-finance-payment-status[b-sqttgbj57r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.9rem;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.office-client-finance-status.active[b-sqttgbj57r],
.office-client-finance-payment-status.paid[b-sqttgbj57r] {
    border-color: #5eead4;
    background: #ccfbf1;
    color: #0f766e;
}

.office-client-finance-status.inactive[b-sqttgbj57r] {
    border-color: #fdba74;
    background: #ffedd5;
    color: #c2410c;
}

.office-client-finance-status.error[b-sqttgbj57r],
.office-client-finance-payment-status.overdue[b-sqttgbj57r] {
    border-color: #fca5a5;
    background: #fee2e2;
    color: #b91c1c;
}

.office-client-finance-status.not-checked[b-sqttgbj57r],
.office-client-finance-payment-status.open[b-sqttgbj57r] {
    border-color: #cbd5e1;
    background: #f1f5f9;
    color: #475569;
}

.office-client-finance-payment-status.canceled[b-sqttgbj57r] {
    border-color: #d1d5db;
    background: #f3f4f6;
    color: #374151;
}

.office-client-finance-read-badge[b-sqttgbj57r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.75rem;
    padding: 0.25rem 0.62rem;
    border: 1px solid var(--office-border);
    border-radius: 999px;
    background: var(--office-surface-muted);
    color: var(--office-muted);
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.office-client-finance-read-badge.read[b-sqttgbj57r] {
    border-color: #93c5fd;
    background: #dbeafe;
    color: #1d4ed8;
}

.office-client-finance-read-badge.unread[b-sqttgbj57r] {
    border-color: #e5e7eb;
    background: #f9fafb;
    color: #64748b;
}

.office-client-finance-negotiation-badge[b-sqttgbj57r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.65rem;
    padding: 0.2rem 0.58rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #dbeafe;
    color: #1e3a8a;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
}

.office-client-finance-negotiation-badge.negotiated[b-sqttgbj57r],
.office-client-finance-negotiation-badge.generated[b-sqttgbj57r] {
    border-color: #bbf7d0;
    background: #dcfce7;
    color: #166534;
}

.office-client-finance-negotiation-badge.canceled[b-sqttgbj57r] {
    border-color: #fecaca;
    background: #fee2e2;
    color: #991b1b;
}

.office-client-finance-status-cell[b-sqttgbj57r] {
    display: grid;
    justify-items: start;
    gap: 0.28rem;
}

.office-client-finance-status-cell small[b-sqttgbj57r],
.office-client-finance-detail-note[b-sqttgbj57r] {
    color: var(--office-muted);
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.35;
}

.office-client-finance-sync-popover[b-sqttgbj57r] {
    position: fixed;
    top: 0.85rem;
    left: 50%;
    z-index: 70;
    display: grid;
    width: min(27rem, calc(100vw - 1.5rem));
    gap: 0.55rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--office-border);
    border-top: 3px solid #0838f9;
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--office-surface) 94%, transparent);
    box-shadow: 0 14px 38px rgba(15, 23, 42, 0.16);
    transform: translateX(-50%);
}

.office-client-finance-sync-popover.completed[b-sqttgbj57r] {
    border-top-color: #0f766e;
}

.office-client-finance-sync-popover.completed-with-errors[b-sqttgbj57r] {
    border-top-color: #f59e0b;
}

.office-client-finance-sync-popover.failed[b-sqttgbj57r] {
    border-top-color: #dc2626;
}

.office-client-finance-sync-popover-header[b-sqttgbj57r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.office-client-finance-sync-popover-header > div[b-sqttgbj57r] {
    display: grid;
    gap: 0.25rem;
}

.office-client-finance-sync-popover-header strong[b-sqttgbj57r] {
    color: var(--office-foreground);
    font-size: 0.9rem;
}

.office-client-finance-sync-popover-header small[b-sqttgbj57r] {
    color: var(--office-muted);
    font-size: 0.76rem;
    font-weight: 700;
    white-space: nowrap;
}

.office-client-finance-sync-popover-track[b-sqttgbj57r] {
    height: 0.3rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--office-surface-muted);
}

.office-client-finance-sync-popover-track > div[b-sqttgbj57r] {
    height: 100%;
    border-radius: inherit;
    background: #0838f9;
    transition: width 180ms ease;
}

.office-client-finance-filters[b-sqttgbj57r] {
    display: grid;
    grid-template-columns: minmax(16rem, 1.4fr) minmax(10rem, 0.8fr) minmax(9rem, 0.7fr) minmax(10rem, 0.7fr) minmax(10rem, 0.7fr) auto;
    align-items: end;
    gap: 0.85rem;
    padding: 1rem;
}

.office-client-finance-filters label[b-sqttgbj57r] {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
}

.office-client-finance-filters label span[b-sqttgbj57r] {
    color: var(--office-foreground);
    font-size: 0.86rem;
    font-weight: 800;
}

.office-client-finance-filters input[b-sqttgbj57r],
.office-client-finance-filters select[b-sqttgbj57r] {
    width: 100%;
    height: 2.9rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-client-finance-filter-actions[b-sqttgbj57r] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.office-client-finance-table-card[b-sqttgbj57r] {
    overflow: visible;
}

.office-client-finance-table-header[b-sqttgbj57r],
.office-client-finance-pagination[b-sqttgbj57r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-client-finance-table-header > div[b-sqttgbj57r] {
    display: grid;
    gap: 0.2rem;
}

.office-client-finance-table-header h2[b-sqttgbj57r] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.05rem;
}

.office-client-finance-empty[b-sqttgbj57r] {
    padding: 1.5rem 1rem;
    color: var(--office-muted);
}

.office-client-finance-table-wrap[b-sqttgbj57r] {
    overflow: visible;
}

.office-client-finance-table[b-sqttgbj57r] {
    width: 100%;
    min-width: 64rem;
    border-collapse: collapse;
}

.office-client-finance-table th[b-sqttgbj57r],
.office-client-finance-table td[b-sqttgbj57r] {
    padding: 0.9rem 1rem;
    text-align: left;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
    vertical-align: middle;
}

.office-client-finance-table th[b-sqttgbj57r] {
    color: var(--office-muted);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-client-finance-main-cell[b-sqttgbj57r] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.office-client-finance-main-cell strong[b-sqttgbj57r] {
    color: var(--office-foreground);
    overflow-wrap: anywhere;
}

.office-client-finance-main-cell span[b-sqttgbj57r],
.office-client-finance-pagination[b-sqttgbj57r] {
    color: var(--office-muted);
}

.office-client-finance-pagination[b-sqttgbj57r] {
    border-top: 1px solid var(--office-border);
    border-bottom: 0;
}

.office-client-finance-modal-backdrop[b-sqttgbj57r] {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.54);
}

.office-client-finance-modal[b-sqttgbj57r] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(42rem, 100%);
    max-height: calc(100vh - 2rem);
    overflow: hidden;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.28);
}

.office-client-finance-modal-header[b-sqttgbj57r],
.office-client-finance-modal-footer[b-sqttgbj57r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-client-finance-modal-footer[b-sqttgbj57r] {
    justify-content: flex-end;
    border-top: 1px solid var(--office-border);
    border-bottom: 0;
}

.office-client-finance-modal-header h2[b-sqttgbj57r] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.05rem;
}

.office-client-finance-modal-header span[b-sqttgbj57r],
.office-client-finance-detail-grid span[b-sqttgbj57r] {
    color: var(--office-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-client-finance-modal-close[b-sqttgbj57r] {
    display: inline-grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--office-border);
    border-radius: 999px;
    background: transparent;
    color: var(--office-foreground);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.office-client-finance-detail-grid[b-sqttgbj57r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    overflow-y: auto;
    padding: 1rem;
}

.office-client-finance-detail-grid > div[b-sqttgbj57r] {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-surface-muted);
}

.office-client-finance-detail-grid strong[b-sqttgbj57r] {
    color: var(--office-foreground);
    overflow-wrap: anywhere;
}

.office-client-finance-detail-note[b-sqttgbj57r] {
    display: block;
    margin-top: 0.25rem;
}

.office-client-finance-confirm-modal[b-sqttgbj57r] {
    width: min(34rem, 100%);
}

.office-client-finance-confirm-body[b-sqttgbj57r] {
    padding: 1rem;
    color: var(--office-foreground);
}

.office-client-finance-confirm-body p[b-sqttgbj57r] {
    margin: 0;
}

.office-client-finance-form-grid[b-sqttgbj57r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    min-height: 0;
    overflow-y: auto;
    padding: 1rem;
}

.office-client-finance-form-grid label[b-sqttgbj57r] {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
}

.office-client-finance-form-grid label span[b-sqttgbj57r] {
    color: var(--office-foreground);
    font-size: 0.84rem;
    font-weight: 800;
}

.office-client-finance-form-grid input[b-sqttgbj57r],
.office-client-finance-form-grid select[b-sqttgbj57r],
.office-client-finance-form-grid textarea[b-sqttgbj57r] {
    width: 100%;
    min-height: 2.7rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-client-finance-input-addon[b-sqttgbj57r] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    width: 100%;
    min-height: 2.7rem;
    overflow: hidden;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-surface-muted);
}

.office-client-finance-input-addon > span[b-sqttgbj57r] {
    display: inline-grid;
    place-items: center;
    min-width: 2.2rem;
    padding: 0 0.65rem;
    border-right: 1px solid var(--office-border);
    background: var(--office-surface);
    color: var(--office-foreground);
    font-size: 0.82rem;
    font-weight: 800;
}

.office-client-finance-input-addon > input[b-sqttgbj57r] {
    min-height: 2.7rem;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.office-client-finance-input-addon:focus-within[b-sqttgbj57r] {
    border-color: #0838f9;
    box-shadow: 0 0 0 3px rgba(8, 56, 249, 0.12);
}

.office-client-finance-field-invalid .office-client-finance-input-addon[b-sqttgbj57r] {
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12);
}

.office-client-finance-field-invalid .office-client-finance-input-addon > span[b-sqttgbj57r] {
    border-right-color: #dc2626;
    color: #b91c1c;
}

.office-client-finance-field-error[b-sqttgbj57r] {
    color: #dc2626;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.25;
}

.office-client-finance-form-grid textarea[b-sqttgbj57r] {
    resize: vertical;
}

.office-client-finance-form-wide[b-sqttgbj57r],
.office-client-finance-form-note[b-sqttgbj57r] {
    grid-column: 1 / -1;
}

.office-client-finance-form-check[b-sqttgbj57r] {
    display: flex !important;
    align-items: center;
    grid-template-columns: auto 1fr;
}

.office-client-finance-form-check input[b-sqttgbj57r] {
    width: 1rem;
    height: 1rem;
    min-height: 0;
    padding: 0;
}

.office-client-finance-form-note[b-sqttgbj57r] {
    padding: 0.85rem;
    border: 1px solid #facc15;
    border-radius: 0.45rem;
    background: #fef9c3;
    color: #854d0e;
    font-size: 0.84rem;
    font-weight: 700;
}

.office-client-finance-form-note.danger[b-sqttgbj57r] {
    border-color: #fca5a5;
    background: #fee2e2;
    color: #991b1b;
}

@media (max-width: 74rem) {
    .office-client-finance-header[b-sqttgbj57r],
    .office-client-finance-table-header[b-sqttgbj57r],
    .office-client-finance-pagination[b-sqttgbj57r] {
        align-items: flex-start;
        flex-direction: column;
    }

    .office-client-finance-sync-popover-header[b-sqttgbj57r] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.45rem;
    }

    .office-client-finance-sync-popover-header small[b-sqttgbj57r] {
        white-space: normal;
    }

    .office-client-finance-header-actions[b-sqttgbj57r],
    .office-client-finance-filter-actions[b-sqttgbj57r] {
        flex-wrap: wrap;
    }

    .office-client-finance-filters[b-sqttgbj57r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .office-client-finance-dashboard-filter-grid[b-sqttgbj57r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "billing status"
            "date options";
    }

    .office-client-finance-dashboard-filter-grid fieldset:nth-child(4)[b-sqttgbj57r] {
        padding-left: 0;
        padding-top: 1rem;
        border-top: 1px solid var(--office-border);
        border-left: 0;
    }
}

@media (max-width: 44rem) {
    .office-client-finance-header-actions[b-sqttgbj57r],
    .office-client-finance-title-block[b-sqttgbj57r],
    .office-client-finance-pagination > div[b-sqttgbj57r] {
        width: 100%;
    }

    .office-client-finance-title-block[b-sqttgbj57r] {
        align-items: flex-start;
    }

    .office-client-finance-header-actions[b-sqttgbj57r],
    .office-client-finance-pagination > div[b-sqttgbj57r] {
        align-items: stretch;
        flex-direction: column;
    }

    .office-client-finance-status[b-sqttgbj57r],
    .office-client-finance-secondary-button[b-sqttgbj57r],
    .office-client-finance-primary-button[b-sqttgbj57r],
    .office-client-finance-danger-button[b-sqttgbj57r] {
        width: 100%;
    }

    .office-client-finance-filters[b-sqttgbj57r],
    .office-client-finance-detail-grid[b-sqttgbj57r],
    .office-client-finance-form-grid[b-sqttgbj57r] {
        grid-template-columns: 1fr;
    }

    .office-client-finance-ai-button[b-sqttgbj57r],
    .office-client-finance-meta-trigger[b-sqttgbj57r] {
        align-self: flex-end;
    }

    .office-client-finance-drawer[b-sqttgbj57r] {
        width: 100vw;
        min-width: 0;
    }

    .office-client-finance-dashboard-grid[b-sqttgbj57r],
    .office-client-finance-dashboard-highlights[b-sqttgbj57r],
    .office-client-finance-dashboard-sync[b-sqttgbj57r],
    .office-client-finance-dashboard-filter-grid[b-sqttgbj57r] {
        grid-template-columns: 1fr;
    }

    .office-client-finance-dashboard-filter-grid[b-sqttgbj57r] {
        grid-template-areas:
            "billing"
            "status"
            "date"
            "options";
    }

    .office-client-finance-dashboard-toolbar[b-sqttgbj57r],
    .office-client-finance-dashboard-toolbar-actions[b-sqttgbj57r] {
        align-items: stretch;
        flex-direction: column;
    }

    .office-client-finance-dashboard-filter-menu[b-sqttgbj57r],
    .office-client-finance-dashboard-filter-button[b-sqttgbj57r] {
        width: 100%;
    }

    .office-client-finance-dashboard-filter-popover[b-sqttgbj57r] {
        left: 0;
        right: auto;
        width: min(100%, calc(100vw - 2.5rem));
        max-height: calc(100vh - 10rem);
    }

    .office-client-finance-dashboard-filter-dates[b-sqttgbj57r] {
        grid-template-columns: 1fr;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeClientFirstAccess.razor.rz.scp.css */
.office-client-access-page[b-xyo4p83o2z] {
    --office-font-family: 'Geist', ui-sans-serif, system-ui, sans-serif;
    --office-primary: #002aba;
    --office-primary-foreground: #ffffff;
    --office-background: #f4f7f5;
    --office-surface: #ffffff;
    --office-surface-muted: #f8faf8;
    --office-foreground: #17211c;
    --office-muted: #647069;
    --office-border: #dfe7e2;
    --office-hover: #eef3ef;
    --office-shadow: rgba(16, 24, 20, 0.08);
    --office-feedback-error-text: #9f1239;
    min-height: 100vh;
    min-height: 100dvh;
    display: grid;
    place-items: center;
    font-family: var(--office-font-family);
    padding: clamp(1.25rem, 4vw, 2.5rem);
    background:
        linear-gradient(180deg, rgba(0, 42, 186, 0.05), transparent 34%),
        var(--office-background);
    color: var(--office-foreground);
}

.office-client-access-card[b-xyo4p83o2z] {
    width: min(520px, 100%);
    display: grid;
    gap: 1rem;
    padding: clamp(1.25rem, 3vw, 1.75rem);
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-client-access-loading[b-xyo4p83o2z] {
    color: var(--office-muted);
}

.office-client-access-header[b-xyo4p83o2z] {
    display: grid;
    gap: 0.45rem;
}

.office-client-access-kicker[b-xyo4p83o2z] {
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-client-access-card h1[b-xyo4p83o2z] {
    margin: 0;
    color: var(--office-foreground);
    font-size: clamp(1.65rem, 4vw, 2rem);
    font-weight: 700;
    line-height: 1.12;
}

.office-client-access-card p[b-xyo4p83o2z] {
    margin: 0;
    color: var(--office-muted);
    line-height: 1.5;
}

.office-client-access-card form[b-xyo4p83o2z] {
    display: grid;
    gap: 0.95rem;
}

.office-client-access-card form > .office-client-access-primary[b-xyo4p83o2z] {
    margin-top: 0.45rem;
}

.office-client-access-user[b-xyo4p83o2z] {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface-muted);
}

.office-client-access-user strong[b-xyo4p83o2z] {
    color: var(--office-foreground);
}

.office-client-access-user span[b-xyo4p83o2z],
.office-client-code-panel > span[b-xyo4p83o2z] {
    color: var(--office-muted);
    overflow-wrap: anywhere;
}

.office-client-access-field[b-xyo4p83o2z] {
    display: grid;
    gap: 0.45rem;
    color: var(--office-foreground);
    font-weight: 650;
}

.office-client-access-input[b-xyo4p83o2z],
[b-xyo4p83o2z] .office-client-access-input {
    width: 100%;
    min-height: 2.9rem;
    box-sizing: border-box;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: #ffffff;
    color: var(--office-foreground);
    padding: 0.72rem 0.9rem;
    font: inherit;
    outline: none;
    transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.office-client-access-input[b-xyo4p83o2z]::placeholder,
[b-xyo4p83o2z] .office-client-access-input::placeholder {
    color: color-mix(in srgb, var(--office-muted) 78%, #ffffff);
}

.office-client-access-input:focus[b-xyo4p83o2z],
.office-client-access-input:focus-visible[b-xyo4p83o2z],
[b-xyo4p83o2z] .office-client-access-input:focus,
[b-xyo4p83o2z] .office-client-access-input:focus-visible {
    border-color: var(--office-primary);
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(0, 42, 186, 0.16);
}

.office-client-access-primary[b-xyo4p83o2z],
.office-client-access-secondary[b-xyo4p83o2z] {
    min-height: 2.9rem;
    border-radius: 0.58rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease, transform 140ms ease, box-shadow 140ms ease;
}

.office-client-access-primary[b-xyo4p83o2z] {
    border: 1px solid var(--office-primary);
    background: var(--office-primary);
    color: var(--office-primary-foreground);
    box-shadow: 0 10px 22px rgba(0, 42, 186, 0.18);
}

.office-client-access-secondary[b-xyo4p83o2z] {
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    color: var(--office-foreground);
}

.office-client-access-primary:hover:not(:disabled)[b-xyo4p83o2z],
.office-client-access-secondary:hover:not(:disabled)[b-xyo4p83o2z] {
    transform: translateY(-1px);
}

.office-client-access-secondary:hover:not(:disabled)[b-xyo4p83o2z] {
    background: var(--office-hover);
}

.office-client-access-primary:disabled[b-xyo4p83o2z],
.office-client-access-secondary:disabled[b-xyo4p83o2z],
.office-client-access-input:disabled[b-xyo4p83o2z],
[b-xyo4p83o2z] .office-client-access-input:disabled {
    opacity: 0.68;
    cursor: not-allowed;
}

.office-client-code-panel[b-xyo4p83o2z] {
    display: grid;
    gap: 1rem;
}

.office-client-code-inputs[b-xyo4p83o2z] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.55rem;
}

.office-client-code-input[b-xyo4p83o2z] {
    width: 100%;
    aspect-ratio: 1;
    min-height: 3rem;
    box-sizing: border-box;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: #ffffff;
    color: var(--office-foreground);
    font: inherit;
    font-size: 1.35rem;
    font-weight: 800;
    text-align: center;
    outline: none;
    transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.office-client-code-input:focus[b-xyo4p83o2z],
.office-client-code-input:focus-visible[b-xyo4p83o2z] {
    border-color: var(--office-primary);
    box-shadow: 0 0 0 3px rgba(0, 42, 186, 0.16);
}

.office-client-code-input:disabled[b-xyo4p83o2z] {
    opacity: 0.68;
    cursor: not-allowed;
}

[b-xyo4p83o2z] .validation-message {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--office-feedback-error-text);
    font-size: 0.9rem;
    font-weight: 600;
}

[b-xyo4p83o2z] .validation-message::before {
    content: "!";
    width: 1rem;
    height: 1rem;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
}

@media (max-width: 560px) {
    .office-client-access-page[b-xyo4p83o2z] {
        align-items: start;
        padding: 1rem;
    }

    .office-client-access-card[b-xyo4p83o2z] {
        margin-block: 1rem;
        padding: 1.1rem;
    }

    .office-client-code-inputs[b-xyo4p83o2z] {
        gap: 0.42rem;
    }

    .office-client-code-input[b-xyo4p83o2z] {
        min-height: 2.65rem;
        font-size: 1.12rem;
    }
}

@media (max-width: 360px) {
    .office-client-access-page[b-xyo4p83o2z] {
        padding-inline: 0.75rem;
    }

    .office-client-access-card[b-xyo4p83o2z] {
        padding: 0.95rem;
    }

    .office-client-access-input[b-xyo4p83o2z],
    [b-xyo4p83o2z] .office-client-access-input,
    .office-client-access-primary[b-xyo4p83o2z],
    .office-client-access-secondary[b-xyo4p83o2z] {
        min-height: 2.7rem;
        font-size: 0.92rem;
    }

    .office-client-code-input[b-xyo4p83o2z] {
        min-height: 2.35rem;
        font-size: 1rem;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeClientNoticeDetail.razor.rz.scp.css */
.office-client-notice-detail-page[b-yt0ogstsf6] {
    display: grid;
    gap: 0.65rem;
}

.office-client-notice-detail-loading[b-yt0ogstsf6],
.office-client-notice-detail-empty[b-yt0ogstsf6],
.office-client-notice-mailbox-panel[b-yt0ogstsf6] {
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: 0 12px 28px var(--office-shadow);
}

.office-client-notice-detail-loading[b-yt0ogstsf6],
.office-client-notice-detail-empty[b-yt0ogstsf6] {
    padding: 1.2rem;
    border-radius: 0.35rem;
    color: var(--office-muted);
}

.office-client-notice-detail-actions[b-yt0ogstsf6] {
    display: flex;
    justify-content: flex-end;
}

.office-client-notice-detail-secondary-button[b-yt0ogstsf6] {
    min-height: 2.4rem;
    border: 1px solid var(--office-border);
    border-radius: 0.35rem;
    padding: 0.6rem 0.9rem;
    background: var(--office-surface);
    color: var(--office-foreground);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.office-client-notice-mailbox-panel[b-yt0ogstsf6] {
    overflow: hidden;
    border-radius: 0.35rem;
}

.office-client-notice-mailbox-title[b-yt0ogstsf6] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--office-border);
    background: var(--office-surface-muted);
}

.office-client-notice-mailbox-title h1[b-yt0ogstsf6],
.office-client-notice-mailbox-title h2[b-yt0ogstsf6] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0;
}

.office-client-notice-mailbox-content[b-yt0ogstsf6] {
    padding: 1.35rem 1.25rem 1.2rem;
}

.office-client-notice-mailbox-meta[b-yt0ogstsf6],
.office-client-notice-read-meta[b-yt0ogstsf6] {
    display: grid;
    margin: 0;
}

.office-client-notice-mailbox-meta[b-yt0ogstsf6] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-client-notice-read-meta[b-yt0ogstsf6] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.1rem 1.5rem;
    padding: 1.25rem;
}

.office-client-notice-mailbox-meta div[b-yt0ogstsf6],
.office-client-notice-read-meta div[b-yt0ogstsf6] {
    min-width: 0;
}

.office-client-notice-mailbox-meta dt[b-yt0ogstsf6],
.office-client-notice-read-meta dt[b-yt0ogstsf6] {
    margin: 0 0 0.2rem;
    color: var(--office-primary);
    font-size: 0.82rem;
    font-weight: 800;
}

.office-client-notice-mailbox-meta dd[b-yt0ogstsf6],
.office-client-notice-read-meta dd[b-yt0ogstsf6] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 0.84rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.office-client-notice-mailbox-message[b-yt0ogstsf6] {
    padding-top: 0.9rem;
    color: var(--office-foreground);
    font-size: 0.95rem;
    line-height: 1.68;
}

.office-client-notice-mailbox-message p[b-yt0ogstsf6] {
    margin: 0 0 0.85rem;
}

.office-client-notice-mailbox-message p:last-child[b-yt0ogstsf6] {
    margin-bottom: 0;
}

.office-client-notice-mailbox-subject[b-yt0ogstsf6] {
    font-weight: 700;
}

@media (max-width: 1180px) {
    .office-client-notice-mailbox-meta[b-yt0ogstsf6] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .office-client-notice-read-meta[b-yt0ogstsf6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .office-client-notice-detail-actions[b-yt0ogstsf6] {
        justify-content: stretch;
    }

    .office-client-notice-detail-secondary-button[b-yt0ogstsf6] {
        width: 100%;
    }

    .office-client-notice-mailbox-meta[b-yt0ogstsf6],
    .office-client-notice-read-meta[b-yt0ogstsf6] {
        grid-template-columns: 1fr;
    }

    .office-client-notice-mailbox-content[b-yt0ogstsf6],
    .office-client-notice-read-meta[b-yt0ogstsf6] {
        padding: 1rem;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeClientNotices.razor.rz.scp.css */
.office-client-notices-page[b-85z4ids71u] {
    display: grid;
    gap: 1rem;
}

.office-client-notices-loading[b-85z4ids71u],
.office-client-notices-header[b-85z4ids71u],
.office-client-notices-toolbar[b-85z4ids71u],
.office-client-notices-table-card[b-85z4ids71u] {
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-client-notices-loading[b-85z4ids71u] {
    padding: 1.2rem;
    border-radius: 0.5rem;
    color: var(--office-muted);
}

.office-client-notices-header[b-85z4ids71u] {
    padding: 1.25rem;
    border-radius: 0.5rem;
}

.office-client-notices-header span[b-85z4ids71u] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-client-notices-header h1[b-85z4ids71u],
.office-client-notices-table-header h2[b-85z4ids71u] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.55rem;
    font-weight: 700;
}

.office-client-notices-header p[b-85z4ids71u],
.office-client-notices-table-header span[b-85z4ids71u],
.office-client-notices-empty[b-85z4ids71u],
.office-client-notices-pagination[b-85z4ids71u] {
    color: var(--office-muted);
}

.office-client-notices-header p[b-85z4ids71u] {
    margin: 0.45rem 0 0;
    max-width: 48rem;
}

.office-client-notices-primary-button[b-85z4ids71u],
.office-client-notices-secondary-button[b-85z4ids71u] {
    min-height: 2.5rem;
    border: 1px solid transparent;
    border-radius: 0.45rem;
    padding: 0.65rem 0.9rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.office-client-notices-primary-button[b-85z4ids71u] {
    background: var(--office-primary);
    color: var(--office-primary-foreground);
}

.office-client-notices-secondary-button[b-85z4ids71u] {
    border-color: var(--office-border);
    background: transparent;
    color: var(--office-foreground);
}

.office-client-notices-primary-button:disabled[b-85z4ids71u],
.office-client-notices-secondary-button:disabled[b-85z4ids71u] {
    opacity: 0.6;
    cursor: not-allowed;
}

.office-client-notices-toolbar[b-85z4ids71u] {
    display: grid;
    grid-template-columns: minmax(12rem, 16rem) auto;
    align-items: end;
    gap: 1rem;
    padding: 1rem;
    border-radius: 0.5rem;
}

.office-client-notices-toolbar label[b-85z4ids71u] {
    display: grid;
    gap: 0.45rem;
}

.office-client-notices-toolbar label span[b-85z4ids71u] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 700;
}

.office-client-notices-toolbar select[b-85z4ids71u] {
    width: 100%;
    min-height: 2.85rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.45rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-client-notices-toolbar select:focus[b-85z4ids71u] {
    outline: none;
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.15);
}

.office-client-notices-toolbar div[b-85z4ids71u],
.office-client-notices-pagination div[b-85z4ids71u] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.office-client-notices-table-card[b-85z4ids71u] {
    border-radius: 0.5rem;
    overflow: visible;
}

.office-client-notices-table-header[b-85z4ids71u],
.office-client-notices-pagination[b-85z4ids71u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-client-notices-table-header h2[b-85z4ids71u] {
    font-size: 1rem;
}

.office-client-notices-empty[b-85z4ids71u] {
    padding: 1.5rem 1.1rem;
}

.office-client-notices-table-wrap[b-85z4ids71u] {
    overflow-x: auto;
}

.office-client-notices-table[b-85z4ids71u] {
    width: 100%;
    border-collapse: collapse;
}

.office-client-notices-table th[b-85z4ids71u],
.office-client-notices-table td[b-85z4ids71u] {
    padding: 0.95rem 1.1rem;
    text-align: left;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
    vertical-align: middle;
    white-space: nowrap;
    transition: background 0.16s ease;
}

.office-client-notices-table th:first-child[b-85z4ids71u],
.office-client-notices-table td:first-child[b-85z4ids71u] {
    white-space: normal;
}

.office-client-notices-table th[b-85z4ids71u] {
    color: var(--office-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-client-notices-table tr.unread[b-85z4ids71u] {
    background: color-mix(in srgb, var(--office-primary) 6%, var(--office-surface));
}

.office-client-notices-clickable-row[b-85z4ids71u] {
    cursor: pointer;
    transition: box-shadow 0.16s ease;
}

.office-client-notices-clickable-row:hover td[b-85z4ids71u] {
    background: color-mix(in srgb, var(--office-surface-muted) 42%, #ffffff);
}

.office-client-notices-clickable-row:focus-visible[b-85z4ids71u] {
    outline: 2px solid var(--office-primary);
    outline-offset: -2px;
}

.office-client-notices-clickable-row.unread:hover td[b-85z4ids71u] {
    background: color-mix(in srgb, var(--office-primary) 8%, #ffffff);
}

.office-client-notices-table tr.unread td:first-child[b-85z4ids71u] {
    box-shadow: inset 0.35rem 0 0 var(--office-primary);
}

.office-client-notices-main-cell[b-85z4ids71u] {
    display: grid;
    gap: 0.25rem;
    min-width: 18rem;
}

.office-client-notices-main-cell strong[b-85z4ids71u] {
    color: var(--office-foreground);
}

.office-client-notices-main-cell span[b-85z4ids71u] {
    color: var(--office-muted);
    line-height: 1.45;
}

.office-client-notices-read-state[b-85z4ids71u],
.office-client-notices-priority[b-85z4ids71u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 1.75rem;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    border: 1px solid var(--office-border);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.office-client-notices-read-state.read[b-85z4ids71u],
.office-client-notices-priority.normal[b-85z4ids71u] {
    background: var(--office-surface-muted);
    color: var(--office-muted);
}

.office-client-notices-read-state.unread[b-85z4ids71u] {
    border-color: color-mix(in srgb, var(--office-primary) 32%, #ffffff);
    background: var(--office-primary);
    color: var(--office-primary-foreground);
}

.office-client-notices-priority.important[b-85z4ids71u] {
    border-color: #93c5fd;
    background: #dbeafe;
    color: #1d4ed8;
}

.office-client-notices-priority.urgent[b-85z4ids71u] {
    border-color: #fca5a5;
    background: #fee2e2;
    color: #b91c1c;
}

.office-client-notices-pagination[b-85z4ids71u] {
    border-top: 1px solid var(--office-border);
    border-bottom: 0;
}

@media (max-width: 760px) {
    .office-client-notices-header[b-85z4ids71u],
    .office-client-notices-table-header[b-85z4ids71u],
    .office-client-notices-pagination[b-85z4ids71u] {
        flex-direction: column;
        align-items: stretch;
    }

    .office-client-notices-toolbar[b-85z4ids71u] {
        grid-template-columns: 1fr;
    }

    .office-client-notices-toolbar div[b-85z4ids71u] {
        align-items: stretch;
        flex-direction: column;
    }

    .office-client-notices-toolbar .office-client-notices-secondary-button[b-85z4ids71u] {
        width: 100%;
    }
}

:global(.office-theme-dark) .office-client-notices-read-state.unread[b-85z4ids71u] {
    border-color: rgba(96, 165, 250, 0.42);
    background: var(--office-primary);
    color: var(--office-primary-foreground);
}

:global(.office-theme-dark) .office-client-notices-priority.important[b-85z4ids71u] {
    border-color: rgba(59, 130, 246, 0.34);
    background: rgba(59, 130, 246, 0.12);
    color: #93c5fd;
}

:global(.office-theme-dark) .office-client-notices-priority.urgent[b-85z4ids71u] {
    border-color: rgba(239, 68, 68, 0.34);
    background: rgba(239, 68, 68, 0.12);
    color: #fca5a5;
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeClientPortalUsers.razor.rz.scp.css */
.office-portal-users-page[b-9l3znk267q] {
    display: grid;
    gap: 1rem;
    color: var(--office-foreground);
}

.office-portal-users-loading[b-9l3znk267q],
.office-portal-users-header[b-9l3znk267q],
.office-portal-users-table-card[b-9l3znk267q] {
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-portal-users-loading[b-9l3znk267q] {
    padding: 1.2rem;
    border-radius: 0.5rem;
    color: var(--office-muted);
}

.office-portal-users-header[b-9l3znk267q] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.5rem;
}

.office-portal-users-eyebrow[b-9l3znk267q],
.office-portal-users-header span[b-9l3znk267q] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-portal-users-header h1[b-9l3znk267q],
.office-portal-users-drawer-header h2[b-9l3znk267q] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.55rem;
    font-weight: 700;
}

.office-portal-users-header p[b-9l3znk267q],
.office-portal-users-modal-caption[b-9l3znk267q],
.office-portal-users-table-header span[b-9l3znk267q],
.office-portal-users-main-cell span[b-9l3znk267q],
.office-portal-users-muted-cell span[b-9l3znk267q],
.office-portal-users-empty[b-9l3znk267q] {
    color: var(--office-muted);
}

.office-portal-users-header p[b-9l3znk267q],
.office-portal-users-modal-caption[b-9l3znk267q] {
    margin: 0.45rem 0 0;
    max-width: 46rem;
}

.office-portal-users-header-actions[b-9l3znk267q],
.office-portal-users-table-header[b-9l3znk267q],
.office-portal-users-drawer-toolbar[b-9l3znk267q],
.office-portal-users-result-banner[b-9l3znk267q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.office-portal-users-primary-button[b-9l3znk267q],
.office-portal-users-secondary-button[b-9l3znk267q],
.office-portal-users-close-button[b-9l3znk267q] {
    min-height: 2.5rem;
    border: 1px solid transparent;
    border-radius: 0.45rem;
    padding: 0.65rem 0.9rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.office-portal-users-primary-button[b-9l3znk267q] {
    background: var(--office-primary);
    color: var(--office-primary-foreground);
}

.office-portal-users-secondary-button[b-9l3znk267q],
.office-portal-users-close-button[b-9l3znk267q] {
    border-color: var(--office-border);
    background: transparent;
    color: var(--office-foreground);
}

.office-portal-users-primary-button:disabled[b-9l3znk267q],
.office-portal-users-secondary-button:disabled[b-9l3znk267q],
.office-portal-users-close-button:disabled[b-9l3znk267q] {
    opacity: 0.6;
    cursor: not-allowed;
}

.office-portal-users-result-banner[b-9l3znk267q] {
    padding: 0.85rem 1rem;
    border: 1px solid var(--office-feedback-info-border);
    border-radius: 0.5rem;
    background: var(--office-feedback-info-bg);
    color: var(--office-feedback-info-text);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-portal-users-result-banner div[b-9l3znk267q] {
    display: grid;
    gap: 0.25rem;
}

.office-portal-users-result-banner strong[b-9l3znk267q] {
    color: var(--office-foreground);
}

.office-portal-users-result-banner span[b-9l3znk267q] {
    color: inherit;
    opacity: 0.86;
    font-size: 0.9rem;
}

.office-portal-users-table-card[b-9l3znk267q] {
    border-radius: 0.5rem;
    overflow: visible;
}

.office-portal-users-table-header[b-9l3znk267q] {
    align-items: flex-start;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-portal-users-table-header h2[b-9l3znk267q],
.office-portal-users-drawer-toolbar h3[b-9l3znk267q] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1rem;
}

.office-portal-users-table-header span[b-9l3znk267q],
.office-portal-users-drawer-toolbar span[b-9l3znk267q] {
    display: block;
    margin-top: 0.3rem;
    color: var(--office-muted);
    font-size: 0.92rem;
}

.office-portal-users-table-wrap[b-9l3znk267q] {
    overflow: visible;
}

.office-portal-users-table[b-9l3znk267q] {
    width: 100%;
    border-collapse: collapse;
}

.office-portal-users-table th[b-9l3znk267q],
.office-portal-users-table td[b-9l3znk267q] {
    padding: 0.9rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
    text-align: left;
    vertical-align: middle;
}

.office-portal-users-table.compact th[b-9l3znk267q],
.office-portal-users-table.compact td[b-9l3znk267q] {
    padding: 0.75rem 0.9rem;
}

.office-portal-users-table th[b-9l3znk267q] {
    color: var(--office-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-portal-users-table td[b-9l3znk267q] {
    color: var(--office-foreground);
}

.office-portal-users-table tbody tr:hover[b-9l3znk267q] {
    background: var(--office-hover);
}

.office-portal-users-main-cell[b-9l3znk267q],
.office-portal-users-muted-cell[b-9l3znk267q] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.office-portal-users-main-cell strong[b-9l3znk267q],
.office-portal-users-muted-cell strong[b-9l3znk267q] {
    color: var(--office-foreground);
    font-size: 0.92rem;
    line-height: 1.35;
}

.office-portal-users-main-cell span[b-9l3znk267q],
.office-portal-users-muted-cell span[b-9l3znk267q] {
    font-size: 0.86rem;
    line-height: 1.35;
}

.office-portal-users-status[b-9l3znk267q] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0 0.65rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

.office-portal-users-status.active[b-9l3znk267q] {
    color: #12563c;
    background: #c9f7df;
}

.office-portal-users-status.inactive[b-9l3znk267q] {
    color: #7f1d1d;
    background: #fee2e2;
}

.office-portal-users-empty[b-9l3znk267q] {
    padding: 1.5rem;
}

.office-portal-users-empty.bordered[b-9l3znk267q] {
    border: 1px dashed var(--office-border);
    border-radius: 0.5rem;
    background: transparent;
}

.office-portal-users-modal-backdrop[b-9l3znk267q] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: rgba(0, 0, 0, 0.56);
}

.office-portal-users-drawer-card[b-9l3znk267q] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 41;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(980px, calc(100% - 1.5rem));
    border-left: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: -24px 0 70px rgba(0, 0, 0, 0.45);
}

.office-portal-users-drawer-header[b-9l3znk267q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid var(--office-border);
}

.office-portal-users-drawer-header h2[b-9l3znk267q] {
    margin-top: 0.35rem;
    font-size: 1.35rem;
}

.office-portal-users-drawer-body[b-9l3znk267q] {
    display: grid;
    align-content: start;
    gap: 1rem;
    overflow-y: auto;
    padding: 1rem 1.25rem 1.25rem;
}

.office-portal-users-form-panel[b-9l3znk267q] {
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface-muted);
}

.office-portal-users-form-panel summary[b-9l3znk267q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 3.25rem;
    padding: 0.85rem 1rem;
    cursor: pointer;
    list-style: none;
}

.office-portal-users-form-panel summary[b-9l3znk267q]::-webkit-details-marker {
    display: none;
}

.office-portal-users-form-panel summary span[b-9l3znk267q] {
    color: var(--office-muted);
    font-size: 0.92rem;
}

.office-portal-users-form-panel summary strong[b-9l3znk267q] {
    color: var(--office-primary);
    font-size: 0.92rem;
}

.office-portal-users-form-grid[b-9l3znk267q] {
    display: grid;
    grid-template-columns: minmax(10rem, 1.1fr) minmax(12rem, 1.2fr) minmax(8rem, 0.7fr) auto;
    align-items: start;
    gap: 0.85rem;
    padding: 0 1rem 1rem;
}

.office-portal-users-form-field[b-9l3znk267q] {
    display: grid;
    gap: 0.5rem;
}

.office-portal-users-form-field span[b-9l3znk267q] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 700;
}

.office-portal-users-form-field[b-9l3znk267q]  .office-portal-users-input {
    width: 100%;
    min-height: 2.85rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-surface);
    color: var(--office-foreground);
    font: inherit;
}

.office-portal-users-form-field[b-9l3znk267q]  .office-portal-users-input:focus,
.office-portal-users-form-field[b-9l3znk267q]  .office-portal-users-input:focus-visible {
    outline: none;
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.15);
}

.office-portal-users-form-field[b-9l3znk267q]  .validation-message {
    color: var(--office-feedback-error-strong);
    font-size: 0.85rem;
    font-weight: 700;
    line-height: 1.35;
}

.office-portal-users-form-submit[b-9l3znk267q] {
    align-self: end;
}

.office-portal-users-drawer-toolbar[b-9l3znk267q] {
    align-items: flex-start;
}

@media (max-width: 1100px) {
    .office-portal-users-form-grid[b-9l3znk267q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .office-portal-users-form-submit[b-9l3znk267q] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .office-portal-users-header[b-9l3znk267q],
    .office-portal-users-header-actions[b-9l3znk267q],
    .office-portal-users-table-header[b-9l3znk267q],
    .office-portal-users-drawer-header[b-9l3znk267q],
    .office-portal-users-drawer-toolbar[b-9l3znk267q],
    .office-portal-users-result-banner[b-9l3znk267q] {
        display: grid;
        align-items: stretch;
    }

    .office-portal-users-drawer-card[b-9l3znk267q] {
        width: calc(100% - 1rem);
    }

    .office-portal-users-form-grid[b-9l3znk267q] {
        grid-template-columns: 1fr;
    }

    .office-portal-users-table.compact th[b-9l3znk267q],
    .office-portal-users-table.compact td[b-9l3znk267q] {
        padding: 0.7rem;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeClients.razor.rz.scp.css */
.office-clients-page[b-gdxmpdya08] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.office-clients-loading[b-gdxmpdya08],
.office-clients-header[b-gdxmpdya08],
.office-clients-toolbar[b-gdxmpdya08],
.office-clients-table-card[b-gdxmpdya08],
.office-clients-modal-card[b-gdxmpdya08] {
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-clients-loading[b-gdxmpdya08] {
    padding: 1.2rem;
    border-radius: 0.5rem;
    color: var(--office-muted);
}

.office-clients-header[b-gdxmpdya08] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.5rem;
}

.office-clients-header span[b-gdxmpdya08],
.office-clients-modal-header span[b-gdxmpdya08] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-clients-header h1[b-gdxmpdya08],
.office-clients-modal-header h2[b-gdxmpdya08] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.55rem;
    font-weight: 700;
}

.office-clients-header p[b-gdxmpdya08],
.office-clients-modal-header p[b-gdxmpdya08],
.office-clients-muted-cell span[b-gdxmpdya08],
.office-clients-table-header span[b-gdxmpdya08],
.office-clients-empty[b-gdxmpdya08],
.office-clients-pagination[b-gdxmpdya08] {
    color: var(--office-muted);
}

.office-clients-header p[b-gdxmpdya08] {
    margin: 0.45rem 0 0;
    max-width: 46rem;
}

.office-clients-primary-button[b-gdxmpdya08],
.office-clients-secondary-button[b-gdxmpdya08] {
    min-height: 2.5rem;
    border: 1px solid transparent;
    border-radius: 0.45rem;
    padding: 0.65rem 0.9rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.office-clients-primary-button[b-gdxmpdya08] {
    background: var(--office-primary);
    color: var(--office-primary-foreground);
}

.office-clients-secondary-button[b-gdxmpdya08] {
    border-color: var(--office-border);
    background: transparent;
    color: var(--office-foreground);
}

.office-clients-primary-button:disabled[b-gdxmpdya08],
.office-clients-secondary-button:disabled[b-gdxmpdya08] {
    opacity: 0.6;
    cursor: not-allowed;
}

.office-clients-toolbar[b-gdxmpdya08] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 1rem;
    padding: 1rem;
    border-radius: 0.5rem;
}

.office-clients-toolbar label[b-gdxmpdya08],
.office-clients-form-field[b-gdxmpdya08] {
    display: grid;
    gap: 0.45rem;
}

.office-clients-toolbar label span[b-gdxmpdya08],
.office-clients-form-field span[b-gdxmpdya08] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 700;
}

.office-clients-toolbar input[b-gdxmpdya08],
.office-clients-input[b-gdxmpdya08],
.office-clients-form-field[b-gdxmpdya08]  .office-clients-input {
    width: 100%;
    min-height: 2.85rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.45rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-clients-toolbar input:focus[b-gdxmpdya08],
.office-clients-input:focus[b-gdxmpdya08],
.office-clients-form-field[b-gdxmpdya08]  .office-clients-input:focus {
    outline: none;
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.15);
}

.office-clients-toolbar div[b-gdxmpdya08],
.office-clients-actions[b-gdxmpdya08],
.office-clients-pagination div[b-gdxmpdya08],
.office-clients-modal-actions[b-gdxmpdya08] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.office-clients-feedback[b-gdxmpdya08] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.9rem 1rem;
    border-radius: 0.75rem;
    border: 1px solid var(--office-feedback-info-border);
    border-left-width: 4px;
    background: var(--office-feedback-info-bg);
    color: var(--office-feedback-info-text);
    font-weight: 600;
    line-height: 1.5;
    box-shadow: 0 12px 28px rgba(0, 42, 186, 0.08);
}

.office-clients-feedback[b-gdxmpdya08]::before {
    content: "!";
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.45rem;
    height: 1.45rem;
    margin-top: 0.05rem;
    border-radius: 999px;
    background: rgba(0, 42, 186, 0.18);
    color: var(--office-feedback-info-text);
    font-size: 0.82rem;
    font-weight: 900;
}

.office-clients-feedback.error[b-gdxmpdya08] {
    border-color: var(--office-feedback-error-border);
    background: var(--office-feedback-error-bg);
    color: var(--office-feedback-error-text);
    box-shadow: 0 12px 28px var(--office-feedback-error-shadow);
}

.office-clients-feedback.error[b-gdxmpdya08]::before {
    content: "!";
    background: rgba(239, 68, 68, 0.16);
    color: var(--office-feedback-error-strong);
}

.office-clients-feedback.compact[b-gdxmpdya08] {
    margin-top: 1rem;
}

.office-clients-table-card[b-gdxmpdya08],
.office-clients-modal-card[b-gdxmpdya08] {
    border-radius: 0.5rem;
    overflow: visible;
}

.office-clients-table-header[b-gdxmpdya08],
.office-clients-pagination[b-gdxmpdya08],
.office-clients-modal-header[b-gdxmpdya08] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-clients-table-header h2[b-gdxmpdya08] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1rem;
}

.office-clients-table-wrap[b-gdxmpdya08] {
    overflow: visible;
}

.office-clients-table[b-gdxmpdya08] {
    width: 100%;
    border-collapse: collapse;
}

.office-clients-table th[b-gdxmpdya08],
.office-clients-table td[b-gdxmpdya08] {
    padding: 0.9rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
    text-align: left;
    vertical-align: middle;
}

.office-clients-table th[b-gdxmpdya08] {
    color: var(--office-muted);
    font-size: 0.78rem;
    text-transform: uppercase;
}

.office-clients-table td[b-gdxmpdya08] {
    color: var(--office-foreground);
}

.office-clients-main-cell[b-gdxmpdya08],
.office-clients-muted-cell[b-gdxmpdya08] {
    display: grid;
    gap: 0.25rem;
}

.office-clients-main-cell span[b-gdxmpdya08] {
    color: var(--office-muted);
}

.office-clients-status[b-gdxmpdya08] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0 0.65rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

.office-clients-status.active[b-gdxmpdya08] {
    color: #12563c;
    background: #c9f7df;
}

.office-clients-status.inactive[b-gdxmpdya08] {
    color: #7f1d1d;
    background: #fee2e2;
}

.office-clients-actions[b-gdxmpdya08] {
    justify-content: flex-end;
}

.office-clients-empty[b-gdxmpdya08] {
    padding: 1.5rem;
}

.office-clients-pagination[b-gdxmpdya08] {
    border-top: 1px solid var(--office-border);
    border-bottom: 0;
}

.office-clients-modal-backdrop[b-gdxmpdya08] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: rgba(0, 0, 0, 0.56);
}

.office-clients-modal-card[b-gdxmpdya08] {
    position: fixed;
    z-index: 41;
    top: 50%;
    left: 50%;
    width: min(760px, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    transform: translate(-50%, -50%);
}

.office-clients-form-grid[b-gdxmpdya08] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 1.1rem;
}

.office-clients-field-wide[b-gdxmpdya08] {
    grid-column: 1 / -1;
}

.office-clients-form-field .validation-message[b-gdxmpdya08] {
    color: var(--office-feedback-error-strong);
    font-weight: 700;
    font-size: 0.85rem;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

.office-clients-form-field:has(.validation-message:not(:empty)) .office-clients-input[b-gdxmpdya08],
.office-clients-form-field:has(.validation-message:not(:empty))[b-gdxmpdya08]  .office-clients-input,
.office-clients-form-field:has(.validation-message:not(:empty)) input.office-clients-input[b-gdxmpdya08] {
    border-color: var(--office-input-error-border);
    background: var(--office-input-error-bg);
    box-shadow: 0 0 0 2px var(--office-input-error-ring);
}

.office-clients-modal-actions[b-gdxmpdya08] {
    justify-content: flex-end;
    padding: 1rem 1.1rem;
    border-top: 1px solid var(--office-border);
}

@media (max-width: 760px) {
    .office-clients-table-wrap[b-gdxmpdya08] {
        overflow-x: auto;
    }
    .office-clients-header[b-gdxmpdya08],
    .office-clients-toolbar[b-gdxmpdya08],
    .office-clients-pagination[b-gdxmpdya08],
    .office-clients-modal-header[b-gdxmpdya08] {
        align-items: stretch;
        flex-direction: column;
    }

    .office-clients-toolbar[b-gdxmpdya08] {
        grid-template-columns: 1fr;
    }

    .office-clients-form-grid[b-gdxmpdya08] {
        grid-template-columns: 1fr;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeClientSettings.razor.rz.scp.css */
.office-settings-loading[b-2vmllez1c5],
.office-settings-page[b-2vmllez1c5] {
    width: min(1120px, 100%);
}

.office-settings-loading[b-2vmllez1c5] {
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    color: var(--office-muted);
}

.office-settings-page[b-2vmllez1c5] {
    display: grid;
    gap: 1rem;
}

.office-settings-header[b-2vmllez1c5] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.office-settings-header span[b-2vmllez1c5],
.office-settings-card-eyebrow[b-2vmllez1c5],
.office-settings-modal-header span[b-2vmllez1c5] {
    display: block;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-settings-header h1[b-2vmllez1c5],
.office-settings-card h2[b-2vmllez1c5],
.office-settings-modal-header h2[b-2vmllez1c5] {
    margin: 0;
    color: var(--office-foreground);
    font-weight: 700;
}

.office-settings-card h2[b-2vmllez1c5],
.office-settings-modal-header h2[b-2vmllez1c5] {
    margin: 0.25rem 0 0.4rem;
}

.office-settings-header h1[b-2vmllez1c5] {
    font-size: 1.55rem;
}

.office-settings-header p[b-2vmllez1c5],
.office-settings-card p[b-2vmllez1c5],
.office-settings-card-meta[b-2vmllez1c5],
.office-settings-modal-copy[b-2vmllez1c5],
.office-settings-empty span[b-2vmllez1c5] {
    margin: 0;
    color: var(--office-muted);
}

.office-settings-header p[b-2vmllez1c5] {
    margin-top: 0.45rem;
}

.office-settings-grid[b-2vmllez1c5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
    gap: 1rem;
}

.office-settings-card[b-2vmllez1c5] {
    position: relative;
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 1.75rem;
    width: 100%;
    min-height: 206px;
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.9rem;
    background: var(--office-surface);
    box-shadow: none;
}

.office-settings-card-body[b-2vmllez1c5],
.office-settings-card-footer[b-2vmllez1c5] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.office-settings-card-body[b-2vmllez1c5] {
    align-items: flex-start;
    padding-right: 8.75rem;
}

.office-settings-card-footer[b-2vmllez1c5] {
    align-items: center;
}

.office-settings-card h2[b-2vmllez1c5] {
    margin: 0 0 1.35rem;
    color: var(--office-foreground);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
}

.office-settings-card-eyebrow[b-2vmllez1c5] {
    display: none;
}

.office-settings-card p[b-2vmllez1c5] {
    color: var(--office-foreground);
    font-size: 1.08rem;
    line-height: 1.5;
}

.office-settings-card-icon[b-2vmllez1c5] {
    display: none;
    flex: 0 0 auto;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--office-primary) 12%, var(--office-surface));
    color: var(--office-primary);
}

.office-settings-card-icon svg[b-2vmllez1c5],
.office-settings-icon-button svg[b-2vmllez1c5] {
    width: 1.35rem;
    height: 1.35rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.office-settings-primary-button[b-2vmllez1c5],
.office-settings-secondary-button[b-2vmllez1c5],
.office-settings-icon-button[b-2vmllez1c5] {
    border: 1px solid var(--office-border);
    border-radius: 0.32rem;
    font: inherit;
    cursor: pointer;
}

.office-settings-primary-button[b-2vmllez1c5] {
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #0052ff;
    font-size: 1rem;
    font-weight: 700;
}

.office-settings-primary-button:hover:not(:disabled)[b-2vmllez1c5] {
    text-decoration: underline;
    filter: none;
}

.office-settings-secondary-button[b-2vmllez1c5] {
    min-height: 2rem;
    padding: 0.34rem 0.95rem;
    background: transparent;
    color: var(--office-foreground);
}

.office-settings-secondary-button:hover:not(:disabled)[b-2vmllez1c5],
.office-settings-icon-button:hover:not(:disabled)[b-2vmllez1c5] {
    background: var(--office-hover);
}

::global(.office-theme-dark) .office-settings-card[b-2vmllez1c5] {
    border-color: var(--office-border);
    background: var(--office-surface);
    box-shadow: none;
}

::global(.office-theme-dark) .office-settings-card-icon[b-2vmllez1c5] {
    display: none;
}

::global(.office-theme-dark) .office-settings-secondary-button[b-2vmllez1c5],
::global(.office-theme-dark) .office-settings-icon-button[b-2vmllez1c5] {
    border-color: #8b949e;
}

::global(.office-theme-dark) .office-settings-primary-button[b-2vmllez1c5] {
    background: transparent;
    color: var(--office-primary);
}

::global(.office-theme-dark) .office-settings-primary-button:hover:not(:disabled)[b-2vmllez1c5] {
    background: transparent;
    filter: none;
}

::global(.office-theme-dark) .office-settings-secondary-button[b-2vmllez1c5] {
    color: var(--office-muted);
}

.office-settings-primary-button:disabled[b-2vmllez1c5],
.office-settings-secondary-button:disabled[b-2vmllez1c5] {
    cursor: not-allowed;
    opacity: 0.65;
}

.office-settings-card-meta[b-2vmllez1c5] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: inline-flex;
    align-items: center;
    max-width: calc(100% - 2rem);
    min-height: 1.45rem;
    padding: 0.22rem 0.58rem;
    border-radius: 999px;
    background: #002aba;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.office-settings-status-dot[b-2vmllez1c5] {
    display: none;
}

.office-settings-status-dot.available[b-2vmllez1c5] {
    background: #2ea043;
}

.office-settings-status-dot.warning[b-2vmllez1c5] {
    background: #f59e0b;
}

.office-settings-status-dot.unavailable[b-2vmllez1c5] {
    background: #ef4444;
}

.office-settings-modal-backdrop[b-2vmllez1c5] {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.62);
}

.office-settings-modal[b-2vmllez1c5] {
    display: grid;
    gap: 1rem;
    width: min(680px, 100%);
    max-height: min(86vh, 760px);
    overflow: auto;
    padding: 1.25rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    box-shadow: 0 20px 70px var(--office-shadow);
}

.office-settings-modal-header[b-2vmllez1c5],
.office-settings-modal-footer[b-2vmllez1c5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.office-settings-icon-button[b-2vmllez1c5] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    background: transparent;
    color: var(--office-muted);
}

.office-settings-form[b-2vmllez1c5] {
    display: grid;
    gap: 0.9rem;
}

.office-settings-form label[b-2vmllez1c5] {
    display: grid;
    gap: 0.35rem;
    color: var(--office-foreground);
    font-weight: 600;
}

.office-settings-form label span[b-2vmllez1c5],
.office-settings-toggle-row span[b-2vmllez1c5] {
    color: var(--office-muted);
    font-size: 0.86rem;
    font-weight: 600;
}

.office-settings-input[b-2vmllez1c5] {
    width: 100%;
    min-height: 2.45rem;
    padding: 0.45rem 0.7rem;
    border: 1px solid var(--office-border);
    border-radius: 0.32rem;
    background: var(--office-background);
    color: var(--office-foreground);
    font: inherit;
}

.office-settings-toggle-row label[b-2vmllez1c5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.office-settings-toggle-row input[b-2vmllez1c5] {
    width: 1rem;
    height: 1rem;
}

.office-settings-inline-fields[b-2vmllez1c5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.office-settings-branding-preview-grid[b-2vmllez1c5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.office-settings-branding-preview[b-2vmllez1c5] {
    position: relative;
    display: grid;
    gap: 0.55rem;
    min-height: 9.5rem;
    padding: 0.75rem;
    border: 1px solid var(--office-border);
    border-radius: 0.38rem;
    background: var(--office-background);
}

.office-settings-branding-picker[b-2vmllez1c5] {
    cursor: pointer;
}

.office-settings-branding-picker:hover[b-2vmllez1c5],
.office-settings-branding-picker:focus-within[b-2vmllez1c5] {
    border-color: var(--office-primary);
    background: color-mix(in srgb, var(--office-primary) 6%, var(--office-background));
}

.office-settings-branding-file-input[b-2vmllez1c5],
.office-settings-branding-picker[b-2vmllez1c5]  .office-settings-branding-file-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
}

.office-settings-branding-preview span[b-2vmllez1c5] {
    color: var(--office-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.office-settings-branding-preview strong[b-2vmllez1c5] {
    align-self: center;
    color: var(--office-muted);
    font-size: 0.88rem;
}

.office-settings-branding-preview small[b-2vmllez1c5] {
    align-self: end;
    overflow: hidden;
    color: var(--office-primary);
    font-size: 0.78rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-settings-branding-preview img[b-2vmllez1c5] {
    width: 100%;
    max-height: 7rem;
    object-fit: contain;
    border-radius: 0.28rem;
}

.office-settings-empty[b-2vmllez1c5] {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem;
    border: 1px solid rgba(0, 42, 186, 0.34);
    border-radius: 0.38rem;
    background: rgba(0, 42, 186, 0.1);
}

.office-settings-empty strong[b-2vmllez1c5] {
    color: var(--office-foreground);
}

@media (max-width: 720px) {
    .office-settings-grid[b-2vmllez1c5],
    .office-settings-inline-fields[b-2vmllez1c5],
    .office-settings-branding-preview-grid[b-2vmllez1c5] {
        grid-template-columns: 1fr;
    }

    .office-settings-card[b-2vmllez1c5] {
        min-height: 0;
        padding: 1rem;
    }

    .office-settings-card-body[b-2vmllez1c5] {
        padding-right: 0;
        padding-top: 2rem;
    }

    .office-settings-card-footer[b-2vmllez1c5],
    .office-settings-modal-footer[b-2vmllez1c5] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeClientUserPermissions.razor.rz.scp.css */
.office-permissions-page[b-j2evkhuw7s] { width: min(1380px,100%); color: var(--office-foreground); display: grid; gap: 20px; }
.office-permissions-profile[b-j2evkhuw7s] { display: grid; gap: 12px; }
.office-permissions-profile fieldset[b-j2evkhuw7s] { min-width: 0; border: 1px solid var(--office-border); border-radius: 10px; display: grid; gap: 12px; padding: 16px; }
.office-permissions-profile label[b-j2evkhuw7s] { display: grid; gap: 6px; font-size: 13px; }
.office-permissions-profile input[b-j2evkhuw7s] { width: 100%; box-sizing: border-box; border: 1px solid var(--office-border); border-radius: 7px; background: var(--office-surface); color: var(--office-foreground); padding: 10px; }
.office-permissions-profile p[b-j2evkhuw7s] { font-size: 13px; color: var(--office-muted); line-height: 1.6; }
.office-permissions-user-actions[b-j2evkhuw7s] { display: flex; gap: 8px; flex-wrap: wrap; }
.office-permissions-header[b-j2evkhuw7s], .office-permissions-editor-header[b-j2evkhuw7s] { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.office-permissions-header h1[b-j2evkhuw7s] { margin: 8px 0; font-size: 26px; }
.office-permissions-header a[b-j2evkhuw7s] { color: var(--office-primary); text-decoration: none; font-size: 13px; }
.office-permissions-header p[b-j2evkhuw7s], .office-permissions-editor-header p[b-j2evkhuw7s], .office-permissions-help[b-j2evkhuw7s] { color: var(--office-muted); line-height: 1.6; margin: 6px 0; }
.office-permissions-admin-badge[b-j2evkhuw7s] { display: flex; align-items: center; gap: 8px; white-space: nowrap; font-size: 12px; color: var(--office-primary); }
.office-permissions-notice[b-j2evkhuw7s], .office-permissions-feedback[b-j2evkhuw7s], .office-permissions-error[b-j2evkhuw7s] { border-radius: 10px; padding: 14px 16px; line-height: 1.6; font-size: 13px; background: color-mix(in srgb, var(--office-primary) 7%, var(--office-surface)); }
.office-permissions-error[b-j2evkhuw7s] { background: color-mix(in srgb,#dc2626 10%,var(--office-surface)); color: var(--office-foreground); border: 1px solid #dc262666; }
.office-permissions-error button[b-j2evkhuw7s] { margin-left: 8px; text-decoration: underline; border: 0; background: transparent; color: inherit; cursor: pointer; }
.office-permissions-notice p[b-j2evkhuw7s] { margin: 4px 0 0; }
.office-permissions-layout[b-j2evkhuw7s] { display: grid; grid-template-columns: 330px minmax(0,1fr); gap: 20px; align-items: start; }
.office-permissions-panel[b-j2evkhuw7s] { border: 1px solid var(--office-border); border-radius: 14px; background: var(--office-surface); overflow: hidden; }
.office-permissions-create-card[b-j2evkhuw7s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 290px;
    padding: 32px 24px 24px;
    border-bottom: 1px solid var(--office-border);
    text-align: center;
}
.office-permissions-create-icon[b-j2evkhuw7s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #087a40;
    color: #fff;
}
.office-permissions-create-card h2[b-j2evkhuw7s] { margin: 16px 0 0; font-size: 18px; font-weight: 650; }
.office-permissions-create-card p[b-j2evkhuw7s] { margin: 24px 0 30px; font-size: 14px; line-height: 1.5; }
.office-permissions-create-button[b-j2evkhuw7s] {
    min-height: 34px;
    margin-top: auto;
    padding: 7px 14px;
    border: 0;
    border-radius: 12px;
    background: color-mix(in srgb, var(--office-foreground) 11%, var(--office-surface));
    color: var(--office-foreground);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
.office-permissions-create-button:hover[b-j2evkhuw7s] { background: color-mix(in srgb, var(--office-foreground) 17%, var(--office-surface)); }
.office-permissions-create-dialog[b-j2evkhuw7s] {
    width: min(440px, calc(100% - 32px));
    max-width: none;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 32px 42px 28px;
    overflow-y: auto;
    border: 1px solid var(--office-border);
    border-radius: 22px;
    background: var(--office-surface);
    color: var(--office-foreground);
    box-shadow: 0 24px 80px #00000030;
    font: inherit;
}
.office-permissions-create-dialog[b-j2evkhuw7s]::backdrop { background: #0b161c80; }
.office-permissions-dialog-close[b-j2evkhuw7s] {
    position: absolute;
    top: 14px;
    right: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--office-foreground);
    cursor: pointer;
}
.office-permissions-dialog-close:hover[b-j2evkhuw7s] { background: var(--office-hover); }
.office-permissions-dialog-header[b-j2evkhuw7s] { display: flex; flex-direction: column; align-items: center; text-align: center; }
.office-permissions-dialog-header h2[b-j2evkhuw7s] { max-width: 250px; margin: 18px 0 8px; font-size: 26px; font-weight: 700; line-height: 1.15; letter-spacing: -0.025em; }
.office-permissions-dialog-header p[b-j2evkhuw7s] { margin: 0 0 26px; font-size: 14px; line-height: 1.5; color: var(--office-muted); }
.office-permissions-create-form[b-j2evkhuw7s] { display: grid; gap: 12px; width: 100%; max-width: 320px; margin: 0 auto; }
.office-permissions-create-form fieldset[b-j2evkhuw7s] { display: grid; gap: 7px; min-width: 0; margin: 0; padding: 0; border: 0; }
.office-permissions-create-form label[b-j2evkhuw7s] { margin: 0; padding-left: 9px; font-size: 13px; }
.office-permissions-create-form label:not(:first-child)[b-j2evkhuw7s] { margin-top: 8px; }
.office-permissions-create-form input[b-j2evkhuw7s] {
    width: 100%;
    min-height: 46px;
    padding: 11px 14px;
    border: 1px solid color-mix(in srgb, var(--office-foreground) 45%, var(--office-surface));
    border-radius: 0.6rem;
    background: var(--office-surface);
    color: var(--office-foreground);
    font: inherit;
    font-size: 14px;
}
.office-permissions-create-form input[b-j2evkhuw7s]::placeholder { color: var(--office-muted); }
.office-permissions-create-form input:focus-visible[b-j2evkhuw7s] { outline: none; border-color: var(--office-primary); box-shadow: 0 0 0 2px color-mix(in srgb, var(--office-primary) 15%, transparent); }
.office-permissions-create-help[b-j2evkhuw7s] { margin: 0; padding: 0 8px; color: var(--office-muted); font-size: 12px; line-height: 1.6; }
.office-permissions-create-form .office-permissions-create-submit[b-j2evkhuw7s] { min-height: 44px; margin-top: 4px; border-radius: 14px; font-size: 14px; }
.office-permissions-create-cancel[b-j2evkhuw7s] { justify-self: center; padding: 4px 12px; border: 0; background: transparent; color: var(--office-muted); font-size: 13px; cursor: pointer; }
.office-permissions-create-cancel:hover[b-j2evkhuw7s] { color: var(--office-foreground); }
@media(max-width:480px) { .office-permissions-create-dialog[b-j2evkhuw7s] { padding: 28px 24px 22px; } }
.office-permissions-editor[b-j2evkhuw7s] { padding: 24px; display: grid; gap: 18px; }
.office-permissions-editor-header h2[b-j2evkhuw7s] { font-size: 20px; margin: 0; }
.office-permissions-editor-header > span[b-j2evkhuw7s] { font-size: 12px; color: var(--office-muted); white-space: nowrap; }
.office-permissions-filters[b-j2evkhuw7s] { padding: 18px; display: grid; gap: 12px; border-bottom: 1px solid var(--office-border); }
.office-permissions-filters label[b-j2evkhuw7s] { display: grid; gap: 6px; font-size: 12px; }
.office-permissions-filters input[b-j2evkhuw7s],.office-permissions-filters select[b-j2evkhuw7s] { width: 100%; min-height: 38px; border: 1px solid var(--office-border); border-radius: 7px; background: var(--office-surface); color: var(--office-foreground); padding: 8px; }
.office-permissions-filter-row[b-j2evkhuw7s] { display: grid; grid-template-columns: 1fr 1fr auto; gap: 8px; align-items: end; }
.office-permissions-user-list[b-j2evkhuw7s] { list-style: none; margin: 0; padding: 0; }
.office-permissions-user-list li[b-j2evkhuw7s] { display: grid; gap: 8px; padding: 18px; border-bottom: 1px solid var(--office-border); }
.office-permissions-user-list li.selected[b-j2evkhuw7s] { background: color-mix(in srgb, var(--office-primary) 6%,var(--office-surface)); border-left: 3px solid var(--office-primary); padding-left: 15px; }
.office-permissions-user-heading[b-j2evkhuw7s] { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.office-permissions-user-email[b-j2evkhuw7s] { overflow-wrap: anywhere; font-size: 13px; color: var(--office-muted); }
.office-permissions-user-meta[b-j2evkhuw7s] { font-size: 11px; color: var(--office-muted); }
.office-permissions-status[b-j2evkhuw7s] { padding: 3px 7px; border-radius: 20px; font-size: 10px; background: var(--office-background); }
.office-permissions-status.active[b-j2evkhuw7s] { color: var(--office-primary); }
.office-permissions-status.inactive[b-j2evkhuw7s] { color: #b45309; }
.office-permissions-catalog[b-j2evkhuw7s] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.office-permissions-module[b-j2evkhuw7s] { margin: 0; padding: 14px; border: 1px solid var(--office-border); border-radius: 10px; min-width: 0; }
.office-permissions-module legend[b-j2evkhuw7s] { padding: 0 6px; font-size: 14px; font-weight: 650; }
.office-permissions-module-actions[b-j2evkhuw7s] { display: flex; justify-content: flex-end; margin-bottom: 4px; }
.office-permissions-module-actions button[b-j2evkhuw7s] { min-height: 32px; padding: 6px 10px; font-size: 11px; }
.office-permissions-choice[b-j2evkhuw7s] { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; cursor: pointer; }
.office-permissions-choice input[b-j2evkhuw7s] { margin: 3px 0 0; width: 16px; height: 16px; flex-shrink: 0; accent-color: var(--office-primary); }
.office-permissions-choice strong[b-j2evkhuw7s] { display: block; font-size: 13px; font-weight: 500; }
.office-permissions-choice small[b-j2evkhuw7s] { display: block; font-size: 10px; line-height: 1.5; color: var(--office-muted); margin-top: 3px; }
.office-permissions-primary[b-j2evkhuw7s],.office-permissions-secondary[b-j2evkhuw7s] { min-height: 36px; border-radius: 7px; padding: 8px 12px; font-size: 12px; font-weight: 600; cursor: pointer; border: 1px solid var(--office-border); }
.office-permissions-primary[b-j2evkhuw7s] { color: var(--office-primary-foreground,#fff); background: var(--office-primary); border-color: var(--office-primary); }
.office-permissions-secondary[b-j2evkhuw7s] { background: var(--office-surface); color: var(--office-foreground); }
button:disabled[b-j2evkhuw7s] { opacity: .5; cursor: not-allowed; }
button:focus-visible[b-j2evkhuw7s],input:focus-visible[b-j2evkhuw7s],select:focus-visible[b-j2evkhuw7s],summary:focus-visible[b-j2evkhuw7s] { outline: 3px solid color-mix(in srgb,var(--office-primary) 50%,transparent); outline-offset: 3px; }
.office-permissions-save-bar[b-j2evkhuw7s] { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 14px; border: 1px solid var(--office-border); border-radius: 10px; background: var(--office-surface); box-shadow: 0 6px 24px #0000000a; }
.office-permissions-save-bar span[b-j2evkhuw7s] { margin-right: auto; color: var(--office-muted); font-size: 12px; }
.office-permissions-pagination[b-j2evkhuw7s] { display: flex; align-items: center; justify-content: space-between; padding: 16px; gap: 8px; font-size: 11px; color: var(--office-muted); }
.office-permissions-empty[b-j2evkhuw7s] { color: var(--office-muted); padding: 36px 20px; text-align: center; line-height: 1.6; }
.office-permissions-start[b-j2evkhuw7s] { padding: 70px 24px; }
.office-permissions-start h2[b-j2evkhuw7s] { color: var(--office-foreground); font-size: 20px; }
.office-permissions-history[b-j2evkhuw7s] { border-top: 1px solid var(--office-border); padding-top: 18px; font-size: 12px; }
.office-permissions-history summary[b-j2evkhuw7s] { cursor: pointer; font-weight: 600; }
.office-permissions-history article[b-j2evkhuw7s] { padding: 14px 0; border-bottom: 1px solid var(--office-border); }
.office-permissions-history time[b-j2evkhuw7s] { display: block; color: var(--office-muted); margin-top: 4px; }
.office-permissions-history p[b-j2evkhuw7s] { overflow-wrap: anywhere; line-height: 1.6; }
@media(max-width:1100px) { .office-permissions-catalog[b-j2evkhuw7s] { grid-template-columns: 1fr; } .office-permissions-layout[b-j2evkhuw7s] { grid-template-columns: 290px minmax(0,1fr); } }
@media(max-width:760px) { .office-permissions-layout[b-j2evkhuw7s] { grid-template-columns: 1fr; } .office-permissions-header[b-j2evkhuw7s] { align-items: flex-start; flex-direction: column; } .office-permissions-editor[b-j2evkhuw7s] { padding: 16px; } .office-permissions-save-bar[b-j2evkhuw7s] { flex-wrap: wrap; top: 0; } .office-permissions-save-bar span[b-j2evkhuw7s] { flex-basis: 100%; } .office-permissions-editor-header[b-j2evkhuw7s] { align-items: flex-start; flex-direction: column; } }
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeContacts.razor.rz.scp.css */
.office-contacts-page[b-7khobukp8i],
.office-contacts-loading[b-7khobukp8i] {
    color: var(--office-foreground);
}

.office-contacts-page[b-7khobukp8i] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.office-contacts-loading[b-7khobukp8i],
.office-contacts-header[b-7khobukp8i],
.office-contacts-toolbar[b-7khobukp8i],
.office-contacts-table-card[b-7khobukp8i],
.office-contacts-modal-card[b-7khobukp8i] {
    background: var(--office-surface);
    border: 1px solid var(--office-border);
    border-radius: 8px;
}

.office-contacts-loading[b-7khobukp8i] {
    color: var(--office-muted);
    padding: 24px;
}

.office-contacts-header[b-7khobukp8i],
.office-contacts-table-header[b-7khobukp8i],
.office-contacts-pagination[b-7khobukp8i],
.office-contacts-modal-header[b-7khobukp8i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.office-contacts-header[b-7khobukp8i] {
    padding: 22px;
}

.office-contacts-header span[b-7khobukp8i],
.office-contacts-modal-header span[b-7khobukp8i],
.office-contacts-toolbar label span[b-7khobukp8i],
.office-contacts-form-field span[b-7khobukp8i],
.office-contacts-table-header span[b-7khobukp8i] {
    color: var(--office-primary);
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
}

.office-contacts-header span[b-7khobukp8i] {
    display: block;
    margin-bottom: 0.25rem;
}

.office-contacts-header h1[b-7khobukp8i],
.office-contacts-modal-header h2[b-7khobukp8i],
.office-contacts-table-header h2[b-7khobukp8i] {
    color: var(--office-foreground);
    margin: 0;
}

.office-contacts-modal-header h2[b-7khobukp8i],
.office-contacts-table-header h2[b-7khobukp8i] {
    margin: 4px 0;
}

.office-contacts-header h1[b-7khobukp8i] {
    font-size: 1.55rem;
    font-weight: 700;
    letter-spacing: 0;
}

.office-contacts-header p[b-7khobukp8i],
.office-contacts-modal-header p[b-7khobukp8i],
.office-contacts-muted-cell span[b-7khobukp8i],
.office-contacts-main-cell span[b-7khobukp8i],
.office-contacts-empty[b-7khobukp8i],
.office-contacts-pagination[b-7khobukp8i] {
    color: var(--office-muted);
}

.office-contacts-header p[b-7khobukp8i] {
    margin: 0.45rem 0 0;
}

.office-contacts-primary-button[b-7khobukp8i],
.office-contacts-secondary-button[b-7khobukp8i],
.office-contacts-action-button[b-7khobukp8i],
.office-contacts-danger-button[b-7khobukp8i] {
    min-height: 40px;
    border-radius: 6px;
    padding: 0 14px;
    font-weight: 600;
}

.office-contacts-primary-button[b-7khobukp8i] {
    border: 0;
    background: var(--office-primary);
    color: #fff;
}

.office-contacts-secondary-button[b-7khobukp8i],
.office-contacts-action-button[b-7khobukp8i] {
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    color: var(--office-foreground);
}

.office-contacts-danger-button[b-7khobukp8i] {
    border: 1px solid rgba(220, 38, 38, 0.38);
    background: rgba(220, 38, 38, 0.12);
    color: var(--office-feedback-error-text);
}

.office-contacts-primary-button:disabled[b-7khobukp8i],
.office-contacts-secondary-button:disabled[b-7khobukp8i],
.office-contacts-action-button:disabled[b-7khobukp8i],
.office-contacts-danger-button:disabled[b-7khobukp8i] {
    cursor: not-allowed;
    opacity: 0.6;
}

.office-contacts-toolbar[b-7khobukp8i] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 180px 150px auto;
    gap: 12px;
    padding: 16px;
    align-items: end;
}

.office-contacts-toolbar label[b-7khobukp8i],
.office-contacts-form-field[b-7khobukp8i] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.office-contacts-form-field .office-contacts-field-label[b-7khobukp8i] {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    width: fit-content;
}

.office-contacts-subtle-badge[b-7khobukp8i] {
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 999px;
    color: var(--office-muted);
    cursor: help;
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1;
    padding: 3px 6px;
    text-transform: uppercase;
}

.office-contacts-toolbar input[b-7khobukp8i],
.office-contacts-toolbar select[b-7khobukp8i],
.office-contacts-input[b-7khobukp8i],
.office-contacts-form-field[b-7khobukp8i]  .office-contacts-input {
    min-height: 42px;
    border: 1px solid var(--office-border);
    border-radius: 6px;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    padding: 0 12px;
}

.office-contacts-textarea[b-7khobukp8i],
.office-contacts-form-field[b-7khobukp8i]  textarea.office-contacts-input {
    min-height: 96px;
    padding: 10px 12px;
    resize: vertical;
}

.office-contacts-toolbar div[b-7khobukp8i],
.office-contacts-actions[b-7khobukp8i],
.office-contacts-pagination div[b-7khobukp8i],
.office-contacts-modal-actions[b-7khobukp8i] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.office-contacts-feedback[b-7khobukp8i] {
    border: 1px solid rgba(22, 163, 74, 0.35);
    border-radius: 8px;
    background: rgba(22, 163, 74, 0.12);
    color: #16a34a;
    padding: 12px 14px;
}

.office-contacts-feedback.error[b-7khobukp8i] {
    background: rgba(220, 38, 38, 0.14);
    border-color: rgba(220, 38, 38, 0.35);
    color: var(--office-feedback-error-text);
}

.office-contacts-feedback.warning[b-7khobukp8i] {
    background: rgba(234, 179, 8, 0.14);
    border-color: rgba(234, 179, 8, 0.3);
    color: #a16207;
}

.office-contacts-feedback.compact[b-7khobukp8i] {
    margin-top: 14px;
}

.office-contacts-meta-guidance[b-7khobukp8i] {
    align-items: center;
    border: 1px solid var(--office-border);
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
    margin: 0 16px;
    padding: 12px 14px;
}

.office-contacts-meta-guidance.open[b-7khobukp8i] {
    background: color-mix(in srgb, #0ea5e9 10%, var(--office-surface));
}

.office-contacts-meta-guidance.closed[b-7khobukp8i] {
    background: color-mix(in srgb, #002aba 14%, var(--office-surface));
}

.office-contacts-meta-guidance-copy[b-7khobukp8i] {
    display: grid;
    gap: 4px;
}

.office-contacts-meta-guidance-copy span[b-7khobukp8i],
.office-contacts-meta-template-header span[b-7khobukp8i],
.office-contacts-meta-template-form label > span[b-7khobukp8i],
.office-contacts-meta-template-parameters label > span[b-7khobukp8i] {
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
}

.office-contacts-meta-guidance-copy strong[b-7khobukp8i],
.office-contacts-meta-template-header strong[b-7khobukp8i],
.office-contacts-meta-template-preview strong[b-7khobukp8i],
.office-contacts-meta-template-empty strong[b-7khobukp8i] {
    color: var(--office-foreground);
}

.office-contacts-meta-guidance-copy p[b-7khobukp8i],
.office-contacts-meta-template-header small[b-7khobukp8i],
.office-contacts-meta-template-preview span[b-7khobukp8i],
.office-contacts-meta-template-preview small[b-7khobukp8i],
.office-contacts-meta-template-empty span[b-7khobukp8i] {
    color: var(--office-muted);
    margin: 0;
}

.office-contacts-meta-template-panel[b-7khobukp8i] {
    background: color-mix(in srgb, #002aba 8%, var(--office-surface));
    border-top: 1px solid var(--office-border);
    border-bottom: 1px solid var(--office-border);
    display: grid;
    gap: 12px;
    padding: 14px 16px;
}

.office-contacts-meta-template-header[b-7khobukp8i] {
    align-items: start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.office-contacts-meta-template-header div[b-7khobukp8i],
.office-contacts-meta-template-form[b-7khobukp8i],
.office-contacts-meta-template-form label[b-7khobukp8i],
.office-contacts-meta-template-parameters label[b-7khobukp8i] {
    display: grid;
    gap: 6px;
}

.office-contacts-meta-template-empty[b-7khobukp8i],
.office-contacts-meta-template-preview[b-7khobukp8i] {
    background: color-mix(in srgb, var(--office-surface-muted) 84%, var(--office-surface));
    border: 1px solid color-mix(in srgb, var(--office-border) 60%, transparent);
    border-radius: 12px;
    display: grid;
    gap: 4px;
    padding: 12px 14px;
}

.office-contacts-meta-template-form select[b-7khobukp8i],
.office-contacts-meta-template-parameters input[b-7khobukp8i] {
    min-height: 40px;
    border: 1px solid var(--office-border);
    border-radius: 10px;
    background: var(--office-surface);
    color: var(--office-foreground);
    padding: 0 12px;
}

.office-contacts-meta-template-parameters[b-7khobukp8i] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.office-contacts-table-header[b-7khobukp8i],
.office-contacts-pagination[b-7khobukp8i],
.office-contacts-modal-header[b-7khobukp8i] {
    padding: 16px;
    border-bottom: 1px solid var(--office-border);
}

.office-contacts-table-wrap[b-7khobukp8i] {
    overflow-x: auto;
}

.office-contacts-table[b-7khobukp8i] {
    width: 100%;
    border-collapse: collapse;
}

.office-contacts-table th[b-7khobukp8i],
.office-contacts-table td[b-7khobukp8i] {
    border-bottom: 1px solid var(--office-border);
    padding: 14px 16px;
    text-align: left;
    vertical-align: middle;
}

.office-contacts-table th[b-7khobukp8i] {
    color: var(--office-muted);
    font-size: 0.78rem;
    text-transform: uppercase;
}

.office-contacts-main-cell[b-7khobukp8i],
.office-contacts-muted-cell[b-7khobukp8i] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.office-contacts-kind[b-7khobukp8i],
.office-contacts-status[b-7khobukp8i] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 5px 9px;
    text-transform: uppercase;
}

.office-contacts-kind.lead[b-7khobukp8i] {
    background: rgba(37, 99, 235, 0.16);
    color: #60a5fa;
}

.office-contacts-kind.client[b-7khobukp8i] {
    background: #dcfce7;
    color: #166534;
}

.office-contacts-kind.collaborator[b-7khobukp8i] {
    background: rgba(234, 179, 8, 0.16);
    color: #ca8a04;
}

.office-contacts-kind.contact[b-7khobukp8i] {
    background: rgba(20, 184, 166, 0.14);
    color: #0f766e;
}

.office-contacts-status.active[b-7khobukp8i] {
    background: rgba(22, 163, 74, 0.14);
    color: #16a34a;
}

.office-contacts-status.inactive[b-7khobukp8i] {
    background: rgba(148, 163, 184, 0.14);
    color: var(--office-muted);
}

.office-contacts-empty[b-7khobukp8i] {
    padding: 24px;
}

.office-contacts-pagination[b-7khobukp8i] {
    border-bottom: 0;
}

.office-contacts-modal-backdrop[b-7khobukp8i] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: rgba(15, 23, 42, 0.55);
}

.office-contacts-modal-card[b-7khobukp8i] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 50;
    width: min(760px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    transform: translate(-50%, -50%);
}

.office-contacts-form-grid[b-7khobukp8i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 16px;
}

.office-contacts-field-wide[b-7khobukp8i] {
    grid-column: 1 / -1;
}

.office-contacts-form-field .validation-message[b-7khobukp8i] {
    color: var(--office-feedback-error-text);
    font-size: 0.82rem;
}

.office-contacts-modal-actions[b-7khobukp8i] {
    justify-content: flex-end;
    padding: 16px;
    border-top: 1px solid var(--office-border);
}

@media (max-width: 760px) {
    .office-contacts-header[b-7khobukp8i],
    .office-contacts-toolbar[b-7khobukp8i],
    .office-contacts-pagination[b-7khobukp8i],
    .office-contacts-modal-header[b-7khobukp8i] {
        align-items: stretch;
        flex-direction: column;
    }

    .office-contacts-toolbar[b-7khobukp8i],
    .office-contacts-form-grid[b-7khobukp8i] {
        grid-template-columns: 1fr;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeContractCreate.razor.rz.scp.css */
.office-contract-create-page[b-tru8ek4q58] {
    display: grid;
    gap: 1rem;
}

.office-contract-create-loading[b-tru8ek4q58],
.office-contract-create-header[b-tru8ek4q58],
.office-contract-create-card[b-tru8ek4q58],
.office-contract-create-modal-card[b-tru8ek4q58],
.office-contract-create-picker-table-card[b-tru8ek4q58] {
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-contract-create-loading[b-tru8ek4q58] {
    padding: 1.2rem;
    border-radius: 0.5rem;
    color: var(--office-muted);
}

.office-contract-create-header[b-tru8ek4q58],
.office-contract-create-modal-header[b-tru8ek4q58],
.office-contract-create-picker-table-header[b-tru8ek4q58],
.office-contract-create-picker-pagination[b-tru8ek4q58] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.office-contract-create-header[b-tru8ek4q58] {
    padding: 1.25rem;
    border-radius: 0.5rem;
}

.office-contract-create-header span[b-tru8ek4q58],
.office-contract-create-summary span[b-tru8ek4q58],
.office-contract-create-signers-header span[b-tru8ek4q58],
.office-contract-create-modal-header span[b-tru8ek4q58],
.office-contract-create-picker-toolbar label span[b-tru8ek4q58],
.office-contract-create-picker-table-header span[b-tru8ek4q58],
.office-contract-create-field span[b-tru8ek4q58] {
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-contract-create-header h1[b-tru8ek4q58],
.office-contract-create-modal-header h2[b-tru8ek4q58],
.office-contract-create-picker-table-header h3[b-tru8ek4q58] {
    margin: 0;
    color: var(--office-foreground);
}

.office-contract-create-header h1[b-tru8ek4q58] {
    font-size: 1.55rem;
    font-weight: 700;
}

.office-contract-create-header p[b-tru8ek4q58],
.office-contract-create-summary small[b-tru8ek4q58],
.office-contract-create-file-meta[b-tru8ek4q58],
.office-contract-create-signers-header small[b-tru8ek4q58],
.office-contract-create-modal-header p[b-tru8ek4q58],
.office-contract-create-picker-main-cell span[b-tru8ek4q58],
.office-contract-create-picker-muted-cell span[b-tru8ek4q58],
.office-contract-create-picker-empty[b-tru8ek4q58],
.office-contract-create-picker-pagination[b-tru8ek4q58] {
    color: var(--office-muted);
}

.office-contract-create-header p[b-tru8ek4q58],
.office-contract-create-modal-header p[b-tru8ek4q58] {
    margin: 0.45rem 0 0;
}

.office-contract-create-card[b-tru8ek4q58] {
    padding: 1.25rem;
    border-radius: 0.5rem;
    display: grid;
    gap: 1.25rem;
}

.office-contract-create-summary[b-tru8ek4q58] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.office-contract-create-summary article[b-tru8ek4q58],
.office-contract-create-signers-section[b-tru8ek4q58],
.office-contract-create-signer-card[b-tru8ek4q58] {
    display: grid;
    gap: 0.35rem;
    padding: 1rem;
    border-radius: 0.75rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
}

.office-contract-create-summary strong[b-tru8ek4q58],
.office-contract-create-signers-header strong[b-tru8ek4q58],
.office-contract-create-signer-card strong[b-tru8ek4q58],
.office-contract-create-picker-main-cell strong[b-tru8ek4q58],
.office-contract-create-picker-muted-cell strong[b-tru8ek4q58] {
    color: var(--office-foreground);
}

.office-contract-create-grid[b-tru8ek4q58],
.office-contract-create-modal-form-grid[b-tru8ek4q58] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.office-contract-create-modal-form-grid[b-tru8ek4q58] {
    padding: 1rem 1rem 0;
}

.office-contract-create-field[b-tru8ek4q58] {
    display: grid;
    gap: 0.45rem;
}

.office-contract-create-field span[b-tru8ek4q58] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: none;
}

.office-contract-create-field-wide[b-tru8ek4q58] {
    grid-column: 1 / -1;
}

.office-contract-create-input[b-tru8ek4q58],
.office-contract-create-field[b-tru8ek4q58]  .office-contract-create-input,
.office-contract-create-field select[b-tru8ek4q58],
.office-contract-create-field input[type="text"][b-tru8ek4q58],
.office-contract-create-field textarea[b-tru8ek4q58] {
    width: 100%;
    min-height: 2.85rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.45rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
    box-sizing: border-box;
}

.office-contract-create-input:focus[b-tru8ek4q58],
.office-contract-create-field[b-tru8ek4q58]  .office-contract-create-input:focus,
.office-contract-create-field select:focus[b-tru8ek4q58],
.office-contract-create-field input[type="text"]:focus[b-tru8ek4q58],
.office-contract-create-field textarea:focus[b-tru8ek4q58],
.office-contract-create-picker-toolbar input:focus[b-tru8ek4q58] {
    outline: none;
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.15);
}

.office-contract-create-textarea[b-tru8ek4q58] {
    min-height: 7rem;
    resize: vertical;
}

.office-contract-create-signers-section[b-tru8ek4q58] {
    gap: 1rem;
}

.office-contract-create-signers-header[b-tru8ek4q58] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.office-contract-create-signers-header > div:first-child[b-tru8ek4q58] {
    display: grid;
    gap: 0.25rem;
}

.office-contract-create-signer-actions[b-tru8ek4q58] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.office-contract-create-picker-button[b-tru8ek4q58] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 3rem;
    padding: 0 1rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 42, 186, 0.28);
    background: color-mix(in srgb, var(--office-primary) 7%, var(--office-surface));
    color: var(--office-primary);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.office-contract-create-picker-button:hover[b-tru8ek4q58] {
    transform: translateY(-1px);
    border-color: rgba(0, 42, 186, 0.44);
    background: color-mix(in srgb, var(--office-primary) 12%, var(--office-surface));
}

.office-contract-create-picker-button svg[b-tru8ek4q58] {
    width: 1.15rem;
    height: 1.15rem;
    stroke: currentColor;
    stroke-width: 1.8;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.office-contract-create-signers-empty[b-tru8ek4q58],
.office-contract-create-picker-empty[b-tru8ek4q58] {
    padding: 1rem;
    border-radius: 0.75rem;
    border: 1px dashed color-mix(in srgb, var(--office-primary) 25%, var(--office-border));
    background: color-mix(in srgb, var(--office-primary) 6%, var(--office-surface-muted));
}

.office-contract-create-signers-list[b-tru8ek4q58] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.85rem;
}

.office-contract-create-signer-card[b-tru8ek4q58] {
    grid-template-columns: 1fr auto;
    align-items: start;
    gap: 0.75rem;
}

.office-contract-create-signer-card-copy[b-tru8ek4q58] {
    display: grid;
    gap: 0.25rem;
}

.office-contract-create-signer-card-copy span[b-tru8ek4q58] {
    color: var(--office-primary);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-contract-create-signer-card-copy small[b-tru8ek4q58] {
    color: var(--office-muted);
}

.office-contract-create-signer-remove-button[b-tru8ek4q58],
.office-contract-create-file-icon-button[b-tru8ek4q58] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 42, 186, 0.28);
    background: rgba(255, 255, 255, 0.05);
    color: #002aba;
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.office-contract-create-signer-remove-button:hover[b-tru8ek4q58],
.office-contract-create-file-icon-button:hover[b-tru8ek4q58] {
    transform: translateY(-1px);
    border-color: rgba(0, 42, 186, 0.48);
    background: rgba(0, 42, 186, 0.12);
}

.office-contract-create-signer-remove-button svg[b-tru8ek4q58],
.office-contract-create-file-icon-button svg[b-tru8ek4q58] {
    width: 1rem;
    height: 1rem;
    stroke: currentColor;
    stroke-width: 1.8;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.office-contract-create-upload-zone[b-tru8ek4q58] {
    position: relative;
    overflow: hidden;
    border: 2px dashed rgba(148, 163, 184, 0.55);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.02));
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.office-contract-create-upload-zone:hover[b-tru8ek4q58] {
    border-color: rgba(0, 42, 186, 0.5);
    background: linear-gradient(180deg, rgba(0, 42, 186, 0.08), rgba(255, 255, 255, 0.03));
}

.office-contract-create-upload-zone.has-file[b-tru8ek4q58] {
    border-color: rgba(0, 42, 186, 0.55);
    background: linear-gradient(180deg, rgba(0, 42, 186, 0.11), rgba(255, 255, 255, 0.03));
}

.office-contract-create-upload-zone[b-tru8ek4q58]  .office-contract-create-file-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    font-size: 0;
    color: transparent;
    background: transparent;
    border: 0;
}

.office-contract-create-upload-zone[b-tru8ek4q58]  .office-contract-create-file-input::file-selector-button {
    display: none;
}

.office-contract-create-upload-visual[b-tru8ek4q58] {
    display: grid;
    justify-items: center;
    gap: 0.55rem;
    padding: 2rem 1.5rem;
    text-align: center;
}

.office-contract-create-upload-icon[b-tru8ek4q58] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 999px;
    background: rgba(255, 224, 214, 0.95);
    color: #002aba;
    box-shadow: inset 0 0 0 1px rgba(0, 42, 186, 0.08);
}

.office-contract-create-upload-icon svg[b-tru8ek4q58] {
    width: 2rem;
    height: 2rem;
    stroke: currentColor;
    stroke-width: 1.8;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.office-contract-create-upload-visual strong[b-tru8ek4q58] {
    color: var(--office-foreground);
    font-size: 1.05rem;
    font-weight: 700;
}

.office-contract-create-upload-visual span[b-tru8ek4q58] {
    color: var(--office-muted);
    font-size: 0.95rem;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
}

.office-contract-create-package-summary[b-tru8ek4q58] {
    margin-top: 0.65rem;
    color: var(--office-muted);
    font-size: 0.9rem;
}

.office-contract-create-file-list[b-tru8ek4q58] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.55rem;
    margin-top: 0.55rem;
}

.office-contract-create-file-meta[b-tru8ek4q58] {
    width: fit-content;
    min-width: 300px;
    max-width: 100%;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.55rem;
    padding: 0.85rem 1rem;
    border-radius: 0.75rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    font-size: 0.9rem;
}

.office-contract-create-file-order[b-tru8ek4q58] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: color-mix(in srgb, var(--office-primary) 12%, var(--office-surface));
    color: var(--office-primary);
    font-size: 0.78rem;
    font-weight: 700;
}

.office-contract-create-file-meta-copy[b-tru8ek4q58] {
    min-width: 0;
    max-width: min(520px, calc(100vw - 190px));
    display: grid;
    gap: 0.2rem;
    flex: 0 1 auto;
}

.office-contract-create-file-meta strong[b-tru8ek4q58] {
    color: var(--office-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-contract-create-file-meta span[b-tru8ek4q58] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-contract-create-file-meta-actions[b-tru8ek4q58],
.office-contract-create-actions[b-tru8ek4q58],
.office-contract-create-modal-actions[b-tru8ek4q58],
.office-contract-create-picker-toolbar div[b-tru8ek4q58],
.office-contract-create-picker-pagination div[b-tru8ek4q58] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.office-contract-create-actions[b-tru8ek4q58],
.office-contract-create-modal-actions[b-tru8ek4q58] {
    justify-content: flex-end;
}

.office-contract-create-actions[b-tru8ek4q58] {
    margin-top: 30px;
}

.office-contract-create-primary-button[b-tru8ek4q58],
.office-contract-create-secondary-button[b-tru8ek4q58] {
    min-height: 2.75rem;
    border: 1px solid transparent;
    border-radius: 0.45rem;
    padding: 0.65rem 0.95rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.office-contract-create-primary-button[b-tru8ek4q58] {
    background: var(--office-primary);
    color: var(--office-primary-foreground);
}

.office-contract-create-secondary-button[b-tru8ek4q58] {
    border-color: var(--office-border);
    background: transparent;
    color: var(--office-foreground);
}

.office-contract-create-primary-button:disabled[b-tru8ek4q58],
.office-contract-create-secondary-button:disabled[b-tru8ek4q58],
.office-contract-create-picker-button:disabled[b-tru8ek4q58] {
    opacity: 0.6;
    cursor: not-allowed;
}

.office-contract-create-modal-backdrop[b-tru8ek4q58] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: rgba(15, 23, 42, 0.55);
}

.office-contract-create-modal-card[b-tru8ek4q58] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 50;
    width: min(760px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    transform: translate(-50%, -50%);
    border-radius: 0.75rem;
}

.office-contract-create-modal-card-wide[b-tru8ek4q58] {
    width: min(1120px, calc(100vw - 32px));
}

.office-contract-create-modal-header[b-tru8ek4q58],
.office-contract-create-picker-table-header[b-tru8ek4q58],
.office-contract-create-picker-pagination[b-tru8ek4q58] {
    padding: 1rem;
}

.office-contract-create-picker-table-header[b-tru8ek4q58],
.office-contract-create-picker-pagination[b-tru8ek4q58] {
    border-bottom: 1px solid var(--office-border);
}

.office-contract-create-picker-pagination[b-tru8ek4q58] {
    border-bottom: 0;
}

.office-contract-create-modal-actions[b-tru8ek4q58] {
    padding: 1rem;
    border-top: 1px solid var(--office-border);
}

.office-contract-create-picker-toolbar[b-tru8ek4q58] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto;
    gap: 0.85rem;
    padding: 0 1rem 1rem;
    align-items: end;
}

.office-contract-create-picker-toolbar label[b-tru8ek4q58] {
    display: grid;
    gap: 0.4rem;
}

.office-contract-create-picker-toolbar input[b-tru8ek4q58] {
    min-height: 2.85rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.45rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-contract-create-picker-table-card[b-tru8ek4q58] {
    margin: 0 1rem 1rem;
    border-radius: 0.75rem;
    overflow: hidden;
}

.office-contract-create-picker-table-wrap[b-tru8ek4q58] {
    overflow-x: auto;
}

.office-contract-create-picker-table[b-tru8ek4q58] {
    width: 100%;
    border-collapse: collapse;
}

.office-contract-create-picker-table th[b-tru8ek4q58],
.office-contract-create-picker-table td[b-tru8ek4q58] {
    border-bottom: 1px solid var(--office-border);
    padding: 0.7rem 0.85rem;
    text-align: left;
    vertical-align: middle;
}

.office-contract-create-picker-table th[b-tru8ek4q58] {
    color: var(--office-muted);
    font-size: 0.78rem;
    text-transform: uppercase;
}

.office-contract-create-picker-table th:first-child[b-tru8ek4q58],
.office-contract-create-picker-table td:first-child[b-tru8ek4q58] {
    width: 3.75rem;
    text-align: center;
}

.office-contract-create-picker-table tbody tr:hover[b-tru8ek4q58] {
    background: color-mix(in srgb, var(--office-primary) 4%, var(--office-surface));
}

.office-contract-create-picker-main-cell[b-tru8ek4q58],
.office-contract-create-picker-muted-cell[b-tru8ek4q58] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.office-contract-create-picker-main-cell strong[b-tru8ek4q58],
.office-contract-create-picker-muted-cell strong[b-tru8ek4q58] {
    line-height: 1.2;
}

.office-contract-create-picker-meta[b-tru8ek4q58] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem 0.65rem;
    color: var(--office-muted);
    font-size: 0.82rem;
}

.office-contract-create-picker-muted-cell strong[b-tru8ek4q58] {
    font-size: 0.9rem;
    font-weight: 600;
}

.office-contract-create-selection-control[b-tru8ek4q58] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    cursor: pointer;
}

.office-contract-create-selection-control.disabled[b-tru8ek4q58] {
    cursor: not-allowed;
}

.office-contract-create-selection-input[b-tru8ek4q58] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: inherit;
}

.office-contract-create-selection-box[b-tru8ek4q58] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 0.20rem;
    border: 1px solid rgba(0, 42, 186, 0.24);
    background: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
    transition: transform 0.16s ease, border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease;
}

.office-contract-create-selection-box svg[b-tru8ek4q58] {
    width: 1rem;
    height: 1rem;
    stroke: #ffffff;
    stroke-width: 3;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0;
    transform: scale(0.82);
    transition: opacity 0.16s ease, transform 0.16s ease;
}

.office-contract-create-selection-control:hover .office-contract-create-selection-box[b-tru8ek4q58] {
    transform: translateY(-1px);
    border-color: rgba(0, 42, 186, 0.4);
}

.office-contract-create-selection-input:checked + .office-contract-create-selection-box[b-tru8ek4q58] {
    background: var(--office-primary);
    border-color: var(--office-primary);
    color: var(--office-primary-foreground);
    box-shadow: 0 10px 20px rgba(0, 42, 186, 0.18);
}

.office-contract-create-selection-input:checked + .office-contract-create-selection-box svg[b-tru8ek4q58] {
    opacity: 1;
    transform: scale(1);
}

.office-contract-create-selection-input:focus-visible + .office-contract-create-selection-box[b-tru8ek4q58] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 42, 186, 0.18);
}

.office-contract-create-selection-input:disabled + .office-contract-create-selection-box[b-tru8ek4q58] {
    background: color-mix(in srgb, var(--office-primary) 12%, #ffffff);
    border-color: rgba(0, 42, 186, 0.28);
}

.office-contract-create-selection-input:disabled + .office-contract-create-selection-box svg[b-tru8ek4q58] {
    opacity: 1;
    transform: scale(1);
}

.office-contract-create-kind[b-tru8ek4q58],
.office-contract-create-status[b-tru8ek4q58] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.32rem 0.6rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.office-contract-create-kind.lead[b-tru8ek4q58] {
    background: rgba(37, 99, 235, 0.16);
    color: #60a5fa;
}

.office-contract-create-kind.collaborator[b-tru8ek4q58] {
    background: rgba(234, 179, 8, 0.16);
    color: #ca8a04;
}

.office-contract-create-kind.contact[b-tru8ek4q58] {
    background: rgba(20, 184, 166, 0.14);
    color: #0f766e;
}

.office-contract-create-status.active[b-tru8ek4q58] {
    background: rgba(22, 163, 74, 0.14);
    color: #16a34a;
}

.office-contract-create-status.inactive[b-tru8ek4q58] {
    background: rgba(148, 163, 184, 0.14);
    color: var(--office-muted);
}

.office-contract-create-status.already-added[b-tru8ek4q58] {
    background: color-mix(in srgb, var(--office-primary) 14%, var(--office-surface));
    color: var(--office-primary);
}

[b-tru8ek4q58] .validation-message {
    color: var(--office-feedback-error-text);
    font-size: 0.82rem;
}

@media (max-width: 960px) {
    .office-contract-create-header[b-tru8ek4q58],
    .office-contract-create-signers-header[b-tru8ek4q58],
    .office-contract-create-modal-header[b-tru8ek4q58],
    .office-contract-create-picker-pagination[b-tru8ek4q58] {
        flex-direction: column;
        align-items: stretch;
    }

    .office-contract-create-summary[b-tru8ek4q58],
    .office-contract-create-grid[b-tru8ek4q58],
    .office-contract-create-modal-form-grid[b-tru8ek4q58],
    .office-contract-create-picker-toolbar[b-tru8ek4q58] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .office-contract-create-modal-card[b-tru8ek4q58],
    .office-contract-create-modal-card-wide[b-tru8ek4q58] {
        width: calc(100vw - 24px);
        max-height: calc(100vh - 24px);
    }

    .office-contract-create-picker-table th:nth-child(4)[b-tru8ek4q58],
    .office-contract-create-picker-table td:nth-child(4)[b-tru8ek4q58],
    .office-contract-create-picker-table th:nth-child(5)[b-tru8ek4q58],
    .office-contract-create-picker-table td:nth-child(5)[b-tru8ek4q58] {
        display: none;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeContractDetail.razor.rz.scp.css */
.office-contract-detail-loading[b-54rmtat34m],
.office-contract-detail-empty[b-54rmtat34m] {
    padding: 1.2rem;
    border-radius: 0.5rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
    color: var(--office-muted);
}

.office-contract-detail-page[b-54rmtat34m] {
    display: grid;
    gap: 1rem;
}

.office-contract-detail-header[b-54rmtat34m],
.office-contract-detail-card[b-54rmtat34m],
.office-contract-detail-section[b-54rmtat34m] {
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-contract-detail-header[b-54rmtat34m] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.5rem;
}

.office-contract-detail-header span[b-54rmtat34m],
.office-contract-detail-card span[b-54rmtat34m] {
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-contract-detail-header h1[b-54rmtat34m] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.55rem;
    font-weight: 700;
}

.office-contract-detail-header p[b-54rmtat34m],
.office-contract-detail-card small[b-54rmtat34m],
.office-contract-detail-participant-card span[b-54rmtat34m],
.office-contract-detail-participant-card small[b-54rmtat34m],
.office-contract-detail-notes[b-54rmtat34m] {
    color: var(--office-muted);
}

.office-contract-detail-header p[b-54rmtat34m] {
    margin: 0.45rem 0 0;
}

.office-contract-detail-header-actions[b-54rmtat34m],
.office-contract-detail-card-actions[b-54rmtat34m] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.office-contract-detail-grid[b-54rmtat34m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.office-contract-detail-card[b-54rmtat34m] {
    display: grid;
    gap: 0.35rem;
    padding: 1rem;
    border-radius: 0.5rem;
}

.office-contract-detail-revision-alert[b-54rmtat34m] {
    display: grid;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(239, 68, 68, 0.28);
    background: rgba(254, 226, 226, 0.72);
}

.office-contract-detail-revision-alert div[b-54rmtat34m] {
    display: grid;
    gap: 0.35rem;
}

.office-contract-detail-revision-alert span[b-54rmtat34m] {
    color: #b91c1c;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-contract-detail-revision-alert strong[b-54rmtat34m] {
    color: #991b1b;
    font-size: 1rem;
}

.office-contract-detail-revision-alert p[b-54rmtat34m] {
    margin: 0;
    color: #7f1d1d;
    line-height: 1.5;
}

.office-contract-detail-revision-alert .office-contract-detail-revision-actions[b-54rmtat34m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.office-contract-detail-revision-modal[b-54rmtat34m] {
    width: min(720px, calc(100vw - 2rem));
    gap: 0;
    padding: 0;
    overflow: hidden;
}

.office-contract-detail-revision-modal-header[b-54rmtat34m] {
    padding: 1.35rem 1.5rem;
    border-bottom: 1px solid var(--office-border);
    background: var(--office-surface);
}

.office-contract-detail-revision-modal-header h2[b-54rmtat34m] {
    margin-top: 0.25rem;
    font-size: 1.35rem;
}

.office-contract-detail-revision-modal-body[b-54rmtat34m] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem 1.5rem 1.4rem;
}

.office-contract-detail-editor-field small[b-54rmtat34m] {
    color: var(--office-muted);
    font-size: 0.8rem;
    line-height: 1.35;
}

.office-contract-detail-revision-field[b-54rmtat34m],
.office-contract-detail-upload-field[b-54rmtat34m] {
    width: 100%;
    min-width: 0;
}

.office-contract-detail-upload-zone[b-54rmtat34m] {
    position: relative;
    overflow: hidden;
    width: 100%;
    border: 2px dashed rgba(148, 163, 184, 0.55);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.02));
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.office-contract-detail-upload-zone:hover[b-54rmtat34m] {
    border-color: rgba(0, 42, 186, 0.5);
    background: linear-gradient(180deg, rgba(0, 42, 186, 0.08), rgba(255, 255, 255, 0.03));
}

.office-contract-detail-upload-zone.has-file[b-54rmtat34m] {
    border-color: rgba(0, 42, 186, 0.55);
    background: linear-gradient(180deg, rgba(0, 42, 186, 0.11), rgba(255, 255, 255, 0.03));
}

.office-contract-detail-upload-zone[b-54rmtat34m]  .office-contract-detail-file-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    font-size: 0;
    color: transparent;
    background: transparent;
    border: 0;
}

.office-contract-detail-upload-zone[b-54rmtat34m]  .office-contract-detail-file-input::file-selector-button {
    display: none;
}

.office-contract-detail-upload-visual[b-54rmtat34m] {
    display: grid;
    justify-items: center;
    gap: 0.55rem;
    padding: 1.7rem 1.5rem;
    text-align: center;
}

.office-contract-detail-upload-icon[b-54rmtat34m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.1rem;
    height: 4.1rem;
    border-radius: 999px;
    background: rgba(255, 224, 214, 0.95);
    color: #002aba;
    box-shadow: inset 0 0 0 1px rgba(0, 42, 186, 0.08);
}

.office-contract-detail-upload-icon svg[b-54rmtat34m] {
    width: 1.75rem;
    height: 1.75rem;
    stroke: currentColor;
    stroke-width: 1.8;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.office-contract-detail-upload-visual strong[b-54rmtat34m] {
    color: var(--office-foreground);
    font-size: 1rem;
    font-weight: 700;
}

.office-contract-detail-upload-visual span[b-54rmtat34m] {
    color: var(--office-muted);
    font-size: 0.9rem;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
}

.office-contract-detail-revision-modal-actions[b-54rmtat34m] {
    justify-content: flex-end;
    padding-top: 0.15rem;
}

.office-contract-detail-package-summary[b-54rmtat34m] {
    color: var(--office-muted);
    font-size: 0.9rem;
}

.office-contract-detail-selected-files[b-54rmtat34m] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.55rem;
}

.office-contract-detail-selected-file[b-54rmtat34m] {
    width: fit-content;
    min-width: 300px;
    max-width: 100%;
    min-height: 64px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border-radius: 0.75rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    font-size: 0.9rem;
}

.office-contract-detail-selected-file-order[b-54rmtat34m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: color-mix(in srgb, var(--office-primary) 12%, var(--office-surface));
    color: var(--office-primary);
    font-size: 0.78rem;
    font-weight: 700;
}

.office-contract-detail-selected-file-copy[b-54rmtat34m] {
    min-width: 0;
    display: grid;
    gap: 0.2rem;
}

.office-contract-detail-selected-file-copy strong[b-54rmtat34m] {
    color: var(--office-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-contract-detail-selected-file-copy span[b-54rmtat34m] {
    color: var(--office-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-contract-detail-card-actions[b-54rmtat34m] {
    margin-top: 0.4rem;
}

.office-contract-detail-card strong[b-54rmtat34m],
.office-contract-detail-participant-card strong[b-54rmtat34m],
.office-contract-detail-section-header h2[b-54rmtat34m] {
    color: var(--office-foreground);
}

.office-contract-detail-section[b-54rmtat34m] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.5rem;
}

.office-contract-detail-section-header[b-54rmtat34m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.office-contract-detail-section-actions[b-54rmtat34m],
.office-contract-detail-editor-actions[b-54rmtat34m],
.office-contract-detail-dialog-actions[b-54rmtat34m],
.office-contract-detail-picker-toolbar div[b-54rmtat34m],
.office-contract-detail-picker-pagination div[b-54rmtat34m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.office-contract-detail-section-header h2[b-54rmtat34m] {
    margin: 0;
    font-size: 1rem;
}

.office-contract-detail-source-documents[b-54rmtat34m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 0.85rem;
}

.office-contract-detail-source-document-card[b-54rmtat34m] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 0.75rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
}

.office-contract-detail-source-document-copy[b-54rmtat34m] {
    display: grid;
    gap: 0.3rem;
}

.office-contract-detail-source-document-copy strong[b-54rmtat34m] {
    color: var(--office-foreground);
}

.office-contract-detail-source-document-copy span[b-54rmtat34m],
.office-contract-detail-source-document-copy small[b-54rmtat34m] {
    color: var(--office-muted);
}

.office-contract-detail-source-document-actions[b-54rmtat34m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.office-contract-detail-timeline[b-54rmtat34m] {
    display: grid;
    gap: 0.75rem;
}

.office-contract-detail-timeline-item[b-54rmtat34m] {
    display: grid;
    grid-template-columns: minmax(9rem, 12rem) minmax(0, 1fr);
    gap: 1rem;
    padding: 0.85rem 0;
    border-bottom: 1px solid var(--office-border);
}

.office-contract-detail-timeline-item:last-child[b-54rmtat34m] {
    border-bottom: 0;
}

.office-contract-detail-timeline-item time[b-54rmtat34m] {
    color: var(--office-muted);
    font-size: 0.82rem;
    font-weight: 600;
}

.office-contract-detail-timeline-item div[b-54rmtat34m] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.office-contract-detail-timeline-item strong[b-54rmtat34m] {
    color: var(--office-foreground);
    font-size: 0.95rem;
}

.office-contract-detail-timeline-item small[b-54rmtat34m],
.office-contract-detail-timeline-empty[b-54rmtat34m] {
    color: var(--office-muted);
}

.office-contract-detail-editor-card[b-54rmtat34m],
.office-contract-detail-dialog-card[b-54rmtat34m],
.office-contract-detail-picker-table-card[b-54rmtat34m] {
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-contract-detail-editor-card[b-54rmtat34m] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border-radius: 0.85rem;
}

.office-contract-detail-editor-card[b-54rmtat34m]  .office-contract-detail-editor-form {
    display: grid;
    gap: 1.4rem;
}

.office-contract-detail-editor-grid[b-54rmtat34m],
.office-contract-detail-dialog-form-grid[b-54rmtat34m] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.office-contract-detail-dialog-form-grid[b-54rmtat34m] {
    padding: 1rem 1rem 0;
}

.office-contract-detail-editor-field[b-54rmtat34m] {
    display: grid;
    gap: 0.45rem;
}

.office-contract-detail-editor-field span[b-54rmtat34m],
.office-contract-detail-editor-signers-header span[b-54rmtat34m],
.office-contract-detail-dialog-header span[b-54rmtat34m],
.office-contract-detail-picker-toolbar label span[b-54rmtat34m],
.office-contract-detail-picker-table-header span[b-54rmtat34m] {
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-contract-detail-editor-field span[b-54rmtat34m] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    letter-spacing: normal;
    text-transform: none;
}

.office-contract-detail-editor-field-wide[b-54rmtat34m] {
    grid-column: 1 / -1;
}

.office-contract-detail-editor-input[b-54rmtat34m],
.office-contract-detail-editor-field[b-54rmtat34m]  .office-contract-detail-editor-input,
.office-contract-detail-editor-field select[b-54rmtat34m],
.office-contract-detail-editor-field input[type="text"][b-54rmtat34m],
.office-contract-detail-editor-field textarea[b-54rmtat34m],
.office-contract-detail-picker-toolbar input[b-54rmtat34m] {
    width: 100%;
    min-height: 2.85rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.45rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    color: var(--office-foreground);
    font: inherit;
    box-sizing: border-box;
}

.office-contract-detail-editor-input:focus[b-54rmtat34m],
.office-contract-detail-editor-field[b-54rmtat34m]  .office-contract-detail-editor-input:focus,
.office-contract-detail-editor-field select:focus[b-54rmtat34m],
.office-contract-detail-editor-field input[type="text"]:focus[b-54rmtat34m],
.office-contract-detail-editor-field textarea:focus[b-54rmtat34m],
.office-contract-detail-picker-toolbar input:focus[b-54rmtat34m] {
    outline: none;
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.15);
}

.office-contract-detail-editor-textarea[b-54rmtat34m] {
    min-height: 7rem;
    resize: vertical;
}

.office-contract-detail-editor-signers[b-54rmtat34m] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border-radius: 0.75rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface);
}

.office-contract-detail-editor-signers-header[b-54rmtat34m],
.office-contract-detail-dialog-header[b-54rmtat34m],
.office-contract-detail-picker-table-header[b-54rmtat34m],
.office-contract-detail-picker-pagination[b-54rmtat34m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.office-contract-detail-editor-signers-header > div:first-child[b-54rmtat34m] {
    display: grid;
    gap: 0.25rem;
}

.office-contract-detail-editor-signers-header strong[b-54rmtat34m],
.office-contract-detail-editor-signer-card strong[b-54rmtat34m],
.office-contract-detail-dialog-header h2[b-54rmtat34m],
.office-contract-detail-picker-table-header h3[b-54rmtat34m],
.office-contract-detail-picker-main-cell strong[b-54rmtat34m] {
    color: var(--office-foreground);
}

.office-contract-detail-editor-signers-header small[b-54rmtat34m],
.office-contract-detail-dialog-header p[b-54rmtat34m],
.office-contract-detail-picker-empty[b-54rmtat34m],
.office-contract-detail-picker-meta[b-54rmtat34m],
.office-contract-detail-picker-pagination[b-54rmtat34m],
.office-contract-detail-editor-signer-card-copy small[b-54rmtat34m] {
    color: var(--office-muted);
}

.office-contract-detail-editor-signer-actions[b-54rmtat34m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.office-contract-detail-picker-button[b-54rmtat34m] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 3rem;
    padding: 0 1rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 42, 186, 0.28);
    background: color-mix(in srgb, var(--office-primary) 7%, var(--office-surface));
    color: var(--office-primary);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.office-contract-detail-picker-button:hover[b-54rmtat34m] {
    transform: translateY(-1px);
    border-color: rgba(0, 42, 186, 0.44);
    background: color-mix(in srgb, var(--office-primary) 12%, var(--office-surface));
}

.office-contract-detail-picker-button svg[b-54rmtat34m],
.office-contract-detail-editor-icon-button svg[b-54rmtat34m],
.office-contract-detail-selection-box svg[b-54rmtat34m] {
    stroke: currentColor;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.office-contract-detail-picker-button svg[b-54rmtat34m] {
    width: 1.15rem;
    height: 1.15rem;
    stroke-width: 1.8;
}

.office-contract-detail-editor-empty[b-54rmtat34m],
.office-contract-detail-picker-empty[b-54rmtat34m] {
    padding: 1rem;
    border-radius: 0.75rem;
    border: 1px dashed color-mix(in srgb, var(--office-primary) 25%, var(--office-border));
    background: color-mix(in srgb, var(--office-primary) 6%, var(--office-surface));
}

.office-contract-detail-editor-signers-list[b-54rmtat34m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.85rem;
}

.office-contract-detail-editor-signer-card[b-54rmtat34m] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: start;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 0.75rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
}

.office-contract-detail-editor-signer-card-copy[b-54rmtat34m] {
    display: grid;
    gap: 0.25rem;
}

.office-contract-detail-editor-signer-card-copy span[b-54rmtat34m] {
    color: var(--office-primary);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-contract-detail-editor-icon-button[b-54rmtat34m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 42, 186, 0.28);
    background: rgba(255, 255, 255, 0.05);
    color: #002aba;
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.office-contract-detail-editor-icon-button:hover[b-54rmtat34m] {
    transform: translateY(-1px);
    border-color: rgba(0, 42, 186, 0.48);
    background: rgba(0, 42, 186, 0.12);
}

.office-contract-detail-editor-icon-button svg[b-54rmtat34m] {
    width: 1rem;
    height: 1rem;
    stroke-width: 1.8;
}

.office-contract-detail-participants[b-54rmtat34m] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.office-contract-detail-participant-card[b-54rmtat34m] {
    display: grid;
    gap: 0.25rem;
    padding: 1rem;
    border-radius: 0.75rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
}

.office-contract-detail-participant-topline[b-54rmtat34m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.15rem;
}

.office-contract-detail-participant-kicker[b-54rmtat34m] {
    color: var(--office-muted);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-contract-detail-role-badge[b-54rmtat34m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: 1px solid transparent;
    white-space: nowrap;
}

.office-contract-detail-role-badge.contracting-party[b-54rmtat34m] {
    background: rgba(0, 42, 186, 0.14);
    border-color: rgba(0, 42, 186, 0.3);
    color: var(--office-primary);
}

.office-contract-detail-role-badge.contracted-party[b-54rmtat34m] {
    background: rgba(37, 99, 235, 0.14);
    border-color: rgba(37, 99, 235, 0.3);
    color: #60a5fa;
}

.office-contract-detail-role-badge.witness[b-54rmtat34m] {
    background: rgba(20, 184, 166, 0.14);
    border-color: rgba(20, 184, 166, 0.3);
    color: #2dd4bf;
}

.office-contract-detail-role-badge.default[b-54rmtat34m] {
    background: rgba(148, 163, 184, 0.14);
    border-color: rgba(148, 163, 184, 0.24);
    color: var(--office-muted);
}

.office-contract-detail-participant-actions[b-54rmtat34m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.45rem;
}

.office-contract-detail-public-link-box[b-54rmtat34m] {
    display: grid;
    gap: 0.35rem;
    margin-top: 0.5rem;
    padding: 0.75rem;
    border-radius: 0.65rem;
    border: 1px solid var(--office-border);
    background: rgba(15, 23, 42, 0.18);
}

.office-contract-detail-inline-link[b-54rmtat34m] {
    color: #93c5fd;
    font-weight: 600;
    text-decoration: none;
}

.office-contract-detail-notes[b-54rmtat34m] {
    margin: 0;
    white-space: pre-wrap;
}

.office-contract-detail-secondary-button[b-54rmtat34m] {
    min-height: 2.5rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    padding: 0.65rem 0.9rem;
    background: transparent;
    color: var(--office-foreground);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.office-contract-detail-primary-button[b-54rmtat34m] {
    min-height: 2.5rem;
    border: 1px solid transparent;
    border-radius: 0.45rem;
    padding: 0.65rem 0.9rem;
    background: var(--office-primary);
    color: var(--office-primary-foreground);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.office-contract-detail-primary-button:disabled[b-54rmtat34m],
.office-contract-detail-secondary-button:disabled[b-54rmtat34m],
.office-contract-detail-picker-button:disabled[b-54rmtat34m],
.office-contract-detail-editor-icon-button:disabled[b-54rmtat34m] {
    opacity: 0.6;
    cursor: not-allowed;
}

.office-contract-detail-modal-backdrop[b-54rmtat34m] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(2px);
    z-index: 40;
}

.office-contract-detail-modal-card[b-54rmtat34m] {
    position: fixed;
    inset: 5vh 4vw;
    z-index: 41;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    border: 1px solid var(--office-border);
    border-radius: 1rem;
    background: var(--office-surface);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.35);
    overflow: hidden;
}

.office-contract-detail-dialog-card[b-54rmtat34m] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 41;
    width: min(760px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    transform: translate(-50%, -50%);
    border-radius: 0.75rem;
}

.office-contract-detail-dialog-card-wide[b-54rmtat34m] {
    width: min(1080px, calc(100vw - 32px));
}

.office-contract-detail-modal-header[b-54rmtat34m] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-contract-detail-modal-header span[b-54rmtat34m] {
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-contract-detail-modal-header h2[b-54rmtat34m] {
    margin: 0.25rem 0 0;
    color: var(--office-foreground);
    font-size: 1.05rem;
}

.office-contract-detail-dialog-header[b-54rmtat34m],
.office-contract-detail-picker-table-header[b-54rmtat34m],
.office-contract-detail-picker-pagination[b-54rmtat34m] {
    padding: 1rem;
}

.office-contract-detail-dialog-actions[b-54rmtat34m] {
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid var(--office-border);
}

.office-contract-detail-picker-toolbar[b-54rmtat34m] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto;
    gap: 0.85rem;
    padding: 0 1rem 1rem;
    align-items: end;
}

.office-contract-detail-picker-toolbar label[b-54rmtat34m] {
    display: grid;
    gap: 0.4rem;
}

.office-contract-detail-picker-table-card[b-54rmtat34m] {
    margin: 0 1rem 1rem;
    border-radius: 0.75rem;
    overflow: hidden;
}

.office-contract-detail-picker-table-header[b-54rmtat34m],
.office-contract-detail-picker-pagination[b-54rmtat34m] {
    border-bottom: 1px solid var(--office-border);
}

.office-contract-detail-picker-pagination[b-54rmtat34m] {
    border-bottom: 0;
}

.office-contract-detail-picker-table-wrap[b-54rmtat34m] {
    overflow-x: auto;
}

.office-contract-detail-picker-table[b-54rmtat34m] {
    width: 100%;
    border-collapse: collapse;
}

.office-contract-detail-picker-table th[b-54rmtat34m],
.office-contract-detail-picker-table td[b-54rmtat34m] {
    border-bottom: 1px solid var(--office-border);
    padding: 0.7rem 0.85rem;
    text-align: left;
    vertical-align: middle;
}

.office-contract-detail-picker-table th[b-54rmtat34m] {
    color: var(--office-muted);
    font-size: 0.78rem;
    text-transform: uppercase;
}

.office-contract-detail-picker-table th:first-child[b-54rmtat34m],
.office-contract-detail-picker-table td:first-child[b-54rmtat34m] {
    width: 3.75rem;
    text-align: center;
}

.office-contract-detail-picker-table tbody tr:hover[b-54rmtat34m] {
    background: color-mix(in srgb, var(--office-primary) 4%, var(--office-surface));
}

.office-contract-detail-picker-main-cell[b-54rmtat34m] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.office-contract-detail-picker-main-cell strong[b-54rmtat34m] {
    line-height: 1.2;
}

.office-contract-detail-picker-meta[b-54rmtat34m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem 0.65rem;
    font-size: 0.82rem;
}

.office-contract-detail-selection-control[b-54rmtat34m] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    cursor: pointer;
}

.office-contract-detail-selection-control.disabled[b-54rmtat34m] {
    cursor: not-allowed;
}

.office-contract-detail-selection-input[b-54rmtat34m] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: inherit;
}

.office-contract-detail-selection-box[b-54rmtat34m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 0.20rem;
    border: 1px solid rgba(0, 42, 186, 0.24);
    background: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
    transition: transform 0.16s ease, border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease;
}

.office-contract-detail-selection-box svg[b-54rmtat34m] {
    width: 1rem;
    height: 1rem;
    color: #ffffff;
    stroke-width: 3;
    opacity: 0;
    transform: scale(0.82);
    transition: opacity 0.16s ease, transform 0.16s ease;
}

.office-contract-detail-selection-control:hover .office-contract-detail-selection-box[b-54rmtat34m] {
    transform: translateY(-1px);
    border-color: rgba(0, 42, 186, 0.4);
}

.office-contract-detail-selection-input:checked + .office-contract-detail-selection-box[b-54rmtat34m] {
    background: var(--office-primary);
    border-color: var(--office-primary);
    color: var(--office-primary-foreground);
    box-shadow: 0 10px 20px rgba(0, 42, 186, 0.18);
}

.office-contract-detail-selection-input:checked + .office-contract-detail-selection-box svg[b-54rmtat34m] {
    opacity: 1;
    transform: scale(1);
}

.office-contract-detail-selection-input:focus-visible + .office-contract-detail-selection-box[b-54rmtat34m] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 42, 186, 0.18);
}

.office-contract-detail-selection-input:disabled + .office-contract-detail-selection-box[b-54rmtat34m] {
    background: color-mix(in srgb, var(--office-primary) 12%, #ffffff);
    border-color: rgba(0, 42, 186, 0.28);
}

.office-contract-detail-selection-input:disabled + .office-contract-detail-selection-box svg[b-54rmtat34m] {
    opacity: 1;
    transform: scale(1);
}

.office-contract-detail-kind[b-54rmtat34m],
.office-contract-detail-status[b-54rmtat34m] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.32rem 0.6rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.office-contract-detail-kind.lead[b-54rmtat34m] {
    background: rgba(37, 99, 235, 0.16);
    color: #60a5fa;
}

.office-contract-detail-kind.collaborator[b-54rmtat34m] {
    background: rgba(234, 179, 8, 0.16);
    color: #ca8a04;
}

.office-contract-detail-kind.contact[b-54rmtat34m] {
    background: rgba(20, 184, 166, 0.14);
    color: #0f766e;
}

.office-contract-detail-status.active[b-54rmtat34m] {
    background: rgba(22, 163, 74, 0.14);
    color: #16a34a;
}

.office-contract-detail-status.inactive[b-54rmtat34m] {
    background: rgba(148, 163, 184, 0.14);
    color: var(--office-muted);
}

.office-contract-detail-status.already-added[b-54rmtat34m] {
    background: color-mix(in srgb, var(--office-primary) 14%, var(--office-surface));
    color: var(--office-primary);
}

.office-contract-detail-modal-body[b-54rmtat34m] {
    overflow: auto;
    background: #ffffff;
}

.office-contract-detail-preview-frame[b-54rmtat34m] {
    width: 100%;
    min-height: 70vh;
    border: 0;
    background: #ffffff;
}

.office-contract-detail-preview-loading[b-54rmtat34m],
.office-contract-detail-preview-empty[b-54rmtat34m] {
    padding: 1.5rem;
    color: #475569;
}

[b-54rmtat34m] .validation-message {
    color: var(--office-feedback-error-text);
    font-size: 0.82rem;
}

@media (max-width: 960px) {
    .office-contract-detail-header[b-54rmtat34m] {
        flex-direction: column;
        align-items: stretch;
    }

    .office-contract-detail-grid[b-54rmtat34m],
    .office-contract-detail-participants[b-54rmtat34m],
    .office-contract-detail-editor-grid[b-54rmtat34m],
    .office-contract-detail-dialog-form-grid[b-54rmtat34m],
    .office-contract-detail-picker-toolbar[b-54rmtat34m] {
        grid-template-columns: 1fr;
    }

    .office-contract-detail-modal-card[b-54rmtat34m] {
        inset: 1rem;
    }

    .office-contract-detail-timeline-item[b-54rmtat34m] {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }

    .office-contract-detail-modal-header[b-54rmtat34m],
    .office-contract-detail-header-actions[b-54rmtat34m],
    .office-contract-detail-section-header[b-54rmtat34m],
    .office-contract-detail-participant-topline[b-54rmtat34m],
    .office-contract-detail-editor-signers-header[b-54rmtat34m],
    .office-contract-detail-dialog-header[b-54rmtat34m],
    .office-contract-detail-picker-pagination[b-54rmtat34m] {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 760px) {
    .office-contract-detail-dialog-card[b-54rmtat34m],
    .office-contract-detail-dialog-card-wide[b-54rmtat34m] {
        width: calc(100vw - 24px);
        max-height: calc(100vh - 24px);
    }

    .office-contract-detail-picker-table th:nth-child(4)[b-54rmtat34m],
    .office-contract-detail-picker-table td:nth-child(4)[b-54rmtat34m] {
        display: none;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeContracts.razor.rz.scp.css */
.office-contracts-page[b-bycb3nz2ct] {
    display: grid;
    gap: 1rem;
}

.office-contracts-loading[b-bycb3nz2ct],
.office-contracts-header[b-bycb3nz2ct],
.office-contracts-toolbar[b-bycb3nz2ct],
.office-contracts-table-card[b-bycb3nz2ct] {
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-contracts-loading[b-bycb3nz2ct] {
    padding: 1.2rem;
    border-radius: 0.5rem;
    color: var(--office-muted);
}

.office-contracts-header[b-bycb3nz2ct] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.5rem;
}

.office-contracts-header span[b-bycb3nz2ct],
.office-contracts-table-header span[b-bycb3nz2ct],
.office-contracts-pagination span[b-bycb3nz2ct] {
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-contracts-header h1[b-bycb3nz2ct],
.office-contracts-table-header h2[b-bycb3nz2ct] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.55rem;
    font-weight: 700;
}

.office-contracts-header p[b-bycb3nz2ct],
.office-contracts-empty[b-bycb3nz2ct],
.office-contracts-main-cell span[b-bycb3nz2ct],
.office-contracts-muted-cell span[b-bycb3nz2ct] {
    color: var(--office-muted);
}

.office-contracts-header p[b-bycb3nz2ct] {
    margin: 0.45rem 0 0;
    max-width: 48rem;
}

.office-contracts-primary-button[b-bycb3nz2ct],
.office-contracts-secondary-button[b-bycb3nz2ct],
.office-contracts-action-button[b-bycb3nz2ct],
.office-contracts-danger-button[b-bycb3nz2ct] {
    min-height: 2.5rem;
    border: 1px solid transparent;
    border-radius: 0.45rem;
    padding: 0.65rem 0.9rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.office-contracts-primary-button[b-bycb3nz2ct] {
    background: var(--office-primary);
    color: var(--office-primary-foreground);
}

.office-contracts-secondary-button[b-bycb3nz2ct],
.office-contracts-action-button[b-bycb3nz2ct] {
    border-color: var(--office-border);
    background: transparent;
    color: var(--office-foreground);
}

.office-contracts-danger-button[b-bycb3nz2ct] {
    border-color: rgba(239, 68, 68, 0.24);
    background: rgba(239, 68, 68, 0.08);
    color: #b91c1c;
}

.office-contracts-primary-button:disabled[b-bycb3nz2ct],
.office-contracts-secondary-button:disabled[b-bycb3nz2ct],
.office-contracts-action-button:disabled[b-bycb3nz2ct],
.office-contracts-danger-button:disabled[b-bycb3nz2ct] {
    opacity: 0.6;
    cursor: not-allowed;
}

.office-contracts-toolbar[b-bycb3nz2ct] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 14rem auto;
    align-items: end;
    gap: 1rem;
    padding: 1rem;
    border-radius: 0.5rem;
}

.office-contracts-toolbar label[b-bycb3nz2ct] {
    display: grid;
    gap: 0.45rem;
}

.office-contracts-toolbar label span[b-bycb3nz2ct] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 700;
}

.office-contracts-toolbar input[b-bycb3nz2ct],
.office-contracts-toolbar select[b-bycb3nz2ct] {
    width: 100%;
    min-height: 2.85rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.45rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-contracts-toolbar input:focus[b-bycb3nz2ct],
.office-contracts-toolbar select:focus[b-bycb3nz2ct] {
    outline: none;
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.15);
}

.office-contracts-toolbar > div[b-bycb3nz2ct],
.office-contracts-pagination > div[b-bycb3nz2ct] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.office-contracts-table-card[b-bycb3nz2ct] {
    border-radius: 0.5rem;
    overflow: visible;
}

.office-contracts-table-header[b-bycb3nz2ct],
.office-contracts-pagination[b-bycb3nz2ct] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-contracts-table-header span[b-bycb3nz2ct],
.office-contracts-pagination span[b-bycb3nz2ct] {
    color: var(--office-muted);
    font-size: 0.86rem;
    font-weight: 600;
    letter-spacing: normal;
    text-transform: none;
}

.office-contracts-table-header h2[b-bycb3nz2ct] {
    font-size: 1rem;
}

.office-contracts-empty[b-bycb3nz2ct] {
    padding: 1.5rem 1.1rem;
}

.office-contracts-table-wrap[b-bycb3nz2ct] {
    overflow: visible;
}

.office-contracts-table[b-bycb3nz2ct] {
    width: 100%;
    border-collapse: collapse;
}

.office-contracts-table th[b-bycb3nz2ct],
.office-contracts-table td[b-bycb3nz2ct] {
    padding: 0.95rem 1.1rem;
    text-align: left;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
    vertical-align: top;
}

.office-contracts-table th:nth-child(6)[b-bycb3nz2ct],
.office-contracts-table td:nth-child(6)[b-bycb3nz2ct] {
    padding-inline: 1.45rem;
}

.office-contracts-table th[b-bycb3nz2ct] {
    color: var(--office-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-contracts-main-cell[b-bycb3nz2ct],
.office-contracts-muted-cell[b-bycb3nz2ct],
.office-contracts-automation-cell[b-bycb3nz2ct] {
    display: grid;
    gap: 0.25rem;
}

.office-contracts-automation-cell small[b-bycb3nz2ct] {
    color: var(--office-muted);
    font-size: 0.78rem;
    line-height: 1.25;
}

.office-contracts-automation-state[b-bycb3nz2ct] {
    display: inline-flex;
    width: fit-content;
    min-height: 1.55rem;
    align-items: center;
    border-radius: 999px;
    border: 1px solid var(--office-border);
    padding: 0.2rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.office-contracts-automation-state.enabled[b-bycb3nz2ct] {
    border-color: #5eead4;
    background: #ccfbf1;
    color: #0f766e;
}

.office-contracts-automation-state.disabled[b-bycb3nz2ct] {
    background: var(--office-surface-muted);
    color: var(--office-muted);
}

.office-contracts-row-actions[b-bycb3nz2ct] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
    position: relative;
}

.office-contracts-main-cell strong[b-bycb3nz2ct],
.office-contracts-muted-cell strong[b-bycb3nz2ct] {
    color: var(--office-foreground);
}

.office-contracts-status[b-bycb3nz2ct] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.9rem;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.office-contracts-status.draft[b-bycb3nz2ct] {
    border-color: #fdba74;
    background: #ffedd5;
    color: #c2410c;
}

.office-contracts-status.processing_preview[b-bycb3nz2ct] {
    border-color: #93c5fd;
    background: #dbeafe;
    color: #1d4ed8;
}

.office-contracts-status.ready_for_review[b-bycb3nz2ct] {
    border-color: #86efac;
    background: #dcfce7;
    color: #15803d;
}

.office-contracts-status.signing_in_progress[b-bycb3nz2ct] {
    border-color: #fcd34d;
    background: #fef3c7;
    color: #b45309;
    min-width: 8.4rem;
    padding-inline: 0.9rem;
}

.office-contracts-status.revision_requested[b-bycb3nz2ct] {
    border-color: #fca5a5;
    background: #fee2e2;
    color: #b91c1c;
    min-width: 8.4rem;
    padding-inline: 0.9rem;
}

.office-contracts-status.completed[b-bycb3nz2ct] {
    border-color: #5eead4;
    background: #ccfbf1;
    color: #0f766e;
}

.office-contracts-status.failed[b-bycb3nz2ct] {
    border-color: #fca5a5;
    background: #fee2e2;
    color: #b91c1c;
}

.office-contracts-status.cancelled[b-bycb3nz2ct] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.office-contracts-revision-summary[b-bycb3nz2ct] {
    display: grid;
    gap: 0.2rem;
    margin-top: 0.45rem;
    max-width: 16rem;
}

.office-contracts-revision-summary strong[b-bycb3nz2ct] {
    color: #b91c1c;
    font-size: 0.78rem;
    line-height: 1.25;
}

.office-contracts-revision-summary span[b-bycb3nz2ct] {
    color: var(--office-muted);
    font-size: 0.76rem;
    line-height: 1.3;
}

:global(.office-theme-dark) .office-contracts-status.draft[b-bycb3nz2ct] {
    border-color: rgba(0, 42, 186, 0.34);
    background: rgba(0, 42, 186, 0.12);
    color: #fdba74;
}

:global(.office-theme-dark) .office-contracts-status.processing_preview[b-bycb3nz2ct] {
    border-color: rgba(59, 130, 246, 0.34);
    background: rgba(59, 130, 246, 0.12);
    color: #93c5fd;
}

:global(.office-theme-dark) .office-contracts-status.ready_for_review[b-bycb3nz2ct] {
    border-color: rgba(34, 197, 94, 0.34);
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
}

:global(.office-theme-dark) .office-contracts-status.signing_in_progress[b-bycb3nz2ct] {
    border-color: rgba(251, 191, 36, 0.34);
    background: rgba(251, 191, 36, 0.12);
    color: #fde68a;
    min-width: 8.4rem;
    padding-inline: 0.9rem;
}

:global(.office-theme-dark) .office-contracts-status.revision_requested[b-bycb3nz2ct] {
    border-color: rgba(239, 68, 68, 0.34);
    background: rgba(239, 68, 68, 0.12);
    color: #fca5a5;
}

:global(.office-theme-dark) .office-contracts-status.completed[b-bycb3nz2ct] {
    border-color: rgba(20, 184, 166, 0.34);
    background: rgba(20, 184, 166, 0.12);
    color: #5eead4;
}

:global(.office-theme-dark) .office-contracts-automation-state.enabled[b-bycb3nz2ct] {
    border-color: rgba(20, 184, 166, 0.34);
    background: rgba(20, 184, 166, 0.12);
    color: #5eead4;
}

:global(.office-theme-dark) .office-contracts-status.failed[b-bycb3nz2ct] {
    border-color: rgba(239, 68, 68, 0.34);
    background: rgba(239, 68, 68, 0.12);
    color: #fca5a5;
}

:global(.office-theme-dark) .office-contracts-status.cancelled[b-bycb3nz2ct] {
    border-color: rgba(239, 68, 68, 0.34);
    background: rgba(239, 68, 68, 0.12);
    color: #fca5a5;
}

@media (max-width: 960px) {
    .office-contracts-header[b-bycb3nz2ct],
    .office-contracts-table-header[b-bycb3nz2ct],
    .office-contracts-pagination[b-bycb3nz2ct] {
        flex-direction: column;
        align-items: stretch;
    }

    .office-contracts-toolbar[b-bycb3nz2ct] {
        grid-template-columns: 1fr;
    }

    .office-contracts-table-wrap[b-bycb3nz2ct] {
        overflow: visible;
    }

    .office-contracts-table th[b-bycb3nz2ct],
    .office-contracts-table td[b-bycb3nz2ct] {
        padding-inline: 0.85rem;
    }

    .office-contracts-table th:nth-child(6)[b-bycb3nz2ct],
    .office-contracts-table td:nth-child(6)[b-bycb3nz2ct] {
        padding-inline: 1rem;
    }

    .office-contracts-row-actions[b-bycb3nz2ct] {
        justify-content: flex-start;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeContractSettings.razor.rz.scp.css */
.office-settings-loading[b-pmoi6qe4ds],
.office-settings-page[b-pmoi6qe4ds] {
    width: min(1120px, 100%);
}

.office-settings-loading[b-pmoi6qe4ds] {
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    color: var(--office-muted);
}

.office-settings-page[b-pmoi6qe4ds] {
    display: grid;
    gap: 1rem;
}

.office-settings-header[b-pmoi6qe4ds] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.office-settings-header span[b-pmoi6qe4ds],
.office-settings-card-eyebrow[b-pmoi6qe4ds],
.office-settings-modal-header span[b-pmoi6qe4ds] {
    display: block;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-settings-header h1[b-pmoi6qe4ds],
.office-settings-card h2[b-pmoi6qe4ds],
.office-settings-modal-header h2[b-pmoi6qe4ds] {
    margin: 0;
    color: var(--office-foreground);
    font-weight: 700;
}

.office-settings-card h2[b-pmoi6qe4ds],
.office-settings-modal-header h2[b-pmoi6qe4ds] {
    margin: 0.25rem 0 0.4rem;
}

.office-settings-header h1[b-pmoi6qe4ds] {
    font-size: 1.55rem;
}

.office-settings-header p[b-pmoi6qe4ds],
.office-settings-card p[b-pmoi6qe4ds],
.office-settings-card-meta[b-pmoi6qe4ds],
.office-settings-modal-copy[b-pmoi6qe4ds],
.office-settings-empty span[b-pmoi6qe4ds] {
    margin: 0;
    color: var(--office-muted);
}

.office-settings-header p[b-pmoi6qe4ds] {
    margin-top: 0.45rem;
}

.office-settings-grid[b-pmoi6qe4ds] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
    gap: 1rem;
}

.office-settings-card[b-pmoi6qe4ds] {
    position: relative;
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 1.75rem;
    width: 100%;
    min-height: 206px;
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.9rem;
    background: var(--office-surface);
    box-shadow: none;
}

.office-settings-card-body[b-pmoi6qe4ds],
.office-settings-card-footer[b-pmoi6qe4ds] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.office-settings-card-body[b-pmoi6qe4ds] {
    align-items: flex-start;
    padding-right: 8.75rem;
}

.office-settings-card-footer[b-pmoi6qe4ds] {
    align-items: center;
}

.office-settings-card h2[b-pmoi6qe4ds] {
    margin: 0 0 1.35rem;
    color: var(--office-foreground);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
}

.office-settings-card-eyebrow[b-pmoi6qe4ds] {
    display: none;
}

.office-settings-card p[b-pmoi6qe4ds] {
    color: var(--office-foreground);
    font-size: 1.08rem;
    line-height: 1.5;
}

.office-settings-card-icon[b-pmoi6qe4ds] {
    display: none;
    flex: 0 0 auto;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--office-primary) 12%, var(--office-surface));
    color: var(--office-primary);
}

.office-settings-card-icon svg[b-pmoi6qe4ds],
.office-settings-icon-button svg[b-pmoi6qe4ds] {
    width: 1.35rem;
    height: 1.35rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.office-settings-primary-button[b-pmoi6qe4ds],
.office-settings-secondary-button[b-pmoi6qe4ds],
.office-settings-icon-button[b-pmoi6qe4ds] {
    border: 1px solid var(--office-border);
    border-radius: 0.32rem;
    font: inherit;
    cursor: pointer;
}

.office-settings-primary-button[b-pmoi6qe4ds] {
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #0052ff;
    font-size: 1rem;
    font-weight: 700;
}

.office-settings-primary-button:hover:not(:disabled)[b-pmoi6qe4ds] {
    text-decoration: underline;
    filter: none;
}

.office-settings-secondary-button[b-pmoi6qe4ds] {
    min-height: 2rem;
    padding: 0.34rem 0.95rem;
    background: transparent;
    color: var(--office-foreground);
}

.office-settings-secondary-button:hover:not(:disabled)[b-pmoi6qe4ds],
.office-settings-icon-button:hover:not(:disabled)[b-pmoi6qe4ds] {
    background: var(--office-hover);
}

::global(.office-theme-dark) .office-settings-card[b-pmoi6qe4ds] {
    border-color: var(--office-border);
    background: var(--office-surface);
    box-shadow: none;
}

::global(.office-theme-dark) .office-settings-card-icon[b-pmoi6qe4ds] {
    display: none;
}

::global(.office-theme-dark) .office-settings-primary-button[b-pmoi6qe4ds],
::global(.office-theme-dark) .office-settings-secondary-button[b-pmoi6qe4ds],
::global(.office-theme-dark) .office-settings-icon-button[b-pmoi6qe4ds] {
    border-color: #8b949e;
}

::global(.office-theme-dark) .office-settings-primary-button[b-pmoi6qe4ds] {
    background: transparent;
    color: var(--office-primary);
}

::global(.office-theme-dark) .office-settings-primary-button:hover:not(:disabled)[b-pmoi6qe4ds] {
    background: transparent;
    filter: none;
}

::global(.office-theme-dark) .office-settings-secondary-button[b-pmoi6qe4ds] {
    color: var(--office-muted);
}

.office-settings-primary-button:disabled[b-pmoi6qe4ds],
.office-settings-secondary-button:disabled[b-pmoi6qe4ds] {
    cursor: not-allowed;
    opacity: 0.65;
}

.office-settings-card-meta[b-pmoi6qe4ds] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: inline-flex;
    align-items: center;
    max-width: calc(100% - 2rem);
    min-height: 1.45rem;
    padding: 0.22rem 0.58rem;
    border-radius: 999px;
    background: #002aba;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.office-settings-status-dot[b-pmoi6qe4ds] {
    display: none;
}

.office-settings-status-dot.available[b-pmoi6qe4ds] {
    background: #2ea043;
}

.office-settings-status-dot.unavailable[b-pmoi6qe4ds] {
    background: #ef4444;
}

.office-settings-modal-backdrop[b-pmoi6qe4ds] {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.62);
}

.office-settings-modal[b-pmoi6qe4ds] {
    display: grid;
    gap: 1rem;
    width: min(680px, 100%);
    max-height: min(86vh, 760px);
    overflow: auto;
    padding: 1.25rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    box-shadow: 0 20px 70px var(--office-shadow);
}

.office-settings-modal-header[b-pmoi6qe4ds],
.office-settings-modal-footer[b-pmoi6qe4ds] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.office-settings-icon-button[b-pmoi6qe4ds] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    background: transparent;
    color: var(--office-muted);
}

.office-settings-form[b-pmoi6qe4ds] {
    display: grid;
    gap: 0.9rem;
}

.office-settings-form label[b-pmoi6qe4ds] {
    display: grid;
    gap: 0.35rem;
    color: var(--office-foreground);
    font-weight: 600;
}

.office-settings-form label span[b-pmoi6qe4ds],
.office-settings-toggle-row span[b-pmoi6qe4ds] {
    color: var(--office-muted);
    font-size: 0.86rem;
    font-weight: 600;
}

.office-settings-input[b-pmoi6qe4ds] {
    width: 100%;
    min-height: 2.45rem;
    padding: 0.45rem 0.7rem;
    border: 1px solid var(--office-border);
    border-radius: 0.32rem;
    background: var(--office-background);
    color: var(--office-foreground);
    font: inherit;
}

.office-settings-toggle-row label[b-pmoi6qe4ds] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.office-settings-toggle-row input[b-pmoi6qe4ds] {
    width: 1rem;
    height: 1rem;
}

.office-settings-inline-fields[b-pmoi6qe4ds] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.office-settings-empty[b-pmoi6qe4ds] {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem;
    border: 1px solid rgba(0, 42, 186, 0.34);
    border-radius: 0.38rem;
    background: rgba(0, 42, 186, 0.1);
}

.office-settings-empty strong[b-pmoi6qe4ds] {
    color: var(--office-foreground);
}

@media (max-width: 720px) {
    .office-settings-grid[b-pmoi6qe4ds],
    .office-settings-inline-fields[b-pmoi6qe4ds] {
        grid-template-columns: 1fr;
    }

    .office-settings-card[b-pmoi6qe4ds] {
        min-height: 0;
        padding: 1rem;
    }

    .office-settings-card-body[b-pmoi6qe4ds] {
        padding-right: 0;
        padding-top: 2rem;
    }

    .office-settings-card-footer[b-pmoi6qe4ds],
    .office-settings-modal-footer[b-pmoi6qe4ds] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeCrmMetaSettings.razor.rz.scp.css */
.office-settings-loading[b-7o6q9ic24e],
.office-settings-page[b-7o6q9ic24e] {
    width: min(1120px, 100%);
}

.office-settings-loading[b-7o6q9ic24e] {
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    color: var(--office-muted);
}

.office-settings-page[b-7o6q9ic24e] {
    display: grid;
    gap: 1rem;
}

.office-settings-header[b-7o6q9ic24e] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.office-settings-header span[b-7o6q9ic24e],
.office-settings-card-eyebrow[b-7o6q9ic24e],
.office-settings-modal-header span[b-7o6q9ic24e] {
    display: block;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-settings-header h1[b-7o6q9ic24e],
.office-settings-card h2[b-7o6q9ic24e],
.office-settings-modal-header h2[b-7o6q9ic24e] {
    margin: 0;
    color: var(--office-foreground);
    font-weight: 700;
}

.office-settings-card h2[b-7o6q9ic24e],
.office-settings-modal-header h2[b-7o6q9ic24e] {
    margin: 0.25rem 0 0.4rem;
}

.office-settings-header h1[b-7o6q9ic24e] {
    font-size: 1.55rem;
}

.office-settings-header p[b-7o6q9ic24e],
.office-settings-card p[b-7o6q9ic24e],
.office-settings-card-meta[b-7o6q9ic24e],
.office-settings-empty span[b-7o6q9ic24e],
.office-crm-meta-item span[b-7o6q9ic24e],
.office-crm-meta-guidance-block p[b-7o6q9ic24e] {
    margin: 0;
    color: var(--office-muted);
}

.office-settings-header p[b-7o6q9ic24e] {
    margin-top: 0.45rem;
}

.office-settings-grid[b-7o6q9ic24e] {
    display: grid;
    gap: 1rem;
}

.office-settings-card[b-7o6q9ic24e],
.office-crm-meta-item[b-7o6q9ic24e] {
    border: 1px solid var(--office-border);
    border-radius: 0.38rem;
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-settings-grid[b-7o6q9ic24e] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 335px), 335px));
}

.office-settings-card[b-7o6q9ic24e] {
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 1.25rem;
    width: 100%;
    min-height: 231px;
    padding: 1.5rem;
}

.office-settings-card-body[b-7o6q9ic24e],
.office-settings-card-footer[b-7o6q9ic24e] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.office-settings-card-body[b-7o6q9ic24e] {
    align-items: flex-start;
}

.office-settings-card-footer[b-7o6q9ic24e] {
    align-items: center;
}

.office-settings-card h2[b-7o6q9ic24e] {
    font-size: 1rem;
}

.office-settings-card p[b-7o6q9ic24e] {
    line-height: 1.55;
}

.office-settings-card-icon[b-7o6q9ic24e] {
    display: grid;
    flex: 0 0 auto;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--office-primary) 12%, var(--office-surface));
    color: var(--office-primary);
}

.office-settings-card-icon svg[b-7o6q9ic24e],
.office-settings-icon-button svg[b-7o6q9ic24e] {
    width: 1.35rem;
    height: 1.35rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.office-settings-primary-button[b-7o6q9ic24e],
.office-settings-secondary-button[b-7o6q9ic24e],
.office-settings-icon-button[b-7o6q9ic24e] {
    border: 1px solid var(--office-border);
    border-radius: 0.32rem;
    font: inherit;
    cursor: pointer;
}

.office-settings-primary-button[b-7o6q9ic24e] {
    min-height: 2rem;
    padding: 0.34rem 0.95rem;
    border-color: var(--office-primary);
    background: var(--office-primary);
    color: var(--office-primary-foreground);
    font-size: 0.88rem;
    font-weight: 600;
}

.office-settings-primary-button:hover:not(:disabled)[b-7o6q9ic24e] {
    filter: brightness(0.97);
}

.office-settings-secondary-button[b-7o6q9ic24e] {
    min-height: 2rem;
    padding: 0.34rem 0.95rem;
    background: transparent;
    color: var(--office-foreground);
}

.office-settings-secondary-button:hover:not(:disabled)[b-7o6q9ic24e],
.office-settings-icon-button:hover:not(:disabled)[b-7o6q9ic24e] {
    background: var(--office-hover);
}

.office-settings-primary-button:disabled[b-7o6q9ic24e],
.office-settings-secondary-button:disabled[b-7o6q9ic24e] {
    cursor: not-allowed;
    opacity: 0.65;
}

.office-settings-card-meta[b-7o6q9ic24e] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.78rem;
    white-space: nowrap;
}

.office-settings-status-dot[b-7o6q9ic24e] {
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 50%;
    background: #ef4444;
}

.office-settings-status-dot.available[b-7o6q9ic24e] {
    background: #2ea043;
}

.office-settings-status-dot.warning[b-7o6q9ic24e] {
    background: #f59e0b;
}

.office-settings-status-dot.unavailable[b-7o6q9ic24e] {
    background: #ef4444;
}

.office-settings-modal-backdrop[b-7o6q9ic24e] {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.62);
}

.office-settings-modal[b-7o6q9ic24e] {
    display: grid;
    gap: 1rem;
    width: min(760px, 100%);
    max-height: min(86vh, 760px);
    overflow: auto;
    padding: 1.25rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    box-shadow: 0 20px 70px var(--office-shadow);
}

.office-settings-modal-header[b-7o6q9ic24e],
.office-settings-modal-footer[b-7o6q9ic24e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.office-settings-icon-button[b-7o6q9ic24e] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    background: transparent;
    color: var(--office-muted);
}

.office-crm-meta-list[b-7o6q9ic24e],
.office-crm-meta-template-list[b-7o6q9ic24e],
.office-crm-meta-guidance[b-7o6q9ic24e] {
    display: grid;
    gap: 0.85rem;
}

.office-crm-meta-item[b-7o6q9ic24e] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    box-shadow: none;
}

.office-crm-meta-item-header[b-7o6q9ic24e] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.office-crm-meta-item-header strong[b-7o6q9ic24e],
.office-crm-meta-guidance-block strong[b-7o6q9ic24e],
.office-settings-empty strong[b-7o6q9ic24e],
.office-crm-meta-template-item strong[b-7o6q9ic24e] {
    color: var(--office-foreground);
}

.office-crm-meta-badges[b-7o6q9ic24e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: flex-end;
}

.office-crm-meta-badge[b-7o6q9ic24e] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
}

.office-crm-meta-badge.ready[b-7o6q9ic24e] {
    background: rgba(34, 197, 94, 0.16);
    color: #15803d;
}

.office-crm-meta-badge.pending[b-7o6q9ic24e] {
    background: rgba(245, 158, 11, 0.16);
    color: #b45309;
}

.office-crm-meta-definition-list[b-7o6q9ic24e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    margin: 0;
}

.office-crm-meta-definition-list div[b-7o6q9ic24e] {
    display: grid;
    gap: 0.2rem;
}

.office-crm-meta-definition-list dt[b-7o6q9ic24e],
.office-crm-meta-template-item span[b-7o6q9ic24e],
.office-crm-meta-count[b-7o6q9ic24e] {
    color: var(--office-muted);
    font-size: 0.78rem;
}

.office-crm-meta-definition-list dd[b-7o6q9ic24e] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 0.9rem;
    word-break: break-word;
}

.office-crm-meta-template-list[b-7o6q9ic24e] {
    grid-template-columns: 1fr;
}

.office-crm-meta-template-item[b-7o6q9ic24e] {
    display: grid;
    gap: 0.15rem;
    padding: 0.75rem;
    border: 1px solid var(--office-border);
    border-radius: 0.34rem;
    background: var(--office-background);
}

.office-crm-meta-guidance-block[b-7o6q9ic24e],
.office-settings-empty[b-7o6q9ic24e] {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem;
    border: 1px solid rgba(0, 42, 186, 0.34);
    border-radius: 0.38rem;
    background: rgba(0, 42, 186, 0.1);
}

::global(.office-theme-dark) .office-settings-card[b-7o6q9ic24e],
::global(.office-theme-dark) .office-crm-meta-item[b-7o6q9ic24e],
::global(.office-theme-dark) .office-settings-modal[b-7o6q9ic24e] {
    border-color: #8b949e;
    background: #010409;
    box-shadow: none;
}

::global(.office-theme-dark) .office-settings-card-icon[b-7o6q9ic24e] {
    background: #ffffff;
    color: #0f172a;
}

::global(.office-theme-dark) .office-settings-primary-button[b-7o6q9ic24e],
::global(.office-theme-dark) .office-settings-secondary-button[b-7o6q9ic24e],
::global(.office-theme-dark) .office-settings-icon-button[b-7o6q9ic24e],
::global(.office-theme-dark) .office-crm-meta-template-item[b-7o6q9ic24e] {
    border-color: #8b949e;
}

::global(.office-theme-dark) .office-settings-primary-button[b-7o6q9ic24e] {
    background: #21262d;
    color: var(--office-foreground);
}

::global(.office-theme-dark) .office-settings-primary-button:hover:not(:disabled)[b-7o6q9ic24e] {
    border-color: #c9d1d9;
    background: #30363d;
    filter: none;
}

::global(.office-theme-dark) .office-settings-secondary-button[b-7o6q9ic24e] {
    color: var(--office-muted);
}

@media (max-width: 720px) {
    .office-settings-grid[b-7o6q9ic24e],
    .office-crm-meta-definition-list[b-7o6q9ic24e] {
        grid-template-columns: 1fr;
    }

    .office-settings-card[b-7o6q9ic24e] {
        min-height: 0;
    }

    .office-settings-card-footer[b-7o6q9ic24e],
    .office-settings-modal-footer[b-7o6q9ic24e],
    .office-settings-header[b-7o6q9ic24e],
    .office-crm-meta-item-header[b-7o6q9ic24e] {
        align-items: flex-start;
        flex-direction: column;
    }

    .office-crm-meta-badges[b-7o6q9ic24e] {
        justify-content: flex-start;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeDashboard.razor.rz.scp.css */
.office-page[b-1ssj2qv001] {
    display: grid;
    gap: 1rem;
    margin: 0;
}

.office-page-header[b-1ssj2qv001] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.office-page-header span[b-1ssj2qv001],
.office-dashboard-welcome span[b-1ssj2qv001] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-page-header h1[b-1ssj2qv001] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.55rem;
    font-weight: 700;
}

.office-dashboard-welcome[b-1ssj2qv001] {
    padding: 1.5rem;
    border-radius: 0.5rem;
    background: var(--office-surface);
    border: 1px solid var(--office-border);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-dashboard-welcome h2[b-1ssj2qv001] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.8rem;
}

.office-dashboard-user-heading[b-1ssj2qv001] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.5rem;
}

.office-dashboard-welcome .office-dashboard-user-role[b-1ssj2qv001] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    margin: 0;
    padding: 0.32rem 0.7rem;
    border: 1px solid rgba(0, 42, 186, 0.34);
    border-radius: 999px;
    background: rgba(0, 42, 186, 0.12);
    color: var(--office-primary);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
}

.office-dashboard-welcome p[b-1ssj2qv001] {
    margin: 0;
    color: var(--office-muted);
}

.office-dashboard-linked-company strong[b-1ssj2qv001] {
    color: var(--office-foreground);
    font-weight: 800;
}

.office-dashboard-billings[b-1ssj2qv001] {
    display: grid;
    gap: 1.25rem;
    padding: 1.35rem;
    border: 1px solid var(--office-border);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--office-surface) 96%, #ffffff 4%);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-dashboard-billings-header[b-1ssj2qv001] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.office-dashboard-billings-header h2[b-1ssj2qv001] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.1rem;
    font-weight: 800;
}

.office-dashboard-billings-actions[b-1ssj2qv001] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.office-dashboard-filter-menu[b-1ssj2qv001] {
    position: relative;
}

.office-dashboard-billings-actions button[b-1ssj2qv001] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.25rem;
    padding: 0.45rem 0.85rem;
    border: 1px solid #0838f9;
    border-radius: 999px;
    background: transparent;
    color: #0838f9;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 800;
    cursor: pointer;
}

.office-dashboard-billings-actions button.is-active[b-1ssj2qv001] {
    background: #0838f9;
    color: #ffffff;
}

.office-dashboard-period-backdrop[b-1ssj2qv001] {
    position: fixed;
    inset: 0;
    z-index: 39;
    background: transparent;
}

.office-dashboard-period-popover[b-1ssj2qv001] {
    position: absolute;
    top: calc(100% + 0.55rem);
    right: 0;
    z-index: 40;
    display: grid;
    width: min(34rem, calc(100vw - 2rem));
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.75rem;
    background: var(--office-surface);
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.22);
}

.office-dashboard-advanced-popover[b-1ssj2qv001] {
    position: absolute;
    top: calc(100% + 0.55rem);
    right: 0;
    z-index: 40;
    display: grid;
    width: min(56rem, calc(100vw - 2rem));
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.75rem;
    background: var(--office-surface);
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.22);
}

.office-dashboard-advanced-grid[b-1ssj2qv001] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.office-dashboard-advanced-grid fieldset[b-1ssj2qv001] {
    display: grid;
    align-content: start;
    gap: 0.72rem;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.office-dashboard-advanced-grid legend[b-1ssj2qv001] {
    margin: 0 0 0.1rem;
    color: var(--office-foreground);
    font-size: 0.82rem;
    font-weight: 800;
}

.office-dashboard-advanced-check[b-1ssj2qv001] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.office-dashboard-advanced-check input[b-1ssj2qv001] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.office-dashboard-advanced-check span[b-1ssj2qv001] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 1.05rem;
    height: 1.05rem;
    margin: 0;
    border: 1px solid #94a3b8;
    border-radius: 0.25rem;
    background: transparent;
}

.office-dashboard-advanced-check span[b-1ssj2qv001]::before {
    content: "";
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 0.12rem;
    background: #0838f9;
    opacity: 0;
}

.office-dashboard-advanced-check input:checked + span[b-1ssj2qv001] {
    border-color: #0838f9;
}

.office-dashboard-advanced-check input:checked + span[b-1ssj2qv001]::before {
    opacity: 1;
}

.office-dashboard-period-option[b-1ssj2qv001] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.office-dashboard-period-option input[b-1ssj2qv001] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.office-dashboard-period-option span[b-1ssj2qv001] {
    display: inline-grid;
    place-items: center;
    width: 1.05rem;
    height: 1.05rem;
    margin: 0;
    border: 1px solid #94a3b8;
    border-radius: 999px;
    background: transparent;
}

.office-dashboard-period-option span[b-1ssj2qv001]::before {
    content: "";
    width: 0.55rem;
    height: 0.55rem;
    border-radius: inherit;
    background: #0838f9;
    opacity: 0;
}

.office-dashboard-period-option input:checked + span[b-1ssj2qv001] {
    border-color: #0838f9;
}

.office-dashboard-period-option input:checked + span[b-1ssj2qv001]::before {
    opacity: 1;
}

.office-dashboard-period-custom[b-1ssj2qv001] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
}

.office-dashboard-period-custom input[b-1ssj2qv001] {
    width: 100%;
    height: 2.45rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--office-border);
    border-radius: 0.55rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-dashboard-period-custom input:disabled[b-1ssj2qv001] {
    opacity: 0.55;
    cursor: not-allowed;
}

.office-dashboard-period-custom span[b-1ssj2qv001] {
    margin: 0;
    color: var(--office-muted);
    font-size: 0.85rem;
    font-weight: 700;
}

.office-dashboard-period-actions[b-1ssj2qv001] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    margin: 0 -1rem -1rem;
    padding: 1rem;
    border-top: 1px solid var(--office-border);
}

.office-dashboard-period-actions button[b-1ssj2qv001] {
    min-width: 5.75rem;
    background: transparent;
}

.office-dashboard-period-actions button.primary[b-1ssj2qv001] {
    background: #0838f9;
    color: #ffffff;
}

.office-dashboard-billings-actions button svg[b-1ssj2qv001],
.office-dashboard-billing-card svg[b-1ssj2qv001] {
    width: 0.95rem;
    height: 0.95rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.office-dashboard-billings-loading[b-1ssj2qv001] {
    padding: 1rem;
    color: var(--office-muted);
}

.office-dashboard-billings-grid[b-1ssj2qv001] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.9rem;
}

.office-dashboard-billing-card[b-1ssj2qv001] {
    --billing-accent: #0838f9;
    --billing-soft: rgba(8, 56, 249, 0.18);
    display: grid;
    gap: 0.75rem;
    min-height: 14rem;
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.75rem;
    background: var(--office-surface);
}

.office-dashboard-billing-card.skeleton[b-1ssj2qv001] {
    align-content: start;
}

.office-dashboard-billing-card.paid[b-1ssj2qv001] {
    --billing-accent: #108a51;
    --billing-soft: rgba(16, 138, 81, 0.18);
}

.office-dashboard-billing-card.confirmed[b-1ssj2qv001] {
    --billing-accent: #0838f9;
    --billing-soft: rgba(8, 56, 249, 0.18);
}

.office-dashboard-billing-card.waiting[b-1ssj2qv001] {
    --billing-accent: #d97706;
    --billing-soft: rgba(217, 119, 6, 0.18);
}

.office-dashboard-billing-card.overdue[b-1ssj2qv001] {
    --billing-accent: #e11d48;
    --billing-soft: rgba(225, 29, 72, 0.18);
}

.office-dashboard-billing-card.canceled[b-1ssj2qv001] {
    --billing-accent: #64748b;
    --billing-soft: rgba(100, 116, 139, 0.18);
}

.office-dashboard-billing-card-header[b-1ssj2qv001] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.office-dashboard-billing-card-header span[b-1ssj2qv001] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 0.86rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
}

.office-dashboard-billing-card-header svg[b-1ssj2qv001] {
    color: #0838f9;
}

.office-dashboard-billing-card > strong[b-1ssj2qv001] {
    color: var(--billing-accent);
    font-size: 1.45rem;
    line-height: 1.1;
}

.office-dashboard-billing-card > small[b-1ssj2qv001] {
    color: var(--office-muted);
    font-size: 0.74rem;
    font-weight: 700;
}

.office-dashboard-billing-track[b-1ssj2qv001] {
    height: 0.55rem;
    overflow: hidden;
    border-radius: 999px;
    background: repeating-linear-gradient(135deg, var(--billing-soft) 0 0.45rem, color-mix(in srgb, var(--billing-soft) 50%, transparent) 0.45rem 0.9rem);
}

.office-dashboard-billing-track > div[b-1ssj2qv001] {
    height: 100%;
    border-radius: inherit;
    background: var(--billing-accent);
}

.office-dashboard-billing-card-footer[b-1ssj2qv001] {
    display: grid;
    gap: 0.4rem;
    align-self: end;
    color: var(--billing-accent);
    font-size: 0.8rem;
    font-weight: 800;
}

.office-dashboard-billing-card-footer span[b-1ssj2qv001] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    margin: 0;
    color: inherit;
    font-size: inherit;
    letter-spacing: 0;
    text-transform: none;
}

@media (max-width: 760px) {
    .office-dashboard-billings-header[b-1ssj2qv001],
    .office-dashboard-billings-actions[b-1ssj2qv001] {
        align-items: flex-start;
        flex-direction: column;
    }

    .office-dashboard-billings-actions[b-1ssj2qv001],
    .office-dashboard-billings-actions button[b-1ssj2qv001] {
        width: 100%;
    }

    .office-dashboard-filter-menu[b-1ssj2qv001] {
        width: 100%;
    }

    .office-dashboard-period-popover[b-1ssj2qv001],
    .office-dashboard-advanced-popover[b-1ssj2qv001] {
        left: 0;
        right: auto;
        width: 100%;
    }

    .office-dashboard-advanced-grid[b-1ssj2qv001] {
        grid-template-columns: 1fr;
    }

    .office-dashboard-period-custom[b-1ssj2qv001] {
        grid-template-columns: 1fr;
    }

}

@media (min-width: 761px) and (max-width: 1180px) {
    .office-dashboard-advanced-grid[b-1ssj2qv001],
    .office-dashboard-billings-grid[b-1ssj2qv001] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeFinanceMassSyncLogs.razor.rz.scp.css */
.office-mass-sync-logs-page[b-miawsvtg7v] {
    display: grid;
    gap: 1rem;
}

.office-mass-sync-logs-state[b-miawsvtg7v],
.office-mass-sync-logs-alert[b-miawsvtg7v],
.office-mass-sync-logs-success[b-miawsvtg7v],
.office-mass-sync-logs-summary[b-miawsvtg7v],
.office-mass-sync-logs-filters[b-miawsvtg7v],
.office-mass-sync-logs-list-card[b-miawsvtg7v] {
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-mass-sync-logs-header[b-miawsvtg7v] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-mass-sync-logs-header span[b-miawsvtg7v],
.office-mass-sync-logs-summary span[b-miawsvtg7v],
.office-mass-sync-logs-main-cell small[b-miawsvtg7v] {
    display: block;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-mass-sync-logs-header h1[b-miawsvtg7v],
.office-mass-sync-logs-list-header h2[b-miawsvtg7v] {
    margin: 0;
    color: var(--office-foreground);
    font-weight: 700;
}

.office-mass-sync-logs-header h1[b-miawsvtg7v] {
    font-size: 1.55rem;
}

.office-mass-sync-logs-header p[b-miawsvtg7v],
.office-mass-sync-logs-list-header span[b-miawsvtg7v],
.office-mass-sync-logs-main-cell span[b-miawsvtg7v],
.office-mass-sync-logs-metric-cell span[b-miawsvtg7v] {
    color: var(--office-muted);
}

.office-mass-sync-logs-header p[b-miawsvtg7v] {
    margin: 0.45rem 0 0;
    max-width: 46rem;
}

.office-mass-sync-logs-header-actions[b-miawsvtg7v] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.6rem;
}

.office-mass-sync-logs-primary-button[b-miawsvtg7v],
.office-mass-sync-logs-secondary-button[b-miawsvtg7v],
.office-mass-sync-logs-danger-button[b-miawsvtg7v] {
    min-height: 2.5rem;
    padding: 0.65rem 0.9rem;
    border-radius: 0.45rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.office-mass-sync-logs-primary-button[b-miawsvtg7v] {
    border: 1px solid var(--office-primary);
    background: var(--office-primary);
    color: #fff;
}

.office-mass-sync-logs-secondary-button[b-miawsvtg7v] {
    border: 1px solid var(--office-border);
    background: transparent;
    color: var(--office-foreground);
}

.office-mass-sync-logs-danger-button[b-miawsvtg7v] {
    border: 1px solid #dc2626;
    background: #dc2626;
    color: #fff;
}

.office-mass-sync-logs-primary-button:disabled[b-miawsvtg7v],
.office-mass-sync-logs-secondary-button:disabled[b-miawsvtg7v],
.office-mass-sync-logs-danger-button:disabled[b-miawsvtg7v] {
    cursor: not-allowed;
    opacity: 0.65;
}

.office-mass-sync-logs-secondary-button:hover:not(:disabled)[b-miawsvtg7v] {
    background: var(--office-hover);
}

.office-mass-sync-logs-state[b-miawsvtg7v],
.office-mass-sync-logs-alert[b-miawsvtg7v],
.office-mass-sync-logs-success[b-miawsvtg7v],
.office-mass-sync-logs-empty[b-miawsvtg7v] {
    padding: 1rem;
    color: var(--office-muted);
}

.office-mass-sync-logs-alert[b-miawsvtg7v] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.office-mass-sync-logs-success[b-miawsvtg7v] {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.office-mass-sync-logs-summary[b-miawsvtg7v] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-radius: 0.5rem;
    overflow: hidden;
}

.office-mass-sync-logs-summary div[b-miawsvtg7v] {
    display: grid;
    gap: 0.35rem;
    padding: 1rem;
    border-right: 1px solid var(--office-border);
}

.office-mass-sync-logs-summary div:last-child[b-miawsvtg7v] {
    border-right: 0;
}

.office-mass-sync-logs-summary strong[b-miawsvtg7v] {
    color: var(--office-foreground);
    font-size: 1.35rem;
}

.office-mass-sync-logs-filters[b-miawsvtg7v] {
    display: grid;
    grid-template-columns: minmax(220px, 1.5fr) repeat(4, minmax(130px, 1fr)) auto auto;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 0.5rem;
    align-items: end;
}

.office-mass-sync-logs-filters label[b-miawsvtg7v] {
    display: grid;
    gap: 0.35rem;
}

.office-mass-sync-logs-filters label span[b-miawsvtg7v] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 700;
}

.office-mass-sync-logs-filters input[b-miawsvtg7v],
.office-mass-sync-logs-filters select[b-miawsvtg7v] {
    width: 100%;
    min-height: 2.85rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-mass-sync-logs-filter-checks[b-miawsvtg7v] {
    display: grid;
    gap: 0.3rem;
    min-width: 8rem;
}

.office-mass-sync-logs-filter-checks label[b-miawsvtg7v] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 1.65rem;
}

.office-mass-sync-logs-filter-checks input[b-miawsvtg7v] {
    width: auto;
    min-height: 0;
    margin: 0;
}

.office-mass-sync-logs-filter-checks label span[b-miawsvtg7v] {
    color: var(--office-foreground);
    font-size: 0.86rem;
    font-weight: 600;
    text-transform: none;
}

.office-mass-sync-logs-filter-actions[b-miawsvtg7v] {
    display: flex;
    gap: 0.5rem;
}

.office-mass-sync-logs-list-card[b-miawsvtg7v] {
    border-radius: 0.5rem;
    overflow: visible;
}

.office-mass-sync-logs-list-header[b-miawsvtg7v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-mass-sync-logs-list-header h2[b-miawsvtg7v] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1rem;
}

.office-mass-sync-logs-table-wrap[b-miawsvtg7v] {
    overflow-x: auto;
}

.office-mass-sync-logs-table[b-miawsvtg7v] {
    width: 100%;
    min-width: 920px;
    border-collapse: collapse;
}

.office-mass-sync-logs-table th[b-miawsvtg7v],
.office-mass-sync-logs-table td[b-miawsvtg7v] {
    padding: 0.9rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
    text-align: left;
    vertical-align: middle;
}

.office-mass-sync-logs-table th[b-miawsvtg7v] {
    color: var(--office-muted);
    font-size: 0.78rem;
    text-transform: uppercase;
}

.office-mass-sync-logs-table tr.has-error td[b-miawsvtg7v] {
    background: #fff7ed;
}

.office-mass-sync-logs-table tr.has-error td:first-child[b-miawsvtg7v] {
    border-left: 0.22rem solid #dc2626;
}

.office-mass-sync-logs-table tr.is-running td[b-miawsvtg7v] {
    background: #fffbeb;
}

.office-mass-sync-logs-table tr.is-running td:first-child[b-miawsvtg7v] {
    border-left: 0.22rem solid #d97706;
}

.office-mass-sync-logs-row-actions[b-miawsvtg7v] {
    display: flex;
    justify-content: flex-end;
}

.office-mass-sync-logs-main-cell[b-miawsvtg7v],
.office-mass-sync-logs-metric-cell[b-miawsvtg7v] {
    display: grid;
    gap: 0.25rem;
}

.office-mass-sync-logs-main-cell strong[b-miawsvtg7v],
.office-mass-sync-logs-metric-cell strong[b-miawsvtg7v] {
    color: var(--office-foreground);
}

.office-mass-sync-logs-main-cell small[b-miawsvtg7v] {
    margin-top: 0.2rem;
    color: var(--office-muted);
    letter-spacing: 0;
    text-transform: none;
}

.office-mass-sync-logs-status[b-miawsvtg7v] {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
}

.office-mass-sync-logs-status.scheduled[b-miawsvtg7v],
.office-mass-sync-logs-status.queued[b-miawsvtg7v] {
    background: #eff6ff;
    color: #1d4ed8;
}

.office-mass-sync-logs-status.running[b-miawsvtg7v] {
    background: #fef3c7;
    color: #92400e;
}

.office-mass-sync-logs-status.completed[b-miawsvtg7v] {
    background: #dcfce7;
    color: #166534;
}

.office-mass-sync-logs-status.warning[b-miawsvtg7v] {
    background: #ffedd5;
    color: #9a3412;
}

.office-mass-sync-logs-status.failed[b-miawsvtg7v] {
    background: #fee2e2;
    color: #991b1b;
}

.office-mass-sync-logs-status.canceled[b-miawsvtg7v] {
    background: #f1f5f9;
    color: #475569;
}

.office-mass-sync-logs-drawer-backdrop[b-miawsvtg7v] {
    position: fixed;
    inset: 0;
    z-index: 60;
    display: flex;
    justify-content: flex-end;
    background: rgba(15, 23, 42, 0.38);
}

.office-mass-sync-logs-drawer[b-miawsvtg7v] {
    display: grid;
    grid-template-rows: auto auto auto auto 1fr;
    gap: 1rem;
    width: min(760px, 100%);
    height: 100%;
    padding: 1rem;
    overflow-y: auto;
    background: var(--office-surface);
    box-shadow: -16px 0 36px rgba(15, 23, 42, 0.16);
}

.office-mass-sync-logs-drawer-header[b-miawsvtg7v] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.office-mass-sync-logs-detail-actions[b-miawsvtg7v] {
    display: flex;
    justify-content: flex-start;
}

.office-mass-sync-logs-drawer-header span[b-miawsvtg7v],
.office-mass-sync-logs-detail-summary span[b-miawsvtg7v],
.office-mass-sync-logs-timeline span[b-miawsvtg7v],
.office-mass-sync-logs-items-header label span[b-miawsvtg7v] {
    display: block;
    color: var(--office-primary);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-mass-sync-logs-drawer-header h2[b-miawsvtg7v],
.office-mass-sync-logs-items-header h3[b-miawsvtg7v] {
    margin: 0;
    color: var(--office-foreground);
}

.office-mass-sync-logs-drawer-header p[b-miawsvtg7v],
.office-mass-sync-logs-items-header span[b-miawsvtg7v],
.office-mass-sync-logs-item-row span[b-miawsvtg7v],
.office-mass-sync-logs-item-row small[b-miawsvtg7v] {
    margin: 0.35rem 0 0;
    color: var(--office-muted);
}

.office-mass-sync-logs-icon-button[b-miawsvtg7v] {
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--office-border);
    border-radius: 0.32rem;
    background: transparent;
    color: var(--office-foreground);
    cursor: pointer;
}

.office-mass-sync-logs-icon-button:hover[b-miawsvtg7v] {
    background: var(--office-hover);
}

.office-mass-sync-logs-detail-summary[b-miawsvtg7v] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    overflow: hidden;
}

.office-mass-sync-logs-detail-summary div[b-miawsvtg7v] {
    display: grid;
    gap: 0.35rem;
    padding: 0.8rem;
    border-right: 1px solid var(--office-border);
}

.office-mass-sync-logs-detail-summary div:last-child[b-miawsvtg7v] {
    border-right: 0;
}

.office-mass-sync-logs-detail-summary strong[b-miawsvtg7v] {
    color: var(--office-foreground);
    font-size: 1.15rem;
}

.office-mass-sync-logs-timeline[b-miawsvtg7v] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.office-mass-sync-logs-timeline div[b-miawsvtg7v],
.office-mass-sync-logs-current-client[b-miawsvtg7v],
.office-mass-sync-logs-items-section[b-miawsvtg7v] {
    padding: 0.85rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--office-surface) 92%, var(--office-border));
}

.office-mass-sync-logs-current-client[b-miawsvtg7v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.office-mass-sync-logs-current-client span[b-miawsvtg7v] {
    display: block;
    color: var(--office-primary);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-mass-sync-logs-current-client strong[b-miawsvtg7v] {
    display: block;
    margin-top: 0.25rem;
    color: var(--office-foreground);
}

.office-mass-sync-logs-current-client a[b-miawsvtg7v],
.office-mass-sync-logs-context-link[b-miawsvtg7v] {
    color: #0052ff;
    font-size: 0.86rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.office-mass-sync-logs-current-client a:hover[b-miawsvtg7v],
.office-mass-sync-logs-context-link:hover[b-miawsvtg7v] {
    text-decoration: underline;
}

.office-mass-sync-logs-timeline strong[b-miawsvtg7v] {
    display: block;
    margin-top: 0.3rem;
    color: var(--office-foreground);
    font-size: 0.9rem;
}

.office-mass-sync-logs-detail-error[b-miawsvtg7v] {
    padding: 0.85rem;
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
    background: #fef2f2;
    color: #991b1b;
}

.office-mass-sync-logs-items-section[b-miawsvtg7v] {
    display: grid;
    gap: 0.75rem;
    align-self: start;
}

.office-mass-sync-logs-items-header[b-miawsvtg7v] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.office-mass-sync-logs-items-header label[b-miawsvtg7v] {
    display: grid;
    gap: 0.35rem;
    min-width: 13rem;
}

.office-mass-sync-logs-items-header select[b-miawsvtg7v] {
    min-height: 2.15rem;
    padding: 0.35rem 0.55rem;
    border: 1px solid var(--office-border);
    border-radius: 0.32rem;
    background: var(--office-surface);
    color: var(--office-foreground);
    font: inherit;
}

.office-mass-sync-logs-items-list[b-miawsvtg7v] {
    display: grid;
    gap: 0.6rem;
}

.office-mass-sync-logs-item-row[b-miawsvtg7v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    padding: 0.75rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
}

.office-mass-sync-logs-item-row strong[b-miawsvtg7v] {
    color: var(--office-foreground);
}

.office-mass-sync-logs-item-row small[b-miawsvtg7v] {
    display: block;
    color: #991b1b;
}

.office-mass-sync-logs-context-link[b-miawsvtg7v] {
    display: inline-flex;
    margin-top: 0.45rem;
}

.office-mass-sync-logs-item-metrics[b-miawsvtg7v] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.office-mass-sync-logs-item-metrics span[b-miawsvtg7v] {
    margin: 0;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: #f8fafc;
    color: var(--office-muted);
    font-size: 0.8rem;
}

.office-mass-sync-logs-items-pagination[b-miawsvtg7v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--office-border);
    color: var(--office-muted);
}

.office-mass-sync-logs-items-pagination div[b-miawsvtg7v] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
}

.office-mass-sync-logs-pagination[b-miawsvtg7v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-top: 1px solid var(--office-border);
    color: var(--office-muted);
}

.office-mass-sync-logs-pagination div[b-miawsvtg7v] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
}

@media (max-width: 760px) {
    .office-mass-sync-logs-header[b-miawsvtg7v],
    .office-mass-sync-logs-list-header[b-miawsvtg7v],
    .office-mass-sync-logs-pagination[b-miawsvtg7v] {
        flex-direction: column;
        align-items: stretch;
    }

    .office-mass-sync-logs-header-actions[b-miawsvtg7v] {
        justify-content: stretch;
    }

    .office-mass-sync-logs-primary-button[b-miawsvtg7v],
    .office-mass-sync-logs-secondary-button[b-miawsvtg7v],
    .office-mass-sync-logs-danger-button[b-miawsvtg7v] {
        width: 100%;
    }

    .office-mass-sync-logs-summary[b-miawsvtg7v] {
        grid-template-columns: 1fr 1fr;
    }

    .office-mass-sync-logs-summary div:nth-child(2)[b-miawsvtg7v] {
        border-right: 0;
    }

    .office-mass-sync-logs-summary div:nth-child(n + 3)[b-miawsvtg7v] {
        border-top: 1px solid var(--office-border);
    }

    .office-mass-sync-logs-filters[b-miawsvtg7v] {
        grid-template-columns: 1fr;
    }

    .office-mass-sync-logs-filter-actions[b-miawsvtg7v],
    .office-mass-sync-logs-items-pagination[b-miawsvtg7v],
    .office-mass-sync-logs-pagination div[b-miawsvtg7v] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .office-mass-sync-logs-items-pagination div[b-miawsvtg7v] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .office-mass-sync-logs-drawer[b-miawsvtg7v] {
        width: 100%;
    }

    .office-mass-sync-logs-detail-summary[b-miawsvtg7v],
    .office-mass-sync-logs-timeline[b-miawsvtg7v] {
        grid-template-columns: 1fr 1fr;
    }

    .office-mass-sync-logs-current-client[b-miawsvtg7v] {
        align-items: flex-start;
        flex-direction: column;
    }

    .office-mass-sync-logs-items-header[b-miawsvtg7v],
    .office-mass-sync-logs-item-row[b-miawsvtg7v] {
        grid-template-columns: 1fr;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeFinanceNegotiations.razor.rz.scp.css */
.office-negotiations-page[b-97bta5e13l] {
    --office-negotiations-field-bg: var(--office-surface);
    --office-negotiations-control-bg: var(--office-surface);
    --office-negotiations-card-bg: var(--office-surface);
    --office-negotiations-column-bg: var(--office-surface-muted);
    --office-negotiations-column-new-bg: color-mix(in srgb, #f97316 10%, var(--office-surface));
    --office-negotiations-column-review-bg: color-mix(in srgb, #7c3aed 9%, var(--office-surface));
    --office-negotiations-column-client-bg: color-mix(in srgb, #2563eb 9%, var(--office-surface));
    --office-negotiations-column-closed-bg: color-mix(in srgb, #059669 9%, var(--office-surface));
    --office-negotiations-chip-bg: var(--office-surface-muted);
    --office-negotiations-chip-fg: var(--office-muted);
    --office-negotiations-empty-border: color-mix(in srgb, var(--office-muted) 45%, transparent);
    --office-negotiations-hover-shadow: rgba(15, 23, 42, 0.1);
    --office-negotiations-status-office-bg: #fff7ed;
    --office-negotiations-status-office-fg: #9a3412;
    --office-negotiations-status-client-bg: #eff6ff;
    --office-negotiations-status-client-fg: #1d4ed8;
    --office-negotiations-status-accepted-bg: #ecfdf5;
    --office-negotiations-status-accepted-fg: #047857;
    --office-negotiations-status-rejected-bg: #fef2f2;
    --office-negotiations-status-rejected-fg: #b91c1c;
    --office-negotiations-status-closed-bg: #f1f5f9;
    --office-negotiations-status-closed-fg: #475569;
    display: grid;
    gap: 1rem;
}

::global(.office-theme-dark) .office-negotiations-page[b-97bta5e13l] {
    --office-negotiations-column-new-bg: color-mix(in srgb, #f97316 14%, var(--office-surface));
    --office-negotiations-column-review-bg: color-mix(in srgb, #8b5cf6 13%, var(--office-surface));
    --office-negotiations-column-client-bg: color-mix(in srgb, #3b82f6 13%, var(--office-surface));
    --office-negotiations-column-closed-bg: color-mix(in srgb, #10b981 12%, var(--office-surface));
    --office-negotiations-chip-bg: color-mix(in srgb, var(--office-muted) 13%, var(--office-surface));
    --office-negotiations-chip-fg: var(--office-foreground);
    --office-negotiations-hover-shadow: rgba(0, 0, 0, 0.28);
    --office-negotiations-status-office-bg: rgba(249, 115, 22, 0.16);
    --office-negotiations-status-office-fg: #fdba74;
    --office-negotiations-status-client-bg: rgba(59, 130, 246, 0.16);
    --office-negotiations-status-client-fg: #93c5fd;
    --office-negotiations-status-accepted-bg: rgba(16, 185, 129, 0.14);
    --office-negotiations-status-accepted-fg: #6ee7b7;
    --office-negotiations-status-rejected-bg: rgba(248, 113, 113, 0.14);
    --office-negotiations-status-rejected-fg: #fca5a5;
    --office-negotiations-status-closed-bg: rgba(161, 161, 170, 0.14);
    --office-negotiations-status-closed-fg: #d4d4d8;
}

.office-negotiations-loading[b-97bta5e13l],
.office-negotiations-header[b-97bta5e13l],
.office-negotiations-toolbar[b-97bta5e13l],
.office-negotiations-summary[b-97bta5e13l],
.office-negotiations-list[b-97bta5e13l] {
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-negotiations-loading[b-97bta5e13l] {
    padding: 1.2rem;
    border-radius: 0.5rem;
    color: var(--office-muted);
}

.office-negotiations-header[b-97bta5e13l] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.5rem;
}

.office-negotiations-header span[b-97bta5e13l] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-negotiations-header h1[b-97bta5e13l],
.office-negotiations-list-header h2[b-97bta5e13l] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.45rem;
    font-weight: 700;
}

.office-negotiations-header p[b-97bta5e13l],
.office-negotiations-muted[b-97bta5e13l],
.office-negotiations-empty[b-97bta5e13l],
.office-negotiations-list-header span[b-97bta5e13l],
.office-negotiations-pagination[b-97bta5e13l],
.office-negotiations-card span[b-97bta5e13l],
.office-negotiations-card small[b-97bta5e13l],
.office-negotiations-card footer[b-97bta5e13l] {
    color: var(--office-muted);
}

.office-negotiations-header p[b-97bta5e13l] {
    margin: 0.45rem 0 0;
}

.office-negotiations-header-actions[b-97bta5e13l],
.office-negotiations-toolbar-actions[b-97bta5e13l],
.office-negotiations-pagination > div[b-97bta5e13l],
.office-negotiations-action-row[b-97bta5e13l],
.office-negotiations-action-grid[b-97bta5e13l] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.office-negotiations-toolbar[b-97bta5e13l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: 0.75rem;
    align-items: end;
    padding: 1rem;
    border-radius: 0.5rem;
}

.office-negotiations-toolbar label[b-97bta5e13l],
.office-negotiations-detail-section[b-97bta5e13l] {
    display: grid;
    gap: 0.35rem;
}

.office-negotiations-toolbar label span[b-97bta5e13l],
.office-negotiations-detail-values span[b-97bta5e13l],
.office-negotiations-drawer-header span[b-97bta5e13l] {
    color: var(--office-muted);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.office-negotiations-toolbar input[b-97bta5e13l],
.office-negotiations-toolbar select[b-97bta5e13l],
.office-negotiations-field input[b-97bta5e13l],
.office-negotiations-field select[b-97bta5e13l],
.office-negotiations-detail-section textarea[b-97bta5e13l] {
    width: 100%;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-negotiations-field-bg);
    color: var(--office-foreground);
    font: inherit;
}

.office-negotiations-toolbar input[b-97bta5e13l],
.office-negotiations-toolbar select[b-97bta5e13l],
.office-negotiations-field input[b-97bta5e13l],
.office-negotiations-field select[b-97bta5e13l] {
    min-height: 2.45rem;
    padding: 0.55rem 0.7rem;
}

.office-negotiations-detail-section textarea[b-97bta5e13l] {
    min-height: 6.5rem;
    resize: vertical;
    padding: 0.75rem;
}

.office-negotiations-secondary-button[b-97bta5e13l],
.office-negotiations-primary-button[b-97bta5e13l],
.office-negotiations-tab[b-97bta5e13l],
.office-negotiations-action-grid button[b-97bta5e13l] {
    min-height: 2.35rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    padding: 0.5rem 0.8rem;
    font-weight: 700;
    cursor: pointer;
}

.office-negotiations-secondary-button[b-97bta5e13l],
.office-negotiations-tab[b-97bta5e13l],
.office-negotiations-action-grid button[b-97bta5e13l] {
    background: var(--office-negotiations-control-bg);
    color: var(--office-foreground);
}

.office-negotiations-primary-button[b-97bta5e13l],
.office-negotiations-tab.active[b-97bta5e13l] {
    border-color: var(--office-primary);
    background: var(--office-primary);
    color: var(--office-primary-foreground);
}

.office-negotiations-primary-button.danger[b-97bta5e13l] {
    border-color: #b42318;
    background: #b42318;
}

.office-negotiations-secondary-button:disabled[b-97bta5e13l],
.office-negotiations-primary-button:disabled[b-97bta5e13l],
.office-negotiations-action-grid button:disabled[b-97bta5e13l] {
    cursor: not-allowed;
    opacity: 0.62;
}

.office-negotiations-secondary-button.wide[b-97bta5e13l] {
    width: 100%;
}

.office-negotiations-summary[b-97bta5e13l] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
}

.office-negotiations-list[b-97bta5e13l] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border-radius: 0.5rem;
}

.office-negotiations-list-header[b-97bta5e13l],
.office-negotiations-card-top[b-97bta5e13l],
.office-negotiations-card-values[b-97bta5e13l],
.office-negotiations-card footer[b-97bta5e13l],
.office-negotiations-drawer-header[b-97bta5e13l],
.office-negotiations-detail-status[b-97bta5e13l],
.office-negotiations-payments div[b-97bta5e13l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.office-negotiations-kanban[b-97bta5e13l] {
    display: grid;
    grid-template-columns: repeat(4, minmax(17.5rem, 1fr));
    gap: 0.85rem;
    overflow-x: auto;
    padding-bottom: 0.2rem;
}

.office-negotiations-kanban-column[b-97bta5e13l] {
    display: grid;
    align-content: start;
    gap: 0.75rem;
    min-width: 17.5rem;
    min-height: 34rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-negotiations-column-bg);
    padding: 0.75rem;
}

.office-negotiations-kanban-column header[b-97bta5e13l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.office-negotiations-kanban-column h3[b-97bta5e13l] {
    margin: 0.16rem 0 0;
    color: var(--office-foreground);
    font-size: 0.98rem;
}

.office-negotiations-kanban-column header > strong[b-97bta5e13l] {
    display: inline-grid;
    place-items: center;
    min-width: 1.8rem;
    height: 1.8rem;
    border-radius: 999px;
    background: var(--office-negotiations-card-bg);
    color: var(--office-foreground);
    font-size: 0.82rem;
}

.office-negotiations-column-kicker[b-97bta5e13l] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--office-muted);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.office-negotiations-column-dot[b-97bta5e13l] {
    width: 0.52rem;
    height: 0.52rem;
    border-radius: 999px;
    background: var(--office-primary);
}

.office-negotiations-kanban-column.new .office-negotiations-column-dot[b-97bta5e13l] {
    background: #f97316;
}

.office-negotiations-kanban-column.review .office-negotiations-column-dot[b-97bta5e13l] {
    background: #7c3aed;
}

.office-negotiations-kanban-column.client .office-negotiations-column-dot[b-97bta5e13l] {
    background: #2563eb;
}

.office-negotiations-kanban-column.closed .office-negotiations-column-dot[b-97bta5e13l] {
    background: #059669;
}

.office-negotiations-kanban-column.new[b-97bta5e13l] {
    background: var(--office-negotiations-column-new-bg);
}

.office-negotiations-kanban-column.review[b-97bta5e13l] {
    background: var(--office-negotiations-column-review-bg);
}

.office-negotiations-kanban-column.client[b-97bta5e13l] {
    background: var(--office-negotiations-column-client-bg);
}

.office-negotiations-kanban-column.closed[b-97bta5e13l] {
    background: var(--office-negotiations-column-closed-bg);
}

.office-negotiations-kanban-cards[b-97bta5e13l] {
    display: grid;
    align-content: start;
    gap: 0.7rem;
}

.office-negotiations-column-empty[b-97bta5e13l] {
    min-height: 7rem;
    display: grid;
    place-items: center;
    border: 1px dashed var(--office-negotiations-empty-border);
    border-radius: 0.5rem;
    padding: 0.9rem;
    color: var(--office-muted);
    text-align: center;
}

.office-negotiations-card[b-97bta5e13l] {
    display: grid;
    gap: 0.6rem;
    min-height: 14rem;
    padding: 0.9rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-negotiations-card-bg);
    text-align: left;
    color: inherit;
    cursor: pointer;
}

.office-negotiations-card:hover[b-97bta5e13l] {
    border-color: var(--office-primary);
    box-shadow: 0 10px 26px var(--office-negotiations-hover-shadow);
}

.office-negotiations-card strong[b-97bta5e13l] {
    color: var(--office-foreground);
}

.office-negotiations-card p[b-97bta5e13l] {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: var(--office-foreground);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.office-negotiations-card-meta[b-97bta5e13l] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.office-negotiations-card-meta span[b-97bta5e13l] {
    border-radius: 999px;
    background: var(--office-negotiations-chip-bg);
    padding: 0.22rem 0.5rem;
    color: var(--office-negotiations-chip-fg);
    font-size: 0.74rem;
    font-weight: 700;
}

.office-negotiations-status[b-97bta5e13l] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    border-radius: 999px;
    padding: 0.24rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 800;
}

.office-negotiations-status.needs-office[b-97bta5e13l] {
    background: var(--office-negotiations-status-office-bg);
    color: var(--office-negotiations-status-office-fg);
}

.office-negotiations-status.needs-client[b-97bta5e13l] {
    background: var(--office-negotiations-status-client-bg);
    color: var(--office-negotiations-status-client-fg);
}

.office-negotiations-status.accepted[b-97bta5e13l] {
    background: var(--office-negotiations-status-accepted-bg);
    color: var(--office-negotiations-status-accepted-fg);
}

.office-negotiations-status.rejected[b-97bta5e13l] {
    background: var(--office-negotiations-status-rejected-bg);
    color: var(--office-negotiations-status-rejected-fg);
}

.office-negotiations-status.closed[b-97bta5e13l] {
    background: var(--office-negotiations-status-closed-bg);
    color: var(--office-negotiations-status-closed-fg);
}

.office-negotiations-pagination[b-97bta5e13l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.office-negotiations-drawer-backdrop[b-97bta5e13l] {
    position: fixed;
    inset: 0;
    z-index: 90;
    background: rgba(15, 23, 42, 0.42);
}

.office-negotiations-drawer[b-97bta5e13l] {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 91;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(42rem, 100vw);
    height: 100vh;
    overflow: hidden;
    background: var(--office-surface);
    box-shadow: -18px 0 40px rgba(15, 23, 42, 0.25);
}

.office-negotiations-drawer-header[b-97bta5e13l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--office-border);
    padding: 1rem;
}

.office-negotiations-drawer-body[b-97bta5e13l] {
    display: grid;
    align-content: start;
    gap: 1rem;
    min-height: 0;
    overflow-y: auto;
    padding: 1rem;
}

.office-negotiations-drawer-footer[b-97bta5e13l] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    border-top: 1px solid var(--office-border);
    padding: 0.85rem 1rem;
    background: var(--office-surface);
}

.office-negotiations-drawer h2[b-97bta5e13l],
.office-negotiations-detail-section h3[b-97bta5e13l] {
    margin: 0;
    color: var(--office-foreground);
}

.office-negotiations-drawer p[b-97bta5e13l] {
    margin: 0.2rem 0 0;
    color: var(--office-muted);
}

.office-negotiations-icon-button[b-97bta5e13l] {
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-negotiations-control-bg);
    color: var(--office-foreground);
    cursor: pointer;
}

.office-negotiations-detail-values[b-97bta5e13l] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.office-negotiations-detail-values div[b-97bta5e13l] {
    display: grid;
    gap: 0.25rem;
    padding: 0.75rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-negotiations-card-bg);
}

.office-negotiations-detail-values strong[b-97bta5e13l] {
    color: var(--office-foreground);
}

.office-negotiations-detail-values small[b-97bta5e13l] {
    color: var(--office-muted);
    font-size: 0.75rem;
}

.office-negotiations-detail-section[b-97bta5e13l] {
    border-top: 1px solid var(--office-border);
    padding-top: 0.85rem;
}

.office-negotiations-payments[b-97bta5e13l],
.office-negotiations-messages[b-97bta5e13l] {
    display: grid;
    gap: 0.6rem;
}

.office-negotiations-payments div[b-97bta5e13l],
.office-negotiations-message[b-97bta5e13l] {
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-negotiations-card-bg);
    padding: 0.7rem;
}

.office-negotiations-payments span[b-97bta5e13l] {
    color: var(--office-muted);
}

.office-negotiations-payments small[b-97bta5e13l] {
    display: block;
    margin-top: 0.18rem;
    color: var(--office-muted);
    font-size: 0.72rem;
}

.office-negotiations-payment-select[b-97bta5e13l] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.office-negotiations-payment-select input[b-97bta5e13l] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
}

.office-negotiations-payment-badge[b-97bta5e13l] {
    display: inline-flex;
    width: fit-content;
    margin-top: 0.25rem;
    border-radius: 999px;
    padding: 0.16rem 0.45rem;
    font-size: 0.68rem;
    font-weight: 800;
}

.office-negotiations-payment-badge.open[b-97bta5e13l] {
    background: var(--office-negotiations-status-client-bg);
    color: var(--office-negotiations-status-client-fg);
}

.office-negotiations-payment-badge.negotiated[b-97bta5e13l],
.office-negotiations-payment-badge.generated[b-97bta5e13l] {
    background: var(--office-negotiations-status-accepted-bg);
    color: var(--office-negotiations-status-accepted-fg);
}

.office-negotiations-payment-badge.canceled[b-97bta5e13l] {
    background: var(--office-negotiations-status-rejected-bg);
    color: var(--office-negotiations-status-rejected-fg);
}

.office-negotiations-accordion[b-97bta5e13l] {
    display: grid;
    gap: 0.55rem;
}

.office-negotiations-accordion-item[b-97bta5e13l] {
    overflow: hidden;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-negotiations-card-bg);
}

.office-negotiations-accordion-trigger[b-97bta5e13l] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border: 0;
    background: transparent;
    color: var(--office-foreground);
    padding: 0.8rem;
    text-align: left;
    cursor: pointer;
}

.office-negotiations-accordion-trigger > span:first-child[b-97bta5e13l] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.office-negotiations-accordion-trigger strong[b-97bta5e13l] {
    font-size: 0.95rem;
}

.office-negotiations-accordion-trigger small[b-97bta5e13l] {
    color: var(--office-muted);
    font-size: 0.78rem;
    font-weight: 600;
}

.office-negotiations-accordion-trigger > span:last-child[b-97bta5e13l] {
    display: inline-grid;
    width: 1.65rem;
    height: 1.65rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--office-border);
    border-radius: 999px;
    color: var(--office-muted);
    font-weight: 900;
}

.office-negotiations-accordion-panel[b-97bta5e13l] {
    display: grid;
    gap: 0.6rem;
    border-top: 1px solid var(--office-border);
    padding: 0.8rem;
}

.office-negotiations-form-grid[b-97bta5e13l] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
}

.office-negotiations-charge-grid[b-97bta5e13l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.office-negotiations-charge-grid label[b-97bta5e13l] {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
}

.office-negotiations-charge-grid label span[b-97bta5e13l] {
    color: var(--office-foreground);
    font-size: 0.84rem;
    font-weight: 800;
}

.office-negotiations-charge-grid label > select[b-97bta5e13l] {
    width: 100%;
    min-height: 2.7rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-negotiations-check[b-97bta5e13l] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--office-foreground);
    font-size: 0.85rem;
    font-weight: 700;
}

.office-negotiations-check input[b-97bta5e13l] {
    width: 1rem;
    height: 1rem;
}

.office-negotiations-input-addon[b-97bta5e13l] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    width: 100%;
    min-height: 2.7rem;
    overflow: hidden;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-surface-muted);
}

.office-negotiations-input-addon > span[b-97bta5e13l] {
    display: inline-grid;
    place-items: center;
    min-width: 2.2rem;
    padding: 0 0.65rem;
    border-right: 1px solid var(--office-border);
    background: var(--office-surface);
    color: var(--office-foreground);
    font-size: 0.82rem;
    font-weight: 800;
}

.office-negotiations-input-addon > input[b-97bta5e13l] {
    min-height: 2.7rem;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.office-negotiations-input-addon:focus-within[b-97bta5e13l] {
    border-color: #0838f9;
    box-shadow: 0 0 0 3px rgba(8, 56, 249, 0.12);
}

.office-negotiations-installment-summary[b-97bta5e13l],
.office-negotiations-installment-schedule[b-97bta5e13l] {
    display: grid;
    gap: 0.5rem;
}

.office-negotiations-installment-summary[b-97bta5e13l] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.office-negotiations-installment-summary div[b-97bta5e13l],
.office-negotiations-installment-schedule div[b-97bta5e13l] {
    display: grid;
    gap: 0.15rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-negotiations-card-bg);
    padding: 0.65rem;
}

.office-negotiations-installment-summary span[b-97bta5e13l],
.office-negotiations-installment-schedule span[b-97bta5e13l],
.office-negotiations-installment-schedule small[b-97bta5e13l] {
    color: var(--office-muted);
    font-size: 0.76rem;
    font-weight: 700;
}

.office-negotiations-installment-summary strong[b-97bta5e13l],
.office-negotiations-installment-schedule strong[b-97bta5e13l] {
    color: var(--office-foreground);
    font-size: 0.95rem;
}

.office-negotiations-validation[b-97bta5e13l] {
    border: 1px solid var(--office-negotiations-status-rejected-bg);
    border-radius: 0.45rem;
    background: var(--office-negotiations-status-rejected-bg);
    color: var(--office-negotiations-status-rejected-fg);
    padding: 0.65rem;
    font-size: 0.82rem;
    font-weight: 700;
}

.office-negotiations-message[b-97bta5e13l] {
    display: grid;
    gap: 0.35rem;
}

.office-negotiations-message.office[b-97bta5e13l] {
    border-left: 3px solid var(--office-primary);
}

.office-negotiations-message.client[b-97bta5e13l] {
    border-left: 3px solid #f97316;
}

.office-negotiations-message span[b-97bta5e13l] {
    color: var(--office-muted);
    font-size: 0.76rem;
    font-weight: 700;
}

.office-negotiations-message p[b-97bta5e13l] {
    margin: 0;
    white-space: pre-wrap;
}

.office-negotiations-action-row[b-97bta5e13l] {
    justify-content: space-between;
}

.office-negotiations-action-row span[b-97bta5e13l] {
    color: var(--office-muted);
    font-size: 0.8rem;
}

.office-negotiations-action-grid[b-97bta5e13l] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 920px) {
    .office-negotiations-header[b-97bta5e13l],
    .office-negotiations-pagination[b-97bta5e13l] {
        align-items: stretch;
        flex-direction: column;
    }

    .office-negotiations-toolbar[b-97bta5e13l] {
        grid-template-columns: 1fr;
    }

    .office-negotiations-detail-values[b-97bta5e13l],
    .office-negotiations-action-grid[b-97bta5e13l],
    .office-negotiations-charge-grid[b-97bta5e13l],
    .office-negotiations-installment-summary[b-97bta5e13l] {
        grid-template-columns: 1fr;
    }

    .office-negotiations-payments div[b-97bta5e13l] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeFirstAccess.razor.rz.scp.css */
.office-access-screen[b-ltqq36e0kc] {
    --office-font-family: 'Geist', ui-sans-serif, system-ui, sans-serif;
    min-height: 100vh;
    min-height: 100dvh;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 1.5rem;
    font-family: var(--office-font-family);
    background:
        radial-gradient(circle at bottom center, rgba(10, 109, 63, 0.26), transparent 36%),
        linear-gradient(180deg, #050505 0%, #050505 68%, #0d3620 100%);
    padding: 2rem;
}

.office-access-brand[b-ltqq36e0kc] {
    color: #08f2a6;
    font-weight: 700;
    font-size: clamp(2rem, 3vw, 3.25rem);
    letter-spacing: -0.04em;
}

.office-access-card[b-ltqq36e0kc] {
    width: min(520px, 100%);
    padding: 2rem 1.6rem;
    border-radius: 0.625rem;
    background: #0a0a0a;
    border: 1px solid #27272a;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

.office-access-header h1[b-ltqq36e0kc] {
    margin: 0 0 0.55rem;
    color: #fafafa;
    font-size: 2.1rem;
    font-weight: 700;
}

.office-access-header p[b-ltqq36e0kc],
.office-access-loading[b-ltqq36e0kc] {
    margin: 0 0 1.5rem;
    color: #a1a1aa;
}

.office-access-eyebrow[b-ltqq36e0kc] {
    display: block;
    margin-bottom: 0.45rem;
    color: #08f2a6;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.office-access-user[b-ltqq36e0kc] {
    display: grid;
    gap: 0.25rem;
    margin-bottom: 1.1rem;
    padding: 0.9rem 1rem;
    border-radius: 0.625rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid #27272a;
}

.office-access-user strong[b-ltqq36e0kc] {
    color: #fafafa;
}

.office-access-user span[b-ltqq36e0kc] {
    color: #a1a1aa;
}

.office-field[b-ltqq36e0kc] {
    display: grid;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.office-field span[b-ltqq36e0kc] {
    color: #fafafa;
    font-size: 0.95rem;
    font-weight: 600;
}

.office-input[b-ltqq36e0kc],
.office-field[b-ltqq36e0kc]  .office-input {
    display: block;
    width: 100%;
    height: 3rem;
    box-sizing: border-box;
    padding: 0 1rem;
    border: 1px solid #27272a;
    border-radius: 0.625rem;
    background: #09090b;
    color: #fafafa;
    font-size: 1rem;
    line-height: 1.5;
    outline: none;
}

.office-input:focus[b-ltqq36e0kc],
.office-input:focus-visible[b-ltqq36e0kc],
.office-field[b-ltqq36e0kc]  .office-input:focus,
.office-field[b-ltqq36e0kc]  .office-input:focus-visible {
    border-color: #08f2a6;
    box-shadow: 0 0 0 2px rgba(8, 242, 166, 0.12);
}

.office-primary-button[b-ltqq36e0kc] {
    margin-top: 1.2rem;
    width: 100%;
    padding: 1rem 1.2rem;
    border-radius: 0.625rem;
    border: 0;
    background: #08f2a6;
    color: #ffffff;
    font-weight: 700;
}

.office-secondary-button[b-ltqq36e0kc] {
    margin-top: 0.7rem;
    width: 100%;
    padding: 0.95rem 1.2rem;
    border-radius: 0.625rem;
    border: 1px solid #27272a;
    background: #111114;
    color: #fafafa;
    font-weight: 700;
}

.office-primary-button:disabled[b-ltqq36e0kc],
.office-secondary-button:disabled[b-ltqq36e0kc],
.office-input:disabled[b-ltqq36e0kc],
.office-field[b-ltqq36e0kc]  .office-input:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.office-code-panel[b-ltqq36e0kc] {
    display: grid;
    gap: 1rem;
}

.office-code-panel > span[b-ltqq36e0kc] {
    color: #a1a1aa;
}

.office-code-inputs[b-ltqq36e0kc] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.55rem;
}

.office-code-input[b-ltqq36e0kc] {
    width: 100%;
    aspect-ratio: 1;
    min-height: 3rem;
    border-radius: 0.625rem;
    border: 1px solid #27272a;
    background: #09090b;
    color: #fafafa;
    font: inherit;
    font-size: 1.35rem;
    font-weight: 700;
    text-align: center;
    outline: none;
}

.office-code-input:focus[b-ltqq36e0kc],
.office-code-input:focus-visible[b-ltqq36e0kc] {
    border-color: #08f2a6;
    box-shadow: 0 0 0 2px rgba(8, 242, 166, 0.12);
}

.office-code-input:disabled[b-ltqq36e0kc] {
    opacity: 0.7;
    cursor: not-allowed;
}

.office-feedback[b-ltqq36e0kc] {
    padding: 0.85rem 1rem;
    border-radius: 0.625rem;
    background: rgba(8, 242, 166, 0.12);
    border: 1px solid rgba(8, 242, 166, 0.24);
    color: #b7ffe3;
}

.office-feedback.error[b-ltqq36e0kc] {
    margin-top: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 0.625rem;
    background: rgba(123, 30, 30, 0.28);
    border: 1px solid rgba(255, 99, 99, 0.28);
    color: #ffb6b6;
}

[b-ltqq36e0kc] .validation-message {
    color: #ffb6b6;
}

@media (max-width: 640px) {
    .office-access-screen[b-ltqq36e0kc] {
        padding: 1.5rem 1rem;
    }

    .office-access-card[b-ltqq36e0kc] {
        padding: 1.5rem 1.1rem;
    }

    .office-access-header h1[b-ltqq36e0kc] {
        font-size: 1.8rem;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeLogDetail.razor.rz.scp.css */
.office-log-detail-page[b-52txqq4yrb] {
    display: grid;
    gap: 1rem;
    width: min(1120px, 100%);
}

.office-log-detail-header[b-52txqq4yrb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.office-log-detail-header span[b-52txqq4yrb],
.office-log-detail-card span[b-52txqq4yrb] {
    display: block;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-log-detail-header h1[b-52txqq4yrb],
.office-log-detail-card h2[b-52txqq4yrb] {
    margin: 0;
    color: var(--office-foreground);
}

.office-log-detail-header h1[b-52txqq4yrb] {
    font-size: 1.55rem;
}

.office-log-detail-header p[b-52txqq4yrb],
.office-log-detail-card p[b-52txqq4yrb] {
    margin: 0.45rem 0 0;
    color: var(--office-muted);
}

.office-log-detail-card[b-52txqq4yrb] {
    display: grid;
    gap: 0.6rem;
    min-height: 180px;
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.9rem;
    background: var(--office-surface);
}

.office-log-detail-card h2[b-52txqq4yrb] {
    margin-top: 0.25rem;
    font-size: 1rem;
}

.office-log-detail-secondary-button[b-52txqq4yrb] {
    min-height: 2rem;
    padding: 0.34rem 0.95rem;
    border: 1px solid var(--office-border);
    border-radius: 0.32rem;
    background: transparent;
    color: var(--office-foreground);
    font: inherit;
    cursor: pointer;
}

.office-log-detail-secondary-button:hover[b-52txqq4yrb] {
    background: var(--office-hover);
}

@media (max-width: 760px) {
    .office-log-detail-header[b-52txqq4yrb] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeLogin.razor.rz.scp.css */
.office-login-screen[b-arhdj0lesk] {
    --office-font-family: 'Geist', ui-sans-serif, system-ui, sans-serif;
    --office-primary: #002aba;
    --office-primary-foreground: #ffffff;
    --login-primary: var(--office-primary);
    --login-primary-foreground: var(--office-primary-foreground);
    --login-primary-hover: #002299;
    --login-primary-muted: rgba(0, 42, 186, 0.12);
    --login-primary-border: rgba(0, 42, 186, 0.28);
    --login-text: #0f172a;
    --login-muted: #6b7280;
    --login-border: #d7dcf0;
    min-height: 100vh;
    min-height: 100dvh;
    display: grid;
    grid-template-columns: minmax(320px, 26vw) minmax(0, 1fr);
    font-family: var(--office-font-family);
    background: #ffffff;
    color: var(--login-text);
    overflow: hidden;
}

.office-login-visual[b-arhdj0lesk] {
    position: relative;
    min-height: 100vh;
    min-height: 100dvh;
    overflow: hidden;
    background: #002aba;
}

.office-login-visual[b-arhdj0lesk]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #002aba;
}

.office-login-visual-image[b-arhdj0lesk] {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: cover;
    object-position: center;
}

.office-login-panel[b-arhdj0lesk] {
    min-width: 0;
    display: grid;
    place-items: center;
    padding: clamp(1.5rem, 5vw, 4rem);
}

.office-login-form-shell[b-arhdj0lesk] {
    width: 400px;
    max-width: 100%;
}

.office-login-form-shell[b-arhdj0lesk]  form {
    width: 100%;
    display: grid;
    min-width: 0;
}

.office-login-brand[b-arhdj0lesk] {
    width: 300px;
    max-width: 78%;
    height: auto;
    display: block;
    margin-bottom: 3.9rem;
    justify-self: center;
    object-fit: contain;
}

.office-login-brand-placeholder[b-arhdj0lesk] {
    width: 300px;
    max-width: 78%;
    height: 5.5rem;
    display: block;
    margin-bottom: 3.9rem;
    justify-self: center;
}

.office-login-field[b-arhdj0lesk] {
    width: 100%;
    min-width: 0;
    display: grid;
    gap: 0.65rem;
    margin-bottom: 1.1rem;
}

.office-login-field > span:first-child[b-arhdj0lesk] {
    color: #10143a;
    font-size: 0.82rem;
    font-weight: 500;
}

.office-login-input[b-arhdj0lesk],
.office-login-field[b-arhdj0lesk]  .office-login-input {
    display: block;
    width: 100%;
    height: 3rem;
    box-sizing: border-box;
    padding: 0 0.9rem;
    border: 1px solid transparent;
    border-bottom-color: #8992aa;
    border-radius: 0.6rem;
    background: #eaf1ff;
    color: #020617;
    font-size: 0.96rem;
    line-height: 1.5;
    outline: none;
    transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.office-login-input[b-arhdj0lesk]::placeholder,
.office-login-field[b-arhdj0lesk]  .office-login-input::placeholder {
    color: #6b7280;
}

.office-login-input:focus[b-arhdj0lesk],
.office-login-input:focus-visible[b-arhdj0lesk],
.office-login-field[b-arhdj0lesk]  .office-login-input:focus,
.office-login-field[b-arhdj0lesk]  .office-login-input:focus-visible {
    border-color: var(--login-primary);
    background: #ffffff;
    box-shadow: 0 0 0 3px var(--login-primary-muted);
}

.office-login-password-wrap[b-arhdj0lesk] {
    position: relative;
    display: block;
    min-width: 0;
}

.office-login-password-input[b-arhdj0lesk],
.office-login-field[b-arhdj0lesk]  .office-login-password-input {
    padding-right: 2.9rem;
}

.office-login-eye[b-arhdj0lesk] {
    position: absolute;
    top: 50%;
    right: 0.65rem;
    width: 2rem;
    height: 2rem;
    display: inline-grid;
    place-items: center;
    transform: translateY(-50%);
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--login-primary);
    font-size: 0.95rem;
    line-height: 1;
}

.office-login-eye:hover:not(:disabled)[b-arhdj0lesk],
.office-login-eye:focus-visible[b-arhdj0lesk] {
    background: var(--login-primary-muted);
    outline: none;
}

.office-login-eye-shape[b-arhdj0lesk] {
    position: relative;
    width: 1.1rem;
    height: 0.7rem;
    display: block;
    border: 1.7px solid currentColor;
    border-radius: 70% 70% 70% 70% / 95% 95% 60% 60%;
}

.office-login-eye-shape[b-arhdj0lesk]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.28rem;
    height: 0.28rem;
    transform: translate(-50%, -50%);
    border-radius: 999px;
    background: currentColor;
}

.office-login-eye.is-visible .office-login-eye-shape[b-arhdj0lesk]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -0.15rem;
    width: 1.42rem;
    height: 1.7px;
    transform: rotate(-42deg);
    border-radius: 999px;
    background: currentColor;
}

.office-login-forgot[b-arhdj0lesk] {
    justify-self: start;
    margin: 0.45rem 0 1.15rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--login-primary);
    font: inherit;
    font-size: 0.96rem;
    font-weight: 700;
}

.office-login-forgot:hover[b-arhdj0lesk],
.office-login-forgot:focus-visible[b-arhdj0lesk] {
    color: var(--login-primary-hover);
    text-decoration: underline;
    outline: none;
}

.office-login-actions[b-arhdj0lesk] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.office-login-primary[b-arhdj0lesk],
.office-login-secondary[b-arhdj0lesk] {
    height: 3.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    border-radius: 999px;
    font: inherit;
    font-weight: 700;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease, transform 140ms ease;
}

.office-login-primary[b-arhdj0lesk] {
    width: 100%;
    border: 1px solid transparent;
    background: var(--login-primary);
    color: var(--login-primary-foreground);
}

.office-login-secondary[b-arhdj0lesk] {
    border: 1px solid var(--login-border);
    background: #ffffff;
    color: var(--login-primary);
}

.office-login-primary:hover:not(:disabled)[b-arhdj0lesk],
.office-login-secondary:hover:not(:disabled)[b-arhdj0lesk] {
    transform: translateY(-1px);
}

.office-login-primary:disabled[b-arhdj0lesk] {
    background: #e8e8ee;
    color: #8b8b96;
}

.office-login-primary:disabled[b-arhdj0lesk],
.office-login-secondary:disabled[b-arhdj0lesk],
.office-login-input:disabled[b-arhdj0lesk],
.office-login-eye:disabled[b-arhdj0lesk],
.office-login-field[b-arhdj0lesk]  .office-login-input:disabled {
    cursor: not-allowed;
}

.office-login-input:disabled[b-arhdj0lesk],
.office-login-field[b-arhdj0lesk]  .office-login-input:disabled {
    opacity: 0.72;
}

.office-login-feedback[b-arhdj0lesk] {
    margin-bottom: 0.8rem;
    padding: 0.8rem 0.95rem;
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--login-primary) 8%, #ffffff);
    border: 1px solid var(--login-primary-border);
    color: color-mix(in srgb, var(--login-primary) 72%, #111827);
    font-size: 0.92rem;
    overflow-wrap: anywhere;
}

.office-login-modal-backdrop[b-arhdj0lesk] {
    position: fixed;
    inset: 0;
    z-index: 50;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.42);
}

.office-login-modal[b-arhdj0lesk] {
    position: relative;
    width: min(390px, 100%);
    padding: 1.55rem;
    border-radius: 0.5rem;
    background: #ffffff;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.22);
}

.office-login-modal h2[b-arhdj0lesk] {
    margin: 0 2rem 0.65rem 0;
    color: #10143a;
    font-size: 1.2rem;
    font-weight: 700;
}

.office-login-modal p[b-arhdj0lesk] {
    margin: 0 0 1.3rem;
    color: var(--login-muted);
    line-height: 1.5;
}

.office-login-modal-close[b-arhdj0lesk] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #64748b;
    font-weight: 700;
}

.office-login-modal-close:hover[b-arhdj0lesk],
.office-login-modal-close:focus-visible[b-arhdj0lesk] {
    background: #f1f5f9;
    outline: none;
}

.office-login-modal-primary[b-arhdj0lesk] {
    width: 100%;
    height: 2.75rem;
    border: 0;
    border-radius: 999px;
    background: var(--login-primary);
    color: var(--login-primary-foreground);
    font: inherit;
    font-weight: 700;
}

[b-arhdj0lesk] .validation-message {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: #ef1d1d;
    font-size: 0.9rem;
}

[b-arhdj0lesk] .validation-message::before {
    content: "!";
    width: 1rem;
    height: 1rem;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
}

.office-login-field:has(.validation-message) .office-login-input[b-arhdj0lesk],
.office-login-field:has(.validation-message)[b-arhdj0lesk]  .office-login-input {
    border-color: #ef1d1d;
    background: #ffffff;
}

@media (max-width: 960px) {
    .office-login-screen[b-arhdj0lesk] {
        grid-template-columns: 1fr;
        overflow: auto;
    }

    .office-login-visual[b-arhdj0lesk] {
        min-height: 15rem;
    }

    .office-login-visual-image[b-arhdj0lesk] {
        min-height: 15rem;
    }

    .office-login-panel[b-arhdj0lesk] {
        min-height: calc(100vh - 15rem);
    }

    .office-login-brand[b-arhdj0lesk] {
        margin-bottom: 2rem;
    }

    .office-login-brand-placeholder[b-arhdj0lesk] {
        margin-bottom: 2rem;
    }
}

@media (max-width: 560px) {
    .office-login-visual[b-arhdj0lesk] {
        display: none;
    }

    .office-login-panel[b-arhdj0lesk] {
        min-height: 100vh;
        min-height: 100dvh;
        padding: 1.5rem;
        align-content: center;
    }

    .office-login-brand[b-arhdj0lesk] {
        max-width: 82%;
    }

    .office-login-brand-placeholder[b-arhdj0lesk] {
        max-width: 82%;
    }

    .office-login-actions[b-arhdj0lesk] {
        grid-template-columns: 1fr;
        gap: 0.7rem;
    }
}

@media (max-width: 380px) {
    .office-login-screen[b-arhdj0lesk] {
        width: 100%;
        overflow-x: hidden;
    }

    .office-login-panel[b-arhdj0lesk] {
        width: 100%;
        padding: 1rem 0.875rem;
        place-items: center;
    }

    .office-login-form-shell[b-arhdj0lesk] {
        width: 100%;
        max-width: 100%;
    }

    .office-login-brand[b-arhdj0lesk] {
        width: min(240px, 76vw);
        max-width: 100%;
        margin-bottom: 1.45rem;
    }

    .office-login-brand-placeholder[b-arhdj0lesk] {
        width: min(240px, 76vw);
        max-width: 100%;
        height: 4.25rem;
        margin-bottom: 1.45rem;
    }

    .office-login-field[b-arhdj0lesk] {
        gap: 0.45rem;
        margin-bottom: 0.85rem;
    }

    .office-login-input[b-arhdj0lesk],
    .office-login-field[b-arhdj0lesk]  .office-login-input {
        height: 2.75rem;
        padding-inline: 0.78rem;
        border-radius: 0.48rem;
        font-size: 0.92rem;
    }

    .office-login-password-input[b-arhdj0lesk],
    .office-login-field[b-arhdj0lesk]  .office-login-password-input {
        padding-right: 2.65rem;
    }

    .office-login-eye[b-arhdj0lesk] {
        right: 0.45rem;
        width: 1.9rem;
        height: 1.9rem;
    }

    .office-login-feedback[b-arhdj0lesk] {
        padding: 0.68rem 0.75rem;
        border-radius: 0.44rem;
        font-size: 0.86rem;
        line-height: 1.35;
    }

    .office-login-forgot[b-arhdj0lesk] {
        margin: 0.25rem 0 0.9rem;
        font-size: 0.9rem;
    }

    .office-login-primary[b-arhdj0lesk],
    .office-login-secondary[b-arhdj0lesk] {
        height: 2.85rem;
        min-width: 0;
        padding-inline: 0.85rem;
        font-size: 0.94rem;
        text-align: center;
    }

    .office-login-modal-backdrop[b-arhdj0lesk] {
        padding: 0.75rem;
    }

    .office-login-modal[b-arhdj0lesk] {
        width: 100%;
        padding: 1.2rem;
    }

    .office-login-modal h2[b-arhdj0lesk] {
        margin-right: 1.8rem;
        font-size: 1.05rem;
    }
}

@media (max-width: 350px) {
    .office-login-panel[b-arhdj0lesk] {
        padding-inline: 0.75rem;
    }

    .office-login-brand[b-arhdj0lesk] {
        width: min(220px, 74vw);
    }

    .office-login-brand-placeholder[b-arhdj0lesk] {
        width: min(220px, 74vw);
        height: 3.85rem;
    }

    .office-login-input[b-arhdj0lesk],
    .office-login-field[b-arhdj0lesk]  .office-login-input {
        height: 2.65rem;
        padding-inline: 0.68rem;
        font-size: 0.88rem;
    }

    .office-login-field > span:first-child[b-arhdj0lesk],
    .office-login-forgot[b-arhdj0lesk],
    .office-login-primary[b-arhdj0lesk],
    .office-login-secondary[b-arhdj0lesk] {
        font-size: 0.88rem;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeLogs.razor.rz.scp.css */
.office-logs-page[b-qnig3wo7cr] {
    display: grid;
    gap: 1rem;
    width: min(1120px, 100%);
}

.office-logs-header[b-qnig3wo7cr] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.office-logs-header span[b-qnig3wo7cr],
.office-logs-card-eyebrow[b-qnig3wo7cr] {
    display: block;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-logs-header h1[b-qnig3wo7cr],
.office-logs-card h2[b-qnig3wo7cr] {
    margin: 0;
    color: var(--office-foreground);
    font-weight: 700;
}

.office-logs-header h1[b-qnig3wo7cr] {
    font-size: 1.55rem;
}

.office-logs-header p[b-qnig3wo7cr],
.office-logs-card p[b-qnig3wo7cr],
.office-logs-card-meta[b-qnig3wo7cr] {
    margin: 0;
    color: var(--office-muted);
}

.office-logs-header p[b-qnig3wo7cr] {
    margin-top: 0.45rem;
}

.office-logs-grid[b-qnig3wo7cr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
    gap: 1rem;
}

.office-logs-card[b-qnig3wo7cr] {
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 1.75rem;
    min-height: 206px;
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.9rem;
    background: var(--office-surface);
}

.office-logs-card-body[b-qnig3wo7cr],
.office-logs-card-footer[b-qnig3wo7cr] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.office-logs-card-body[b-qnig3wo7cr] {
    align-items: flex-start;
    padding-right: 8.75rem;
}

.office-logs-card-footer[b-qnig3wo7cr] {
    align-items: center;
}

.office-logs-card h2[b-qnig3wo7cr] {
    margin: 0 0 1.35rem;
    color: var(--office-foreground);
    font-size: 1rem;
    line-height: 1.35;
}

.office-logs-card-eyebrow[b-qnig3wo7cr] {
    display: none;
}

.office-logs-card p[b-qnig3wo7cr] {
    color: var(--office-foreground);
    font-size: 1.08rem;
    line-height: 1.5;
}

.office-logs-card-icon[b-qnig3wo7cr] {
    display: none;
    flex: 0 0 auto;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--office-primary) 12%, var(--office-surface));
    color: var(--office-primary);
}

.office-logs-card-icon svg[b-qnig3wo7cr] {
    width: 1.35rem;
    height: 1.35rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.office-logs-primary-button[b-qnig3wo7cr] {
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #0052ff;
    font: inherit;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
}

.office-logs-primary-button:hover[b-qnig3wo7cr] {
    text-decoration: underline;
}

.office-logs-card-meta[b-qnig3wo7cr] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.84rem;
}

.office-logs-status-dot[b-qnig3wo7cr] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: #94a3b8;
}

.office-logs-status-dot.available[b-qnig3wo7cr] {
    background: #22c55e;
}

.office-logs-status-dot.planned[b-qnig3wo7cr] {
    background: #f59e0b;
}

@media (max-width: 760px) {
    .office-logs-header[b-qnig3wo7cr],
    .office-logs-card-body[b-qnig3wo7cr],
    .office-logs-card-footer[b-qnig3wo7cr] {
        flex-direction: column;
        align-items: stretch;
    }

    .office-logs-card-body[b-qnig3wo7cr] {
        padding-right: 0;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeNoticeForm.razor.rz.scp.css */
.office-notice-form-page[b-ecmi18k4p1] {
    display: grid;
    gap: 1rem;
}

.office-notice-form-loading[b-ecmi18k4p1],
.office-notice-form-header[b-ecmi18k4p1],
.office-notice-form-card[b-ecmi18k4p1],
.office-notice-form-metric-card[b-ecmi18k4p1] {
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-notice-form-loading[b-ecmi18k4p1] {
    padding: 1.2rem;
    border-radius: 0.5rem;
    color: var(--office-muted);
}

.office-notice-form-header[b-ecmi18k4p1] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.5rem;
}

.office-notice-form-header span[b-ecmi18k4p1],
.office-notice-form-metric-card span[b-ecmi18k4p1],
.office-notice-form-audience > div > span[b-ecmi18k4p1] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-notice-form-header h1[b-ecmi18k4p1],
.office-notice-form-card-header h2[b-ecmi18k4p1] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.55rem;
    font-weight: 700;
}

.office-notice-form-header p[b-ecmi18k4p1],
.office-notice-form-metric-card small[b-ecmi18k4p1],
.office-notice-form-audience small[b-ecmi18k4p1],
.office-notice-form-empty[b-ecmi18k4p1],
.office-notice-form-card-header span[b-ecmi18k4p1],
.office-notice-form-recipient-suggestion small[b-ecmi18k4p1] {
    color: var(--office-muted);
}

.office-notice-form-header p[b-ecmi18k4p1] {
    margin: 0.45rem 0 0;
    max-width: 48rem;
}

.office-notice-form-header-actions[b-ecmi18k4p1],
.office-notice-form-actions[b-ecmi18k4p1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
}

.office-notice-form-primary-button[b-ecmi18k4p1],
.office-notice-form-secondary-button[b-ecmi18k4p1],
.office-notice-form-danger-button[b-ecmi18k4p1] {
    min-height: 2.5rem;
    border: 1px solid transparent;
    border-radius: 0.45rem;
    padding: 0.65rem 0.9rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.office-notice-form-primary-button[b-ecmi18k4p1] {
    background: var(--office-primary);
    color: var(--office-primary-foreground);
}

.office-notice-form-secondary-button[b-ecmi18k4p1] {
    border-color: var(--office-border);
    background: transparent;
    color: var(--office-foreground);
}

.office-notice-form-schedule-button[b-ecmi18k4p1] {
    border-color: rgba(217, 119, 6, 0.34);
    background: rgba(245, 158, 11, 0.12);
    color: #92400e;
}

.office-notice-form-schedule-button:hover[b-ecmi18k4p1] {
    border-color: rgba(217, 119, 6, 0.55);
    background: rgba(245, 158, 11, 0.18);
}

.office-notice-form-danger-button[b-ecmi18k4p1] {
    border-color: rgba(239, 68, 68, 0.24);
    background: rgba(239, 68, 68, 0.08);
    color: #b91c1c;
}

.office-notice-form-primary-button:disabled[b-ecmi18k4p1],
.office-notice-form-secondary-button:disabled[b-ecmi18k4p1],
.office-notice-form-danger-button:disabled[b-ecmi18k4p1] {
    opacity: 0.6;
    cursor: not-allowed;
}

.office-notice-form-grid[b-ecmi18k4p1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18rem;
    gap: 1rem;
    align-items: start;
}

.office-notice-form-card[b-ecmi18k4p1],
.office-notice-form-metric-card[b-ecmi18k4p1] {
    border-radius: 0.5rem;
    overflow: hidden;
}

.office-notice-form-card-header[b-ecmi18k4p1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-notice-form-card-header h2[b-ecmi18k4p1] {
    font-size: 1rem;
}

.office-notice-form-fields[b-ecmi18k4p1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 1.1rem;
}

.office-notice-form-field[b-ecmi18k4p1],
.office-notice-form-recipient-toolbar label[b-ecmi18k4p1] {
    display: grid;
    gap: 0.45rem;
}

.office-notice-form-field-wide[b-ecmi18k4p1] {
    grid-column: 1 / -1;
}

.office-notice-form-field span[b-ecmi18k4p1],
.office-notice-form-recipient-toolbar span[b-ecmi18k4p1] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 700;
}

.office-notice-form-label-with-help[b-ecmi18k4p1] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    width: fit-content;
    position: relative;
}

.office-notice-form-help[b-ecmi18k4p1] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.office-notice-form-help-button[b-ecmi18k4p1] {
    display: inline-grid;
    place-items: center;
    width: 1.15rem;
    height: 1.15rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--office-primary);
    cursor: help;
}

.office-notice-form-help-button svg[b-ecmi18k4p1] {
    width: 1.15rem;
    height: 1.15rem;
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.office-notice-form-help-button:focus-visible[b-ecmi18k4p1] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 42, 186, 0.16);
}

.office-notice-form-help-popover[b-ecmi18k4p1] {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 0.7rem);
    z-index: 20;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    width: min(22rem, calc(100vw - 2rem));
    padding: 1.75rem 2.35rem 1.75rem 1.35rem;
    border: 1px solid rgba(203, 213, 225, 0.95);
    border-radius: 1.35rem;
    background: var(--office-surface);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.18);
    color: var(--office-foreground);
    font-size: 1.38rem;
    font-weight: 400;
    line-height: 1.45;
    text-transform: none;
    letter-spacing: 0;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 0.35rem);
    transition: opacity 140ms ease, transform 140ms ease;
}

.office-notice-form-field .office-notice-form-help-popover-text[b-ecmi18k4p1] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 100;
}

.office-notice-form-help-popover-close[b-ecmi18k4p1] {
    position: absolute;
    top: 0.9rem;
    right: 1rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--office-muted);
    font-size: 2rem;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
}

.office-notice-form-help-popover[b-ecmi18k4p1]::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0.75rem;
    height: 0.75rem;
    border-right: 1px solid var(--office-border);
    border-bottom: 1px solid var(--office-border);
    background: var(--office-surface);
    transform: translate(-50%, -50%) rotate(45deg);
}

.office-notice-form-help:hover .office-notice-form-help-popover[b-ecmi18k4p1],
.office-notice-form-help:focus-within .office-notice-form-help-popover[b-ecmi18k4p1],
.office-notice-form-help.is-open .office-notice-form-help-popover[b-ecmi18k4p1] {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 0);
}

.office-notice-form-help-popover[hidden][b-ecmi18k4p1] {
    display: none;
}

.office-notice-form-field[b-ecmi18k4p1]  .office-notice-form-input,
.office-notice-form-input[b-ecmi18k4p1] {
    width: 100%;
    min-height: 2.85rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.45rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-notice-form-field[b-ecmi18k4p1]  .office-notice-form-input:focus,
.office-notice-form-field[b-ecmi18k4p1]  .office-notice-form-input:focus-visible,
.office-notice-form-input:focus[b-ecmi18k4p1],
.office-notice-form-input:focus-visible[b-ecmi18k4p1] {
    outline: none;
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.15);
}

.office-notice-form-segmented input[b-ecmi18k4p1],
.office-notice-form-tax-regimes input[b-ecmi18k4p1],
.office-notice-form-tag-options input[b-ecmi18k4p1] {
    width: 1rem;
    height: 1rem;
    margin: 0;
    accent-color: var(--office-primary);
    flex: 0 0 auto;
}

.office-notice-form-field[b-ecmi18k4p1]  .office-notice-form-textarea,
.office-notice-form-textarea[b-ecmi18k4p1] {
    min-height: 11rem;
    resize: vertical;
}

.office-notice-form-field .validation-message[b-ecmi18k4p1],
.office-notice-form-audience .validation-message[b-ecmi18k4p1] {
    color: var(--office-feedback-error-strong);
    font-weight: 700;
    font-size: 0.85rem;
    line-height: 1.35;
}

.office-notice-form-audience[b-ecmi18k4p1] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
}

.office-notice-form-segmented[b-ecmi18k4p1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.office-notice-form-segmented label[b-ecmi18k4p1] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 2.85rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.45rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    color: var(--office-foreground);
    font-weight: 700;
    cursor: pointer;
}

.office-notice-form-segmented label.active[b-ecmi18k4p1] {
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.12);
}

.office-notice-form-recipient-picker[b-ecmi18k4p1] {
    display: grid;
    gap: 0.8rem;
}

.office-notice-form-recipient-suggestions[b-ecmi18k4p1] {
    display: grid;
    overflow: hidden;
    border-radius: 0.5rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface);
}

.office-notice-form-recipient-suggestion[b-ecmi18k4p1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    min-height: 3.25rem;
    padding: 0.7rem 0.85rem;
    border: 0;
    border-bottom: 1px solid var(--office-border);
    background: transparent;
    color: var(--office-foreground);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.office-notice-form-recipient-suggestion:last-child[b-ecmi18k4p1] {
    border-bottom: 0;
}

.office-notice-form-recipient-suggestion:hover[b-ecmi18k4p1] {
    background: var(--office-surface-muted);
}

.office-notice-form-recipient-suggestion:disabled[b-ecmi18k4p1] {
    opacity: 0.72;
    cursor: not-allowed;
}

.office-notice-form-recipient-suggestion > span:first-child[b-ecmi18k4p1] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.office-notice-form-recipient-suggestion strong[b-ecmi18k4p1],
.office-notice-form-recipient-suggestion small[b-ecmi18k4p1] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-notice-form-recipient-suggestion strong[b-ecmi18k4p1] {
    color: var(--office-foreground);
}

.office-notice-form-recipient-suggestion > span:last-child[b-ecmi18k4p1] {
    flex: 0 0 auto;
    color: var(--office-primary);
    font-size: 0.82rem;
    font-weight: 700;
}

.office-notice-form-recipient-empty[b-ecmi18k4p1] {
    padding: 0.8rem 0.9rem;
    border-radius: 0.5rem;
    border: 1px dashed var(--office-border);
    background: var(--office-surface);
    color: var(--office-muted);
    font-weight: 700;
}

.office-notice-form-recipient-suggestions .office-notice-form-recipient-empty[b-ecmi18k4p1] {
    border: 0;
    border-radius: 0;
    background: transparent;
}

.office-notice-form-selected-recipients[b-ecmi18k4p1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.office-notice-form-selected-recipient[b-ecmi18k4p1] {
    display: inline-flex;
    align-items: center;
    max-width: 18rem;
    min-height: 2.25rem;
    overflow: hidden;
    border: 1px solid rgba(0, 42, 186, 0.22);
    border-radius: 999px;
    background: rgba(0, 42, 186, 0.08);
    color: var(--office-foreground);
    font-weight: 700;
}

.office-notice-form-selected-recipient > span[b-ecmi18k4p1] {
    min-width: 0;
    overflow: hidden;
    padding: 0.45rem 0.55rem 0.45rem 0.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-notice-form-selected-recipient button[b-ecmi18k4p1] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    align-self: stretch;
    border: 0;
    border-left: 1px solid rgba(0, 42, 186, 0.16);
    background: transparent;
    color: var(--office-muted);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.office-notice-form-selected-recipient button:hover[b-ecmi18k4p1] {
    background: rgba(239, 68, 68, 0.08);
    color: #b91c1c;
}

.office-notice-form-segment-panel[b-ecmi18k4p1] {
    display: grid;
    gap: 0.85rem;
}

.office-notice-form-segment-group[b-ecmi18k4p1] {
    display: grid;
    gap: 0.55rem;
}

.office-notice-form-segment-group > span[b-ecmi18k4p1] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 700;
}

.office-notice-form-tax-regimes[b-ecmi18k4p1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.office-notice-form-tax-regimes label[b-ecmi18k4p1] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 2.7rem;
    padding: 0.7rem 0.85rem;
    border-radius: 0.45rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    color: var(--office-foreground);
    font-weight: 700;
    cursor: pointer;
}

.office-notice-form-tax-regimes label.active[b-ecmi18k4p1] {
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.12);
}

.office-notice-form-tag-options[b-ecmi18k4p1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.office-notice-form-tag-options label[b-ecmi18k4p1] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.45rem;
    padding: 0.55rem 0.75rem;
    border-radius: 999px;
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    color: var(--office-foreground);
    font-weight: 700;
    cursor: pointer;
}

.office-notice-form-tag-options label.active[b-ecmi18k4p1] {
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.12);
}

.office-notice-form-tag-dot[b-ecmi18k4p1] {
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.16);
    flex: 0 0 auto;
}

.office-notice-form-empty-state[b-ecmi18k4p1] {
    padding: 0.8rem 0.9rem;
    border-radius: 0.5rem;
    border: 1px dashed var(--office-border);
    background: var(--office-surface);
    color: var(--office-muted);
    font-weight: 700;
}

.office-notice-form-preview-actions[b-ecmi18k4p1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.office-notice-form-preview-actions > span[b-ecmi18k4p1] {
    color: var(--office-muted);
    font-weight: 700;
}

.office-notice-form-preview-list[b-ecmi18k4p1] {
    display: grid;
    max-height: 14rem;
    overflow-y: auto;
    border-radius: 0.5rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface);
}

.office-notice-form-preview-list > span[b-ecmi18k4p1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid var(--office-border);
    color: var(--office-foreground);
    font-weight: 700;
}

.office-notice-form-preview-list > span:last-child[b-ecmi18k4p1] {
    border-bottom: 0;
}

.office-notice-form-preview-list small[b-ecmi18k4p1] {
    color: var(--office-muted);
    font-weight: 600;
}

.office-notice-form-actions[b-ecmi18k4p1] {
    position: relative;
    overflow: visible;
    padding: 1rem 1.1rem;
    border-top: 1px solid var(--office-border);
}

.office-notice-form-schedule-action[b-ecmi18k4p1] {
    position: relative;
    display: inline-flex;
}

.office-notice-form-schedule-popover[b-ecmi18k4p1] {
    position: absolute;
    right: 0;
    bottom: calc(100% + 0.65rem);
    z-index: 30;
    display: grid;
    gap: 0.75rem;
    width: min(32rem, calc(100vw - 2rem));
    padding: 0.95rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.18);
}

.office-notice-form-schedule-popover[b-ecmi18k4p1]::after {
    content: "";
    position: absolute;
    right: 2rem;
    top: 100%;
    width: 0.75rem;
    height: 0.75rem;
    border-right: 1px solid var(--office-border);
    border-bottom: 1px solid var(--office-border);
    background: var(--office-surface);
    transform: translateY(-50%) rotate(45deg);
}

.office-notice-form-schedule-popover-actions[b-ecmi18k4p1] {
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
}

.office-notice-form-schedule-mode[b-ecmi18k4p1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.office-notice-form-schedule-mode label[b-ecmi18k4p1] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.5rem;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font-weight: 700;
    cursor: pointer;
}

.office-notice-form-schedule-mode label.active[b-ecmi18k4p1] {
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.12);
}

.office-notice-form-schedule-mode input[b-ecmi18k4p1] {
    width: 1rem;
    height: 1rem;
    margin: 0;
    accent-color: var(--office-primary);
}

.office-notice-form-recurrence-grid[b-ecmi18k4p1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.office-notice-form-recurrence-end[b-ecmi18k4p1] {
    grid-column: 1 / -1;
}

.office-notice-form-schedule-note[b-ecmi18k4p1] {
    color: var(--office-muted);
    font-weight: 700;
    line-height: 1.4;
}

.office-notice-form-side[b-ecmi18k4p1] {
    display: grid;
    gap: 1rem;
}

.office-notice-form-metric-card[b-ecmi18k4p1] {
    display: grid;
    gap: 0.3rem;
    padding: 1rem;
}

.office-notice-form-metric-card strong[b-ecmi18k4p1] {
    color: var(--office-foreground);
    font-size: 1.45rem;
}

.office-notice-form-metric-action[b-ecmi18k4p1] {
    justify-self: start;
    min-height: 2.25rem;
    margin-top: 0.55rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: transparent;
    color: var(--office-foreground);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.office-notice-form-metric-action:hover[b-ecmi18k4p1] {
    border-color: var(--office-primary);
    color: var(--office-primary);
}

.office-notice-form-status[b-ecmi18k4p1],
.office-notice-form-read-status[b-ecmi18k4p1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.9rem;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.office-notice-form-status.draft[b-ecmi18k4p1] {
    border-color: #fdba74;
    background: #ffedd5;
    color: #c2410c;
}

.office-notice-form-status.published[b-ecmi18k4p1],
.office-notice-form-read-status.read[b-ecmi18k4p1] {
    border-color: #5eead4;
    background: #ccfbf1;
    color: #0f766e;
}

.office-notice-form-status.recurring[b-ecmi18k4p1] {
    border-color: #a7f3d0;
    background: #d1fae5;
    color: #047857;
}

.office-notice-form-status.archived[b-ecmi18k4p1],
.office-notice-form-read-status.unread[b-ecmi18k4p1] {
    border-color: #cbd5e1;
    background: #f1f5f9;
    color: #475569;
}

.office-notice-form-empty[b-ecmi18k4p1] {
    padding: 1.5rem 1.1rem;
}

.office-notice-form-modal-backdrop[b-ecmi18k4p1] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.48);
}

.office-notice-form-modal[b-ecmi18k4p1] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(44rem, 100%);
    max-height: min(42rem, calc(100vh - 2rem));
    overflow: hidden;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.28);
}

.office-notice-form-modal-header[b-ecmi18k4p1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-notice-form-modal-header h2[b-ecmi18k4p1] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.15rem;
    font-weight: 700;
}

.office-notice-form-modal-header span[b-ecmi18k4p1] {
    display: block;
    margin-top: 0.25rem;
    color: var(--office-muted);
    font-size: 0.86rem;
    font-weight: 700;
}

.office-notice-form-modal-close[b-ecmi18k4p1] {
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: transparent;
    color: var(--office-foreground);
    font: inherit;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
}

.office-notice-form-modal-body[b-ecmi18k4p1] {
    display: grid;
    gap: 1rem;
    padding: 1rem 1.1rem;
    overflow-y: auto;
}

.office-notice-form-read-results[b-ecmi18k4p1] {
    display: grid;
    gap: 0.65rem;
}

.office-notice-form-read-result[b-ecmi18k4p1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface-muted);
}

.office-notice-form-read-result div[b-ecmi18k4p1] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.office-notice-form-read-result strong[b-ecmi18k4p1] {
    color: var(--office-foreground);
    overflow-wrap: anywhere;
}

.office-notice-form-read-result small[b-ecmi18k4p1] {
    color: var(--office-muted);
    font-weight: 600;
}

@media (max-width: 980px) {
    .office-notice-form-header[b-ecmi18k4p1],
    .office-notice-form-card-header[b-ecmi18k4p1] {
        flex-direction: column;
        align-items: stretch;
    }

    .office-notice-form-grid[b-ecmi18k4p1] {
        grid-template-columns: 1fr;
    }

    .office-notice-form-side[b-ecmi18k4p1] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .office-notice-form-header-actions[b-ecmi18k4p1],
    .office-notice-form-actions[b-ecmi18k4p1],
    .office-notice-form-segmented[b-ecmi18k4p1],
    .office-notice-form-tax-regimes[b-ecmi18k4p1] {
        align-items: stretch;
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    .office-notice-form-schedule-action[b-ecmi18k4p1],
    .office-notice-form-schedule-action > .office-notice-form-schedule-button[b-ecmi18k4p1] {
        width: 100%;
    }

    .office-notice-form-schedule-popover[b-ecmi18k4p1] {
        right: 0;
        left: 0;
        width: 100%;
    }

    .office-notice-form-fields[b-ecmi18k4p1],
    .office-notice-form-side[b-ecmi18k4p1] {
        grid-template-columns: 1fr;
    }

    .office-notice-form-read-result[b-ecmi18k4p1] {
        align-items: flex-start;
        flex-direction: column;
    }
}

:global(.office-theme-dark) .office-notice-form-status.draft[b-ecmi18k4p1] {
    border-color: rgba(251, 146, 60, 0.34);
    background: rgba(251, 146, 60, 0.12);
    color: #fdba74;
}

:global(.office-theme-dark) .office-notice-form-status.published[b-ecmi18k4p1],
:global(.office-theme-dark) .office-notice-form-read-status.read[b-ecmi18k4p1] {
    border-color: rgba(20, 184, 166, 0.34);
    background: rgba(20, 184, 166, 0.12);
    color: #5eead4;
}

:global(.office-theme-dark) .office-notice-form-status.recurring[b-ecmi18k4p1] {
    border-color: rgba(16, 185, 129, 0.34);
    background: rgba(16, 185, 129, 0.12);
    color: #6ee7b7;
}

:global(.office-theme-dark) .office-notice-form-status.archived[b-ecmi18k4p1],
:global(.office-theme-dark) .office-notice-form-read-status.unread[b-ecmi18k4p1] {
    border-color: rgba(148, 163, 184, 0.34);
    background: rgba(148, 163, 184, 0.12);
    color: #cbd5e1;
}

:global(.office-theme-dark) .office-notice-form-schedule-button[b-ecmi18k4p1] {
    border-color: rgba(251, 191, 36, 0.34);
    background: rgba(251, 191, 36, 0.12);
    color: #fbbf24;
}

:global(.office-theme-dark) .office-notice-form-schedule-button:hover[b-ecmi18k4p1] {
    border-color: rgba(251, 191, 36, 0.56);
    background: rgba(251, 191, 36, 0.18);
}

:global(.office-theme-dark) .office-notice-form-selected-recipient[b-ecmi18k4p1] {
    border-color: rgba(96, 165, 250, 0.32);
    background: rgba(96, 165, 250, 0.12);
}

:global(.office-theme-dark) .office-notice-form-selected-recipient button[b-ecmi18k4p1] {
    border-left-color: rgba(96, 165, 250, 0.22);
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeNotices.razor.rz.scp.css */
.office-notices-page[b-o3xc14q9pc] {
    display: grid;
    gap: 1rem;
}

.office-notices-loading[b-o3xc14q9pc],
.office-notices-header[b-o3xc14q9pc],
.office-notices-toolbar[b-o3xc14q9pc],
.office-notices-table-card[b-o3xc14q9pc] {
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-notices-loading[b-o3xc14q9pc] {
    padding: 1.2rem;
    border-radius: 0.5rem;
    color: var(--office-muted);
}

.office-notices-header[b-o3xc14q9pc] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.5rem;
}

.office-notices-header span[b-o3xc14q9pc] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-notices-header h1[b-o3xc14q9pc],
.office-notices-table-header h2[b-o3xc14q9pc] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.55rem;
    font-weight: 700;
}

.office-notices-header p[b-o3xc14q9pc],
.office-notices-empty[b-o3xc14q9pc],
.office-notices-main-cell span[b-o3xc14q9pc],
.office-notices-table-header span[b-o3xc14q9pc],
.office-notices-pagination[b-o3xc14q9pc] {
    color: var(--office-muted);
}

.office-notices-header p[b-o3xc14q9pc] {
    margin: 0.45rem 0 0;
    max-width: 48rem;
}

.office-notices-header-actions[b-o3xc14q9pc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-shrink: 0;
}

.office-notices-primary-button[b-o3xc14q9pc],
.office-notices-secondary-button[b-o3xc14q9pc],
.office-notices-action-button[b-o3xc14q9pc],
.office-notices-danger-button[b-o3xc14q9pc] {
    min-height: 2.75rem;
    border: 1px solid transparent;
    border-radius: 0.45rem;
    padding: 0.7rem 1rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.office-notices-primary-button[b-o3xc14q9pc] {
    background: var(--office-primary);
    color: var(--office-primary-foreground);
}

.office-notices-secondary-button[b-o3xc14q9pc],
.office-notices-action-button[b-o3xc14q9pc] {
    border-color: var(--office-border);
    background: transparent;
    color: var(--office-foreground);
}

.office-notices-recurring-button[b-o3xc14q9pc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.45rem;
    border: 1px solid #0838f9;
    border-radius: 999px;
    padding: 0.45rem 1.15rem;
    background: transparent;
    color: #0838f9;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}

.office-notices-recurring-button:hover[b-o3xc14q9pc] {
    background: rgba(8, 56, 249, 0.06);
}

.office-notices-danger-button[b-o3xc14q9pc] {
    border-color: rgba(239, 68, 68, 0.24);
    background: rgba(239, 68, 68, 0.08);
    color: #b91c1c;
}

.office-notices-primary-button:disabled[b-o3xc14q9pc],
.office-notices-secondary-button:disabled[b-o3xc14q9pc],
.office-notices-action-button:disabled[b-o3xc14q9pc],
.office-notices-danger-button:disabled[b-o3xc14q9pc],
.office-notices-recurring-button:disabled[b-o3xc14q9pc] {
    opacity: 0.6;
    cursor: not-allowed;
}

.office-notices-toolbar[b-o3xc14q9pc] {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) minmax(10rem, 12rem) minmax(10rem, 12rem) auto;
    align-items: end;
    column-gap: 1rem;
    row-gap: 1rem;
    padding: 1.1rem;
    border-radius: 0.5rem;
}

.office-notices-toolbar label[b-o3xc14q9pc] {
    display: grid;
    gap: 0.5rem;
    min-width: 0;
}

.office-notices-toolbar label span[b-o3xc14q9pc] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 700;
}

.office-notices-toolbar input[b-o3xc14q9pc],
.office-notices-toolbar select[b-o3xc14q9pc],
.office-notices-filter-panel input[b-o3xc14q9pc],
.office-notices-filter-panel select[b-o3xc14q9pc] {
    width: 100%;
    height: 3.1rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.45rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
}

.office-notices-toolbar input:focus[b-o3xc14q9pc],
.office-notices-toolbar select:focus[b-o3xc14q9pc],
.office-notices-filter-panel input:focus[b-o3xc14q9pc],
.office-notices-filter-panel select:focus[b-o3xc14q9pc] {
    outline: none;
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.15);
}

.office-notices-toolbar-actions[b-o3xc14q9pc],
.office-notices-actions[b-o3xc14q9pc],
.office-notices-pagination > div[b-o3xc14q9pc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.office-notices-actions[b-o3xc14q9pc] {
    justify-content: flex-end;
    position: relative;
}

.office-notices-toolbar-actions[b-o3xc14q9pc] {
    align-items: flex-end;
    gap: 0.75rem;
    padding-top: 1.7rem;
}

.office-notices-toolbar-actions .office-notices-secondary-button[b-o3xc14q9pc] {
    height: 3.1rem;
    min-width: 5.45rem;
    padding: 0 1.05rem;
}

.office-notices-advanced-filter-button[b-o3xc14q9pc] {
    min-width: 9.8rem;
}

.office-notices-filter-overlay[b-o3xc14q9pc] {
    position: fixed;
    inset: 0;
    z-index: 160;
    background: rgba(15, 23, 42, 0.42);
}

.office-notices-filter-panel[b-o3xc14q9pc],
.office-notices-recurring-drawer[b-o3xc14q9pc] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 170;
    display: grid;
    grid-template-rows: auto 1fr auto;
    width: min(26rem, calc(100vw - 1.5rem));
    background: var(--office-surface);
    border-left: 1px solid var(--office-border);
    box-shadow: -24px 0 54px rgba(15, 23, 42, 0.18);
}

.office-notices-recurring-drawer[b-o3xc14q9pc] {
    grid-template-rows: auto 1fr;
    width: min(32rem, calc(100vw - 1.5rem));
}

.office-notices-filter-panel header[b-o3xc14q9pc],
.office-notices-filter-panel footer[b-o3xc14q9pc],
.office-notices-recurring-drawer header[b-o3xc14q9pc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem;
}

.office-notices-filter-panel header[b-o3xc14q9pc],
.office-notices-recurring-drawer header[b-o3xc14q9pc] {
    border-bottom: 1px solid var(--office-border);
}

.office-notices-filter-panel footer[b-o3xc14q9pc] {
    border-top: 1px solid var(--office-border);
}

.office-notices-filter-panel header span[b-o3xc14q9pc],
.office-notices-recurring-drawer header span[b-o3xc14q9pc] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-notices-filter-panel h2[b-o3xc14q9pc],
.office-notices-recurring-drawer h2[b-o3xc14q9pc] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.15rem;
}

.office-notices-icon-button[b-o3xc14q9pc] {
    display: inline-grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
}

.office-notices-filter-panel-fields[b-o3xc14q9pc] {
    display: grid;
    align-content: start;
    gap: 1rem;
    padding: 1.1rem;
    overflow-y: auto;
}

.office-notices-filter-panel label[b-o3xc14q9pc] {
    display: grid;
    gap: 0.5rem;
}

.office-notices-filter-panel label span[b-o3xc14q9pc] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 700;
}

.office-notices-table-card[b-o3xc14q9pc] {
    border-radius: 0.5rem;
    overflow: visible;
}

.office-notices-table-header[b-o3xc14q9pc],
.office-notices-pagination[b-o3xc14q9pc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-notices-table-header h2[b-o3xc14q9pc] {
    font-size: 1rem;
}

.office-notices-table-header > div:first-child[b-o3xc14q9pc] {
    display: grid;
    gap: 0.2rem;
}

.office-notices-table-header-actions[b-o3xc14q9pc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.85rem;
}

.office-notices-empty[b-o3xc14q9pc] {
    padding: 1.5rem 1.1rem;
}

.office-notices-table-wrap[b-o3xc14q9pc] {
    overflow-x: auto;
}

.office-notices-table[b-o3xc14q9pc] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.office-notices-table th[b-o3xc14q9pc],
.office-notices-table td[b-o3xc14q9pc] {
    padding: 0.85rem 0.8rem;
    text-align: left;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
    vertical-align: middle;
}

.office-notices-table th[b-o3xc14q9pc] {
    color: var(--office-muted);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.office-notices-table .office-notices-number-column[b-o3xc14q9pc],
.office-notices-table .office-notices-number-cell[b-o3xc14q9pc] {
    text-align: center;
}

.office-notices-table th:nth-child(1)[b-o3xc14q9pc],
.office-notices-table td:nth-child(1)[b-o3xc14q9pc] {
    width: 30%;
}

.office-notices-table th:nth-child(2)[b-o3xc14q9pc],
.office-notices-table td:nth-child(2)[b-o3xc14q9pc] {
    width: 12%;
}

.office-notices-table th:nth-child(3)[b-o3xc14q9pc],
.office-notices-table td:nth-child(3)[b-o3xc14q9pc] {
    width: 12%;
}

.office-notices-table th:nth-child(4)[b-o3xc14q9pc],
.office-notices-table td:nth-child(4)[b-o3xc14q9pc] {
    width: 9%;
}

.office-notices-table th:nth-child(5)[b-o3xc14q9pc],
.office-notices-table td:nth-child(5)[b-o3xc14q9pc] {
    width: 15%;
}

.office-notices-table th:nth-child(6)[b-o3xc14q9pc],
.office-notices-table td:nth-child(6)[b-o3xc14q9pc] {
    width: 14%;
}

.office-notices-table th:nth-child(7)[b-o3xc14q9pc],
.office-notices-table td:nth-child(7)[b-o3xc14q9pc] {
    width: 8%;
}

.office-notices-main-cell[b-o3xc14q9pc] {
    display: grid;
    gap: 0.25rem;
}

.office-notices-main-cell strong[b-o3xc14q9pc] {
    color: var(--office-foreground);
    overflow-wrap: anywhere;
}

.office-notices-status[b-o3xc14q9pc],
.office-notices-priority[b-o3xc14q9pc],
.office-notices-dispatch[b-o3xc14q9pc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.9rem;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.office-notices-status.draft[b-o3xc14q9pc] {
    border-color: #fdba74;
    background: #ffedd5;
    color: #c2410c;
}

.office-notices-status.published[b-o3xc14q9pc] {
    border-color: #5eead4;
    background: #ccfbf1;
    color: #0f766e;
}

.office-notices-status.recurring[b-o3xc14q9pc] {
    border-color: #fdba74;
    background: #ffedd5;
    color: #c2410c;
}

.office-notices-status.archived[b-o3xc14q9pc] {
    border-color: #cbd5e1;
    background: #f1f5f9;
    color: #475569;
}

.office-notices-priority.normal[b-o3xc14q9pc] {
    background: var(--office-surface-muted);
    color: var(--office-muted);
}

.office-notices-priority.important[b-o3xc14q9pc] {
    border-color: #93c5fd;
    background: #dbeafe;
    color: #1d4ed8;
}

.office-notices-priority.urgent[b-o3xc14q9pc] {
    border-color: #fca5a5;
    background: #fee2e2;
    color: #b91c1c;
}

.office-notices-dispatch.pending[b-o3xc14q9pc] {
    border-color: #93c5fd;
    background: #dbeafe;
    color: #1d4ed8;
}

.office-notices-dispatch.processing[b-o3xc14q9pc] {
    border-color: #67e8f9;
    background: #cffafe;
    color: #0e7490;
}

.office-notices-dispatch.completed[b-o3xc14q9pc] {
    border-color: #86efac;
    background: #dcfce7;
    color: #15803d;
}

.office-notices-dispatch.failed[b-o3xc14q9pc] {
    border-color: #fca5a5;
    background: #fee2e2;
    color: #b91c1c;
}

.office-notices-dispatch.unknown[b-o3xc14q9pc] {
    background: var(--office-surface-muted);
    color: var(--office-muted);
}

.office-notices-recurring-list[b-o3xc14q9pc] {
    display: grid;
    align-content: start;
    gap: 0.75rem;
    max-height: min(calc(100vh - 3.5rem), 52rem);
    padding: 1rem;
    overflow-y: auto;
}

.office-notices-recurring-card-item[b-o3xc14q9pc] {
    position: relative;
    display: grid;
    gap: 0.55rem;
    padding: 0.9rem 3.15rem 0.9rem 0.9rem;
    border: 1px solid var(--office-border);
    border-radius: 0.75rem;
    background: var(--office-surface-muted);
}

.office-notices-recurring-tags[b-o3xc14q9pc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.office-notices-recurring-tag[b-o3xc14q9pc] {
    display: inline-flex;
    align-items: center;
    min-height: 1.35rem;
    border-radius: 999px;
    padding: 0.2rem 0.48rem;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    text-transform: lowercase;
}

.office-notices-recurring-tag.audience[b-o3xc14q9pc] {
    background: rgba(8, 56, 249, 0.1);
    color: #0838f9;
}

.office-notices-recurring-tag.priority.normal[b-o3xc14q9pc] {
    background: rgba(100, 116, 139, 0.12);
    color: var(--office-muted);
}

.office-notices-recurring-tag.priority.important[b-o3xc14q9pc] {
    background: #dbeafe;
    color: #1d4ed8;
}

.office-notices-recurring-tag.priority.urgent[b-o3xc14q9pc] {
    background: #fee2e2;
    color: #b91c1c;
}

.office-notices-recurring-card-item h3[b-o3xc14q9pc] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.28;
    overflow-wrap: anywhere;
}

.office-notices-recurring-card-item p[b-o3xc14q9pc] {
    margin: 0;
    color: var(--office-muted);
    font-size: 0.82rem;
    line-height: 1.35;
}

.office-notices-recurring-footer[b-o3xc14q9pc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem 0.7rem;
}

.office-notices-recurring-date[b-o3xc14q9pc],
.office-notices-recurring-protocol[b-o3xc14q9pc] {
    color: var(--office-muted);
    font-size: 0.76rem;
    font-weight: 700;
}

.office-notices-recurring-actions[b-o3xc14q9pc] {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
}

.office-notices-pagination[b-o3xc14q9pc] {
    border-top: 1px solid var(--office-border);
    border-bottom: 0;
}

@media (max-width: 1180px) {
    .office-notices-toolbar[b-o3xc14q9pc] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .office-notices-toolbar-actions[b-o3xc14q9pc] {
        grid-column: 1 / -1;
        padding-top: 0;
    }

}

@media (max-width: 760px) {
    .office-notices-header[b-o3xc14q9pc],
    .office-notices-table-header[b-o3xc14q9pc],
    .office-notices-pagination[b-o3xc14q9pc] {
        flex-direction: column;
        align-items: stretch;
    }

    .office-notices-toolbar[b-o3xc14q9pc] {
        grid-template-columns: 1fr;
    }

    .office-notices-toolbar-actions[b-o3xc14q9pc] {
        align-items: stretch;
        flex-direction: column;
    }

    .office-notices-header-actions[b-o3xc14q9pc] {
        align-items: stretch;
        flex-direction: column;
    }

    .office-notices-table-header-actions[b-o3xc14q9pc] {
        align-items: stretch;
        flex-direction: column;
    }

    .office-notices-toolbar-actions .office-notices-secondary-button[b-o3xc14q9pc],
    .office-notices-header-actions .office-notices-secondary-button[b-o3xc14q9pc],
    .office-notices-header-actions .office-notices-primary-button[b-o3xc14q9pc],
    .office-notices-recurring-button[b-o3xc14q9pc],
    .office-notices-advanced-filter-button[b-o3xc14q9pc] {
        width: 100%;
    }

    .office-notices-filter-panel footer[b-o3xc14q9pc] {
        display: grid;
        grid-template-columns: 1fr;
    }

}

:global(.office-theme-dark) .office-notices-status.draft[b-o3xc14q9pc] {
    border-color: rgba(251, 146, 60, 0.34);
    background: rgba(251, 146, 60, 0.12);
    color: #fdba74;
}

:global(.office-theme-dark) .office-notices-status.published[b-o3xc14q9pc] {
    border-color: rgba(20, 184, 166, 0.34);
    background: rgba(20, 184, 166, 0.12);
    color: #5eead4;
}

:global(.office-theme-dark) .office-notices-status.recurring[b-o3xc14q9pc] {
    border-color: rgba(251, 146, 60, 0.34);
    background: rgba(251, 146, 60, 0.12);
    color: #fdba74;
}

:global(.office-theme-dark) .office-notices-status.archived[b-o3xc14q9pc] {
    border-color: rgba(148, 163, 184, 0.34);
    background: rgba(148, 163, 184, 0.12);
    color: #cbd5e1;
}

:global(.office-theme-dark) .office-notices-recurring-card-item[b-o3xc14q9pc] {
    background: rgba(255, 255, 255, 0.03);
}

:global(.office-theme-dark) .office-notices-recurring-tag.audience[b-o3xc14q9pc] {
    background: rgba(8, 56, 249, 0.18);
    color: #8ea2ff;
}

:global(.office-theme-dark) .office-notices-recurring-tag.priority.normal[b-o3xc14q9pc] {
    background: rgba(148, 163, 184, 0.12);
    color: #cbd5e1;
}

:global(.office-theme-dark) .office-notices-recurring-tag.priority.important[b-o3xc14q9pc] {
    background: rgba(59, 130, 246, 0.16);
    color: #93c5fd;
}

:global(.office-theme-dark) .office-notices-recurring-tag.priority.urgent[b-o3xc14q9pc] {
    background: rgba(239, 68, 68, 0.16);
    color: #fca5a5;
}

:global(.office-theme-dark) .office-notices-priority.important[b-o3xc14q9pc] {
    border-color: rgba(59, 130, 246, 0.34);
    background: rgba(59, 130, 246, 0.12);
    color: #93c5fd;
}

:global(.office-theme-dark) .office-notices-priority.urgent[b-o3xc14q9pc] {
    border-color: rgba(239, 68, 68, 0.34);
    background: rgba(239, 68, 68, 0.12);
    color: #fca5a5;
}

:global(.office-theme-dark) .office-notices-dispatch.pending[b-o3xc14q9pc] {
    border-color: rgba(59, 130, 246, 0.34);
    background: rgba(59, 130, 246, 0.12);
    color: #93c5fd;
}

:global(.office-theme-dark) .office-notices-dispatch.processing[b-o3xc14q9pc] {
    border-color: rgba(6, 182, 212, 0.34);
    background: rgba(6, 182, 212, 0.12);
    color: #67e8f9;
}

:global(.office-theme-dark) .office-notices-dispatch.completed[b-o3xc14q9pc] {
    border-color: rgba(34, 197, 94, 0.34);
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
}

:global(.office-theme-dark) .office-notices-dispatch.failed[b-o3xc14q9pc] {
    border-color: rgba(239, 68, 68, 0.34);
    background: rgba(239, 68, 68, 0.12);
    color: #fca5a5;
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficePlaceholderPage.razor.rz.scp.css */
.office-placeholder-page[b-50hgzk1mrz] {
    display: grid;
    gap: 1rem;
    width: min(980px, 100%);
    margin: 0;
}

.office-placeholder-page header[b-50hgzk1mrz] {
    display: grid;
    gap: 0.4rem;
}

.office-placeholder-page header span[b-50hgzk1mrz] {
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-placeholder-page h1[b-50hgzk1mrz] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.55rem;
    font-weight: 700;
    letter-spacing: 0;
}

.office-placeholder-page p[b-50hgzk1mrz] {
    max-width: 620px;
    margin: 0;
    color: var(--office-muted);
}

.office-placeholder-page section[b-50hgzk1mrz] {
    display: grid;
    gap: 0.35rem;
    padding: 1.25rem;
    border-radius: 0.5rem;
    background: var(--office-surface);
    border: 1px solid var(--office-border);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-placeholder-page section strong[b-50hgzk1mrz] {
    color: var(--office-foreground);
}

.office-placeholder-page section span[b-50hgzk1mrz] {
    color: var(--office-muted);
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficePortalUsers.razor.rz.scp.css */
.office-portal-access-page[b-a8fqtrhrun] {
    display: grid;
    gap: 1rem;
    color: var(--office-foreground);
}

.office-portal-access-loading[b-a8fqtrhrun],
.office-portal-access-header[b-a8fqtrhrun],
.office-portal-access-selector-card[b-a8fqtrhrun],
.office-portal-access-form-card[b-a8fqtrhrun],
.office-portal-access-table-card[b-a8fqtrhrun] {
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-portal-access-loading[b-a8fqtrhrun],
.office-portal-access-empty[b-a8fqtrhrun] {
    padding: 1.25rem;
    color: var(--office-muted);
}

.office-portal-access-header[b-a8fqtrhrun] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
}

.office-portal-access-header span[b-a8fqtrhrun] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-portal-access-header h1[b-a8fqtrhrun] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1.55rem;
    font-weight: 700;
}

.office-portal-access-header p[b-a8fqtrhrun] {
    margin: 0.45rem 0 0;
    max-width: 48rem;
    color: var(--office-muted);
}

.office-portal-access-result-banner[b-a8fqtrhrun] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--office-feedback-info-border);
    border-radius: 0.5rem;
    background: var(--office-feedback-info-bg);
    color: var(--office-feedback-info-text);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-portal-access-result-banner div[b-a8fqtrhrun] {
    display: grid;
    gap: 0.25rem;
}

.office-portal-access-result-banner strong[b-a8fqtrhrun] {
    color: var(--office-foreground);
}

.office-portal-access-result-banner span[b-a8fqtrhrun] {
    color: inherit;
    opacity: 0.86;
    font-size: 0.9rem;
}

.office-portal-access-selector-card[b-a8fqtrhrun] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.office-portal-access-selector-grid[b-a8fqtrhrun] {
    display: grid;
    grid-template-columns: minmax(16rem, 1fr) auto;
    align-items: end;
    gap: 0.85rem;
}

.office-portal-access-selector-actions[b-a8fqtrhrun] {
    display: flex;
    gap: 0.5rem;
}

.office-portal-access-card-header[b-a8fqtrhrun] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-portal-access-card-header h2[b-a8fqtrhrun] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1rem;
}

.office-portal-access-card-header span[b-a8fqtrhrun] {
    display: block;
    margin-top: 0.3rem;
    color: var(--office-muted);
    font-size: 0.92rem;
}

.office-portal-access-pagination[b-a8fqtrhrun] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border-top: 1px solid var(--office-border);
    color: var(--office-muted);
    font-size: 0.9rem;
}

.office-portal-access-pagination div[b-a8fqtrhrun] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.office-portal-access-form-grid[b-a8fqtrhrun] {
    display: grid;
    grid-template-columns: minmax(10rem, 1.1fr) minmax(12rem, 1.2fr) minmax(8rem, 0.7fr) auto;
    align-items: start;
    gap: 0.85rem;
    padding: 1rem;
}

.office-portal-access-field[b-a8fqtrhrun] {
    display: grid;
    gap: 0.5rem;
}

.office-portal-access-field span[b-a8fqtrhrun] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 700;
}

.office-portal-access-field input[b-a8fqtrhrun],
.office-portal-access-field select[b-a8fqtrhrun],
.office-portal-access-field[b-a8fqtrhrun]  .office-portal-access-input {
    width: 100%;
    min-height: 2.85rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background: var(--office-surface);
    color: var(--office-foreground);
    font: inherit;
}

.office-portal-access-field input:focus[b-a8fqtrhrun],
.office-portal-access-field select:focus[b-a8fqtrhrun],
.office-portal-access-field[b-a8fqtrhrun]  .office-portal-access-input:focus,
.office-portal-access-field[b-a8fqtrhrun]  .office-portal-access-input:focus-visible {
    outline: none;
    border-color: var(--office-primary);
    box-shadow: 0 0 0 2px rgba(0, 42, 186, 0.15);
}

.office-portal-access-field[b-a8fqtrhrun]  .validation-message {
    color: var(--office-feedback-error-strong);
    font-size: 0.85rem;
    font-weight: 700;
    line-height: 1.35;
}

.office-portal-access-field-error[b-a8fqtrhrun] {
    color: var(--office-feedback-error-strong);
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.35;
}

.office-portal-access-form-submit[b-a8fqtrhrun] {
    align-self: end;
}

.office-portal-access-primary-button[b-a8fqtrhrun],
.office-portal-access-secondary-button[b-a8fqtrhrun] {
    min-height: 2.5rem;
    border: 1px solid transparent;
    border-radius: 0.45rem;
    padding: 0.65rem 0.9rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.office-portal-access-primary-button[b-a8fqtrhrun] {
    background: var(--office-primary);
    color: var(--office-primary-foreground);
}

.office-portal-access-secondary-button[b-a8fqtrhrun] {
    border-color: var(--office-border);
    background: transparent;
    color: var(--office-foreground);
}

.office-portal-access-primary-button:disabled[b-a8fqtrhrun],
.office-portal-access-secondary-button:disabled[b-a8fqtrhrun] {
    opacity: 0.6;
    cursor: not-allowed;
}

.office-portal-access-table-card[b-a8fqtrhrun] {
    overflow: visible;
}

.office-portal-access-table-wrap[b-a8fqtrhrun] {
    overflow: visible;
}

.office-portal-access-table[b-a8fqtrhrun] {
    width: 100%;
    border-collapse: collapse;
}

.office-portal-access-table th[b-a8fqtrhrun],
.office-portal-access-table td[b-a8fqtrhrun] {
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid var(--office-border);
    text-align: left;
    vertical-align: middle;
}

.office-portal-access-table th[b-a8fqtrhrun] {
    color: var(--office-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-portal-access-table td[b-a8fqtrhrun] {
    color: var(--office-foreground);
}

.office-portal-access-table tbody tr:hover[b-a8fqtrhrun] {
    background: var(--office-hover);
}

.office-portal-access-main-cell[b-a8fqtrhrun],
.office-portal-access-muted-cell[b-a8fqtrhrun] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.office-portal-access-main-cell strong[b-a8fqtrhrun],
.office-portal-access-muted-cell strong[b-a8fqtrhrun] {
    color: var(--office-foreground);
    font-size: 0.92rem;
    line-height: 1.35;
}

.office-portal-access-main-cell span[b-a8fqtrhrun],
.office-portal-access-muted-cell span[b-a8fqtrhrun] {
    color: var(--office-muted);
    font-size: 0.86rem;
    line-height: 1.35;
}

.office-portal-access-status[b-a8fqtrhrun] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0 0.65rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

.office-portal-access-status.active[b-a8fqtrhrun] {
    color: #12563c;
    background: #c9f7df;
}

.office-portal-access-status.inactive[b-a8fqtrhrun] {
    color: #7f1d1d;
    background: #fee2e2;
}

@media (max-width: 1100px) {
    .office-portal-access-form-grid[b-a8fqtrhrun] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .office-portal-access-form-submit[b-a8fqtrhrun] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .office-portal-access-header[b-a8fqtrhrun],
    .office-portal-access-result-banner[b-a8fqtrhrun],
    .office-portal-access-card-header[b-a8fqtrhrun],
    .office-portal-access-pagination[b-a8fqtrhrun],
    .office-portal-access-selector-grid[b-a8fqtrhrun],
    .office-portal-access-selector-actions[b-a8fqtrhrun] {
        display: grid;
        align-items: stretch;
    }

    .office-portal-access-pagination div[b-a8fqtrhrun] {
        display: grid;
        align-items: stretch;
    }

    .office-portal-access-form-grid[b-a8fqtrhrun] {
        grid-template-columns: 1fr;
    }

    .office-portal-access-table th[b-a8fqtrhrun],
    .office-portal-access-table td[b-a8fqtrhrun] {
        padding: 0.7rem;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeProtocols.razor.rz.scp.css */
.office-protocols-loading[b-hwdxj1m3wc],
.office-protocols-empty[b-hwdxj1m3wc],
.office-protocols-detail-empty[b-hwdxj1m3wc] {
    color: var(--office-muted);
    padding: 24px;
}

.office-protocols-page[b-hwdxj1m3wc] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 0;
}

.office-protocols-header[b-hwdxj1m3wc],
.office-protocols-toolbar[b-hwdxj1m3wc],
.office-protocols-list[b-hwdxj1m3wc],
.office-protocols-detail[b-hwdxj1m3wc] {
    background: var(--office-surface);
    border: 1px solid var(--office-border);
    border-radius: 8px;
}

.office-protocols-header[b-hwdxj1m3wc] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 18px;
}

.office-protocols-header span[b-hwdxj1m3wc],
.office-protocols-toolbar span[b-hwdxj1m3wc],
.office-protocols-list-header span[b-hwdxj1m3wc],
.office-protocols-detail header span[b-hwdxj1m3wc] {
    color: var(--office-primary);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.office-protocols-header h1[b-hwdxj1m3wc],
.office-protocols-list-header h2[b-hwdxj1m3wc],
.office-protocols-detail h2[b-hwdxj1m3wc] {
    color: var(--office-foreground);
    margin: 0;
}

.office-protocols-header p[b-hwdxj1m3wc],
.office-protocols-detail p[b-hwdxj1m3wc] {
    color: var(--office-muted);
    margin: 6px 0 0;
}

.office-protocols-toolbar[b-hwdxj1m3wc] {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(180px, 1fr) 150px 130px 150px 145px 145px auto;
    padding: 16px;
}

.office-protocols-toolbar label[b-hwdxj1m3wc] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.office-protocols-toolbar input[b-hwdxj1m3wc],
.office-protocols-toolbar select[b-hwdxj1m3wc] {
    background: var(--office-surface-muted);
    border: 1px solid var(--office-border);
    border-radius: 6px;
    color: var(--office-foreground);
    min-height: 40px;
    padding: 0 10px;
}

.office-protocols-toolbar-actions[b-hwdxj1m3wc],
.office-protocols-pagination[b-hwdxj1m3wc] {
    align-items: end;
    display: flex;
    gap: 8px;
}

.office-protocols-secondary-button[b-hwdxj1m3wc] {
    background: var(--office-surface-muted);
    border: 1px solid var(--office-border);
    border-radius: 6px;
    color: var(--office-foreground);
    min-height: 38px;
    padding: 0 12px;
}

.office-protocols-secondary-button:disabled[b-hwdxj1m3wc] {
    opacity: 0.55;
}

.office-protocols-error[b-hwdxj1m3wc] {
    background: color-mix(in srgb, #b91c1c 10%, var(--office-surface));
    border: 1px solid color-mix(in srgb, #b91c1c 30%, var(--office-border));
    border-radius: 8px;
    color: #b91c1c;
    padding: 12px 14px;
}

.office-protocols-shell[b-hwdxj1m3wc] {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr);
    min-height: 0;
}

.office-protocols-list[b-hwdxj1m3wc],
.office-protocols-detail[b-hwdxj1m3wc] {
    min-width: 0;
}

.office-protocols-list-header[b-hwdxj1m3wc],
.office-protocols-detail header[b-hwdxj1m3wc] {
    align-items: center;
    border-bottom: 1px solid var(--office-border);
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
}

.office-protocols-table[b-hwdxj1m3wc] {
    display: flex;
    flex-direction: column;
}

.office-protocols-row[b-hwdxj1m3wc] {
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--office-border);
    color: var(--office-foreground);
    display: grid;
    gap: 10px;
    grid-template-columns: 118px minmax(160px, 1fr) 110px 100px 126px 126px;
    min-height: 62px;
    padding: 10px 16px;
    text-align: left;
}

.office-protocols-row.selected[b-hwdxj1m3wc],
.office-protocols-row:hover[b-hwdxj1m3wc] {
    background: var(--office-hover);
}

.office-protocols-row span[b-hwdxj1m3wc] {
    align-self: center;
    min-width: 0;
}

.office-protocols-row strong[b-hwdxj1m3wc],
.office-protocols-row small[b-hwdxj1m3wc] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-protocols-row small[b-hwdxj1m3wc] {
    color: var(--office-muted);
    margin-top: 3px;
}

.office-protocols-number[b-hwdxj1m3wc] {
    color: var(--office-primary);
    font-weight: 800;
}

.office-protocols-status[b-hwdxj1m3wc] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    justify-content: center;
    padding: 6px 9px;
}

.office-protocols-status.open[b-hwdxj1m3wc] {
    background: color-mix(in srgb, #15803d 12%, transparent);
    color: #15803d;
}

.office-protocols-status.closed[b-hwdxj1m3wc] {
    background: color-mix(in srgb, var(--office-muted) 14%, transparent);
    color: var(--office-muted);
}

.office-protocols-pagination[b-hwdxj1m3wc] {
    justify-content: flex-end;
    padding: 12px 16px;
}

.office-protocols-detail[b-hwdxj1m3wc] {
    align-self: start;
    max-height: calc(100vh - 190px);
    overflow-y: auto;
}

.office-protocols-detail-meta[b-hwdxj1m3wc] {
    border-bottom: 1px solid var(--office-border);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 16px;
}

.office-protocols-detail-meta span:not(.office-protocols-status)[b-hwdxj1m3wc] {
    background: var(--office-surface-muted);
    border: 1px solid var(--office-border);
    border-radius: 999px;
    color: var(--office-muted);
    font-size: 0.78rem;
    padding: 6px 9px;
}

.office-protocols-messages[b-hwdxj1m3wc] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
}

.office-protocols-message[b-hwdxj1m3wc] {
    border: 1px solid var(--office-border);
    border-radius: 8px;
    padding: 10px 12px;
}

.office-protocols-message.outbound[b-hwdxj1m3wc] {
    background: color-mix(in srgb, var(--office-primary) 7%, var(--office-surface));
}

.office-protocols-message.inbound[b-hwdxj1m3wc] {
    background: var(--office-surface-muted);
}

.office-protocols-message div[b-hwdxj1m3wc] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.office-protocols-message strong[b-hwdxj1m3wc] {
    color: var(--office-foreground);
}

.office-protocols-message time[b-hwdxj1m3wc],
.office-protocols-message small[b-hwdxj1m3wc] {
    color: var(--office-muted);
    font-size: 0.78rem;
}

.office-protocols-message p[b-hwdxj1m3wc] {
    color: var(--office-foreground);
    margin: 8px 0 0;
    white-space: pre-wrap;
}

.office-protocols-audit[b-hwdxj1m3wc] {
    border-top: 1px solid var(--office-border);
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px 16px;
}

.office-protocols-audit h3[b-hwdxj1m3wc] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    margin: 0;
}

.office-protocols-audit article[b-hwdxj1m3wc] {
    background: var(--office-surface-muted);
    border: 1px solid var(--office-border);
    border-radius: 8px;
    display: grid;
    gap: 4px;
    padding: 9px 10px;
}

.office-protocols-audit strong[b-hwdxj1m3wc] {
    color: var(--office-foreground);
    font-size: 0.85rem;
}

.office-protocols-audit span[b-hwdxj1m3wc],
.office-protocols-audit small[b-hwdxj1m3wc] {
    color: var(--office-muted);
    font-size: 0.78rem;
}

@media (max-width: 1100px) {
    .office-protocols-toolbar[b-hwdxj1m3wc],
    .office-protocols-shell[b-hwdxj1m3wc] {
        grid-template-columns: 1fr;
    }

    .office-protocols-row[b-hwdxj1m3wc] {
        grid-template-columns: 1fr;
    }

    .office-protocols-detail[b-hwdxj1m3wc] {
        max-height: none;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeResetPassword.razor.rz.scp.css */
.office-access-screen[b-jhn02ij1nv] {
    --office-font-family: 'Geist', ui-sans-serif, system-ui, sans-serif;
    min-height: 100vh;
    min-height: 100dvh;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 1.5rem;
    font-family: var(--office-font-family);
    background:
        radial-gradient(circle at bottom center, rgba(10, 109, 63, 0.26), transparent 36%),
        linear-gradient(180deg, #050505 0%, #050505 68%, #0d3620 100%);
    padding: 2rem;
}

.office-access-brand[b-jhn02ij1nv] {
    color: #08f2a6;
    font-weight: 700;
    font-size: clamp(2rem, 3vw, 3.25rem);
}

.office-access-card[b-jhn02ij1nv] {
    width: min(520px, 100%);
    padding: 2rem 1.6rem;
    border-radius: 0.625rem;
    background: #0a0a0a;
    border: 1px solid #27272a;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

.office-access-header h1[b-jhn02ij1nv] {
    margin: 0 0 0.55rem;
    color: #fafafa;
    font-size: 2.1rem;
    font-weight: 700;
}

.office-access-header p[b-jhn02ij1nv],
.office-access-loading[b-jhn02ij1nv] {
    margin: 0 0 1.5rem;
    color: #a1a1aa;
}

.office-access-eyebrow[b-jhn02ij1nv] {
    display: block;
    margin-bottom: 0.45rem;
    color: #08f2a6;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.office-access-user[b-jhn02ij1nv] {
    display: grid;
    gap: 0.25rem;
    margin-bottom: 1.1rem;
    padding: 0.9rem 1rem;
    border-radius: 0.625rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid #27272a;
}

.office-access-user strong[b-jhn02ij1nv] {
    color: #fafafa;
}

.office-access-user span[b-jhn02ij1nv] {
    color: #a1a1aa;
}

.office-field[b-jhn02ij1nv] {
    display: grid;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.office-field span[b-jhn02ij1nv] {
    color: #fafafa;
    font-size: 0.95rem;
    font-weight: 600;
}

.office-input[b-jhn02ij1nv],
.office-field[b-jhn02ij1nv]  .office-input {
    display: block;
    width: 100%;
    height: 3rem;
    box-sizing: border-box;
    padding: 0 1rem;
    border: 1px solid #27272a;
    border-radius: 0.625rem;
    background: #09090b;
    color: #fafafa;
    font-size: 1rem;
    line-height: 1.5;
    outline: none;
}

.office-input:focus[b-jhn02ij1nv],
.office-input:focus-visible[b-jhn02ij1nv],
.office-field[b-jhn02ij1nv]  .office-input:focus,
.office-field[b-jhn02ij1nv]  .office-input:focus-visible {
    border-color: #08f2a6;
    box-shadow: 0 0 0 2px rgba(8, 242, 166, 0.12);
}

.office-primary-button[b-jhn02ij1nv] {
    margin-top: 1.2rem;
    width: 100%;
    padding: 1rem 1.2rem;
    border-radius: 0.625rem;
    border: 0;
    background: #08f2a6;
    color: #ffffff;
    font-weight: 700;
}

.office-secondary-button[b-jhn02ij1nv] {
    margin-top: 0.7rem;
    width: 100%;
    padding: 0.95rem 1.2rem;
    border-radius: 0.625rem;
    border: 1px solid #27272a;
    background: #111114;
    color: #fafafa;
    font-weight: 700;
}

.office-primary-button:disabled[b-jhn02ij1nv],
.office-secondary-button:disabled[b-jhn02ij1nv],
.office-input:disabled[b-jhn02ij1nv],
.office-field[b-jhn02ij1nv]  .office-input:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.office-code-panel[b-jhn02ij1nv] {
    display: grid;
    gap: 1rem;
}

.office-code-panel > span[b-jhn02ij1nv] {
    color: #a1a1aa;
}

.office-code-inputs[b-jhn02ij1nv] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.55rem;
}

.office-code-input[b-jhn02ij1nv] {
    width: 100%;
    aspect-ratio: 1;
    min-height: 3rem;
    border-radius: 0.625rem;
    border: 1px solid #27272a;
    background: #09090b;
    color: #fafafa;
    font: inherit;
    font-size: 1.35rem;
    font-weight: 700;
    text-align: center;
    outline: none;
}

.office-code-input:focus[b-jhn02ij1nv],
.office-code-input:focus-visible[b-jhn02ij1nv] {
    border-color: #08f2a6;
    box-shadow: 0 0 0 2px rgba(8, 242, 166, 0.12);
}

.office-code-input:disabled[b-jhn02ij1nv] {
    opacity: 0.7;
    cursor: not-allowed;
}

.office-feedback[b-jhn02ij1nv] {
    padding: 0.85rem 1rem;
    border-radius: 0.625rem;
    background: rgba(8, 242, 166, 0.12);
    border: 1px solid rgba(8, 242, 166, 0.24);
    color: #b7ffe3;
}

.office-feedback.error[b-jhn02ij1nv] {
    margin-top: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 0.625rem;
    background: rgba(123, 30, 30, 0.28);
    border: 1px solid rgba(255, 99, 99, 0.28);
    color: #ffb6b6;
}

[b-jhn02ij1nv] .validation-message {
    color: #ffb6b6;
}

@media (max-width: 640px) {
    .office-access-screen[b-jhn02ij1nv] {
        padding: 1.5rem 1rem;
    }

    .office-access-card[b-jhn02ij1nv] {
        padding: 1.5rem 1.1rem;
    }

    .office-access-header h1[b-jhn02ij1nv] {
        font-size: 1.8rem;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeSettings.razor.rz.scp.css */
.office-settings-loading[b-hcaxhia182],
.office-settings-page[b-hcaxhia182] {
    width: min(1120px, 100%);
}

.office-settings-loading[b-hcaxhia182] {
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    color: var(--office-muted);
}

.office-settings-page[b-hcaxhia182] {
    display: grid;
    gap: 1rem;
}

.office-settings-header[b-hcaxhia182] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.office-settings-header span[b-hcaxhia182],
.office-settings-card-eyebrow[b-hcaxhia182],
.office-settings-modal-header span[b-hcaxhia182] {
    display: block;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-settings-header h1[b-hcaxhia182],
.office-settings-card h2[b-hcaxhia182],
.office-settings-modal-header h2[b-hcaxhia182] {
    margin: 0;
    color: var(--office-foreground);
    font-weight: 700;
}

.office-settings-card h2[b-hcaxhia182],
.office-settings-modal-header h2[b-hcaxhia182] {
    margin: 0.25rem 0 0.4rem;
}

.office-settings-header h1[b-hcaxhia182] {
    font-size: 1.55rem;
}

.office-settings-header p[b-hcaxhia182],
.office-settings-card p[b-hcaxhia182],
.office-settings-card-meta[b-hcaxhia182],
.office-settings-modal-copy[b-hcaxhia182],
.office-settings-empty span[b-hcaxhia182] {
    margin: 0;
    color: var(--office-muted);
}

.office-settings-header p[b-hcaxhia182] {
    margin-top: 0.45rem;
}

.office-settings-grid[b-hcaxhia182] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
    gap: 1rem;
}

.office-settings-card[b-hcaxhia182] {
    position: relative;
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 1.75rem;
    width: 100%;
    min-height: 206px;
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.9rem;
    background: var(--office-surface);
    box-shadow: none;
}

.office-settings-card-body[b-hcaxhia182],
.office-settings-card-footer[b-hcaxhia182] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.office-settings-card-body[b-hcaxhia182] {
    align-items: flex-start;
    padding-right: 8.75rem;
}

.office-settings-card-footer[b-hcaxhia182] {
    align-items: center;
}

.office-settings-card h2[b-hcaxhia182] {
    margin: 0 0 1.35rem;
    color: var(--office-foreground);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
}

.office-settings-card-eyebrow[b-hcaxhia182] {
    display: none;
}

.office-settings-card p[b-hcaxhia182] {
    color: var(--office-foreground);
    font-size: 1.08rem;
    line-height: 1.5;
}

.office-settings-card-icon[b-hcaxhia182] {
    display: none;
    flex: 0 0 auto;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--office-primary) 12%, var(--office-surface));
    color: var(--office-primary);
}

.office-settings-card-icon svg[b-hcaxhia182],
.office-settings-icon-button svg[b-hcaxhia182] {
    width: 1.35rem;
    height: 1.35rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.office-settings-primary-button[b-hcaxhia182],
.office-settings-secondary-button[b-hcaxhia182],
.office-settings-icon-button[b-hcaxhia182] {
    border: 1px solid var(--office-border);
    border-radius: 0.32rem;
    font: inherit;
    cursor: pointer;
}

.office-settings-primary-button[b-hcaxhia182] {
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #0052ff;
    font-size: 1rem;
    font-weight: 700;
}

.office-settings-primary-button:hover:not(:disabled)[b-hcaxhia182] {
    text-decoration: underline;
    filter: none;
}

.office-settings-secondary-button[b-hcaxhia182] {
    min-height: 2rem;
    padding: 0.34rem 0.95rem;
    background: transparent;
    color: var(--office-foreground);
}

.office-settings-secondary-button:hover:not(:disabled)[b-hcaxhia182],
.office-settings-icon-button:hover:not(:disabled)[b-hcaxhia182] {
    background: var(--office-hover);
}

::global(.office-theme-dark) .office-settings-card[b-hcaxhia182] {
    border-color: var(--office-border);
    background: var(--office-surface);
    box-shadow: none;
}

::global(.office-theme-dark) .office-settings-card-icon[b-hcaxhia182] {
    display: none;
}

::global(.office-theme-dark) .office-settings-secondary-button[b-hcaxhia182],
::global(.office-theme-dark) .office-settings-icon-button[b-hcaxhia182] {
    border-color: #8b949e;
}

::global(.office-theme-dark) .office-settings-primary-button[b-hcaxhia182] {
    background: transparent;
    color: var(--office-primary);
}

::global(.office-theme-dark) .office-settings-primary-button:hover:not(:disabled)[b-hcaxhia182] {
    background: transparent;
    filter: none;
}

::global(.office-theme-dark) .office-settings-secondary-button[b-hcaxhia182] {
    color: var(--office-muted);
}

.office-settings-primary-button:disabled[b-hcaxhia182],
.office-settings-secondary-button:disabled[b-hcaxhia182] {
    cursor: not-allowed;
    opacity: 0.65;
}

.office-settings-card-meta[b-hcaxhia182] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: inline-flex;
    align-items: center;
    max-width: calc(100% - 2rem);
    min-height: 1.45rem;
    padding: 0.22rem 0.58rem;
    border-radius: 999px;
    background: #002aba;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.office-settings-status-dot[b-hcaxhia182] {
    display: none;
}

.office-settings-status-dot.available[b-hcaxhia182] {
    background: #2ea043;
}

.office-settings-status-dot.warning[b-hcaxhia182] {
    background: #f59e0b;
}

.office-settings-status-dot.unavailable[b-hcaxhia182] {
    background: #ef4444;
}

.office-settings-modal-backdrop[b-hcaxhia182] {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.62);
}

.office-settings-modal[b-hcaxhia182] {
    display: grid;
    gap: 1rem;
    width: min(680px, 100%);
    max-height: min(86vh, 760px);
    overflow: auto;
    padding: 1.25rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    box-shadow: 0 20px 70px var(--office-shadow);
}

.office-settings-modal-header[b-hcaxhia182],
.office-settings-modal-footer[b-hcaxhia182] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.office-settings-icon-button[b-hcaxhia182] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    background: transparent;
    color: var(--office-muted);
}

.office-settings-form[b-hcaxhia182] {
    display: grid;
    gap: 0.9rem;
}

.office-settings-form label[b-hcaxhia182] {
    display: grid;
    gap: 0.35rem;
    color: var(--office-foreground);
    font-weight: 600;
}

.office-settings-form label span[b-hcaxhia182],
.office-settings-toggle-row span[b-hcaxhia182] {
    color: var(--office-muted);
    font-size: 0.86rem;
    font-weight: 600;
}

.office-settings-input[b-hcaxhia182] {
    width: 100%;
    min-height: 2.45rem;
    padding: 0.45rem 0.7rem;
    border: 1px solid var(--office-border);
    border-radius: 0.32rem;
    background: var(--office-background);
    color: var(--office-foreground);
    font: inherit;
}

.office-settings-toggle-row label[b-hcaxhia182] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.office-settings-toggle-row input[b-hcaxhia182] {
    width: 1rem;
    height: 1rem;
}

.office-settings-inline-fields[b-hcaxhia182] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.office-settings-branding-preview-grid[b-hcaxhia182] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.office-settings-branding-preview[b-hcaxhia182] {
    position: relative;
    display: grid;
    gap: 0.55rem;
    min-height: 9.5rem;
    padding: 0.75rem;
    border: 1px solid var(--office-border);
    border-radius: 0.38rem;
    background: var(--office-background);
}

.office-settings-branding-picker[b-hcaxhia182] {
    cursor: pointer;
}

.office-settings-branding-picker:hover[b-hcaxhia182],
.office-settings-branding-picker:focus-within[b-hcaxhia182] {
    border-color: var(--office-primary);
    background: color-mix(in srgb, var(--office-primary) 6%, var(--office-background));
}

.office-settings-branding-file-input[b-hcaxhia182],
.office-settings-branding-picker[b-hcaxhia182]  .office-settings-branding-file-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
}

.office-settings-branding-preview span[b-hcaxhia182] {
    color: var(--office-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.office-settings-branding-preview strong[b-hcaxhia182] {
    align-self: center;
    color: var(--office-muted);
    font-size: 0.88rem;
}

.office-settings-branding-preview small[b-hcaxhia182] {
    align-self: end;
    overflow: hidden;
    color: var(--office-primary);
    font-size: 0.78rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-settings-branding-preview img[b-hcaxhia182] {
    width: 100%;
    max-height: 7rem;
    object-fit: contain;
    border-radius: 0.28rem;
}

.office-settings-empty[b-hcaxhia182] {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem;
    border: 1px solid rgba(0, 42, 186, 0.34);
    border-radius: 0.38rem;
    background: rgba(0, 42, 186, 0.1);
}

.office-settings-empty strong[b-hcaxhia182] {
    color: var(--office-foreground);
}

@media (max-width: 720px) {
    .office-settings-grid[b-hcaxhia182],
    .office-settings-inline-fields[b-hcaxhia182],
    .office-settings-branding-preview-grid[b-hcaxhia182] {
        grid-template-columns: 1fr;
    }

    .office-settings-card[b-hcaxhia182] {
        min-height: 0;
        padding: 1rem;
    }

    .office-settings-card-body[b-hcaxhia182] {
        padding-right: 0;
        padding-top: 2rem;
    }

    .office-settings-card-footer[b-hcaxhia182],
    .office-settings-modal-footer[b-hcaxhia182] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeSignDocument.razor.rz.scp.css */
.office-sign-screen[b-5svgwwayg1],
.office-sign-otp-modal[b-5svgwwayg1] {
    --office-font-family: 'Geist', ui-sans-serif, system-ui, sans-serif;
    --office-primary: #002aba;
    --office-primary-foreground: #ffffff;
    --office-background: #f4f7f5;
    --office-surface: #ffffff;
    --office-surface-muted: #f8faf8;
    --office-foreground: #142116;
    --office-muted: #627067;
    --office-border: #dfe7e2;
    --office-hover: #eef3ef;
    --office-shadow: rgba(15, 23, 42, 0.08);
}

.office-sign-screen[b-5svgwwayg1] {
    min-height: 100vh;
    min-height: 100dvh;
    display: grid;
    grid-template-columns: minmax(340px, 28vw) minmax(0, 1fr);
    font-family: var(--office-font-family);
    background: #ffffff;
    color: var(--office-foreground);
    overflow: hidden;
}

.office-sign-otp-modal[b-5svgwwayg1] {
    font-family: var(--office-font-family);
}

.office-sign-visual[b-5svgwwayg1] {
    position: relative;
    min-height: 100vh;
    min-height: 100dvh;
    overflow: auto;
    background: #ffffff;
}

.office-sign-visual[b-5svgwwayg1]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent;
    pointer-events: none;
}

.office-sign-visual-shell[b-5svgwwayg1] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 1rem;
    align-content: start;
    min-height: 100%;
    padding: 2rem 1.35rem;
}

.office-sign-brand[b-5svgwwayg1] {
    color: var(--office-primary);
    font-size: clamp(2rem, 2.4vw, 3rem);
    font-weight: 800;
    letter-spacing: -0.04em;
}

.office-sign-visual-copy[b-5svgwwayg1] {
    display: grid;
    gap: 0.8rem;
    max-width: 26rem;
    color: var(--office-muted);
}

.office-sign-visual-copy h1[b-5svgwwayg1] {
    margin: 0;
    color: var(--office-foreground);
    font-size: clamp(2rem, 3vw, 2.85rem);
    line-height: 1.05;
}

.office-sign-visual-copy p[b-5svgwwayg1] {
    margin: 0;
    line-height: 1.6;
}

.office-sign-panel[b-5svgwwayg1] {
    min-width: 0;
    display: grid;
    align-items: stretch;
    padding: clamp(1rem, 3vw, 1.5rem);
    background: #ffffff;
}

.office-sign-signer-card[b-5svgwwayg1],
.office-sign-panel-card[b-5svgwwayg1],
.office-sign-document-card[b-5svgwwayg1],
.office-sign-state[b-5svgwwayg1],
.office-sign-otp-modal[b-5svgwwayg1] {
    border: 1px solid var(--office-border);
    background: var(--office-surface);
    box-shadow: 0 18px 42px var(--office-shadow);
}

.office-sign-panel-card[b-5svgwwayg1],
.office-sign-state[b-5svgwwayg1] {
    padding: 1.2rem;
    border-radius: 1.05rem;
}

.office-sign-panel-card[b-5svgwwayg1] {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.office-sign-eyebrow[b-5svgwwayg1],
.office-sign-card-label[b-5svgwwayg1] {
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.office-sign-eyebrow[b-5svgwwayg1] {
    color: var(--office-primary);
}

.office-sign-card-label[b-5svgwwayg1],
.office-sign-state .office-sign-eyebrow[b-5svgwwayg1] {
    color: var(--office-primary);
}

.office-sign-document-head h2[b-5svgwwayg1],
.office-sign-otp-modal-head h3[b-5svgwwayg1] {
    margin: 0;
    color: var(--office-foreground);
}

.office-sign-otp-modal-head p[b-5svgwwayg1],
.office-sign-state p[b-5svgwwayg1] {
    margin: 0;
    color: var(--office-muted);
    line-height: 1.55;
}

.office-sign-role-pill[b-5svgwwayg1],
.office-sign-status-pill[b-5svgwwayg1],
.office-sign-countdown[b-5svgwwayg1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 700;
    white-space: nowrap;
}

.office-sign-role-pill[b-5svgwwayg1],
.office-sign-status-pill-accent[b-5svgwwayg1],
.office-sign-countdown[b-5svgwwayg1] {
    border: 1px solid rgba(0, 42, 186, 0.24);
    background: color-mix(in srgb, var(--office-primary) 10%, #ffffff);
    color: color-mix(in srgb, var(--office-primary) 74%, var(--office-foreground));
}

.office-sign-status-pill[b-5svgwwayg1] {
    border: 1px solid var(--office-border);
    background: var(--office-hover);
    color: var(--office-foreground);
}

.office-sign-status-pill-success[b-5svgwwayg1] {
    border-color: rgba(34, 197, 94, 0.28);
    background: rgba(34, 197, 94, 0.12);
    color: #166534;
}

.office-sign-status-pill-warning[b-5svgwwayg1] {
    border-color: rgba(245, 158, 11, 0.3);
    background: rgba(245, 158, 11, 0.14);
    color: #92400e;
}

.office-sign-signer-card[b-5svgwwayg1] {
    padding: 1.35rem;
    border-radius: 1.55rem;
    background: #ffffff;
    box-shadow: none;
}

.office-sign-signer-card-top[b-5svgwwayg1],
.office-sign-panel-head[b-5svgwwayg1],
.office-sign-document-head[b-5svgwwayg1],
.office-sign-otp-modal-head[b-5svgwwayg1],
.office-sign-otp-modal-actions[b-5svgwwayg1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.office-sign-signer-copy[b-5svgwwayg1],
.office-sign-panel-head > div[b-5svgwwayg1],
.office-sign-document-head > div[b-5svgwwayg1],
.office-sign-otp-modal-head > div[b-5svgwwayg1] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.office-sign-signer-copy strong[b-5svgwwayg1],
.office-sign-panel-head strong[b-5svgwwayg1],
.office-sign-signer-item strong[b-5svgwwayg1],
.office-sign-document-head h2[b-5svgwwayg1],
.office-sign-state strong[b-5svgwwayg1],
.office-sign-preview-state strong[b-5svgwwayg1],
.office-sign-otp-modal-head h3[b-5svgwwayg1],
.office-sign-alert strong[b-5svgwwayg1] {
    color: var(--office-foreground);
}

.office-sign-signer-copy strong[b-5svgwwayg1] {
    font-size: 1.08rem;
    line-height: 1.15;
}

.office-sign-signer-copy span[b-5svgwwayg1],
.office-sign-panel-copy[b-5svgwwayg1],
.office-sign-help-text[b-5svgwwayg1],
.office-sign-alert span[b-5svgwwayg1],
.office-sign-state span[b-5svgwwayg1],
.office-sign-preview-state span[b-5svgwwayg1],
.office-sign-signer-description[b-5svgwwayg1] {
    color: var(--office-muted);
}

.office-sign-signer-copy-compact span[b-5svgwwayg1] {
    font-size: 0.94rem;
    line-height: 1.5;
}

.office-sign-signer-badges[b-5svgwwayg1] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.office-sign-signer-description[b-5svgwwayg1] {
    margin: 0.9rem 0 0;
    font-size: 0.92rem;
    line-height: 1.55;
}

.office-sign-signer-grid[b-5svgwwayg1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 1.1rem;
}

.office-sign-signer-grid-compact[b-5svgwwayg1] {
    grid-template-columns: 1fr;
    gap: 0.7rem;
}

.office-sign-signer-item[b-5svgwwayg1] {
    display: grid;
    gap: 0.28rem;
    padding: 0;
    border: 0;
    background: transparent;
}

.office-sign-signer-item span[b-5svgwwayg1],
.office-sign-signer-footer span[b-5svgwwayg1],
.office-sign-panel-copy[b-5svgwwayg1],
.office-sign-help-text[b-5svgwwayg1],
.office-sign-state span[b-5svgwwayg1],
.office-sign-preview-state span[b-5svgwwayg1] {
    font-size: 0.94rem;
    line-height: 1.45;
}

.office-sign-signer-item span[b-5svgwwayg1],
.office-sign-signer-footer span[b-5svgwwayg1] {
    color: var(--office-muted);
}

.office-sign-signer-item strong[b-5svgwwayg1] {
    font-size: 0.95rem;
    line-height: 1.4;
    word-break: break-word;
}

.office-sign-alert[b-5svgwwayg1] {
    display: grid;
    gap: 0.3rem;
    padding: 0.95rem 1rem;
    border-radius: 0.95rem;
    font-weight: 600;
}

.office-sign-alert-warning[b-5svgwwayg1] {
    border: 1px solid rgba(245, 158, 11, 0.3);
    background: rgba(245, 158, 11, 0.12);
    color: #92400e;
}

.office-sign-alert-success[b-5svgwwayg1] {
    border: 1px solid rgba(34, 197, 94, 0.24);
    background: rgba(34, 197, 94, 0.1);
    color: #166534;
}

.office-sign-alert-neutral[b-5svgwwayg1] {
    border: 1px solid rgba(0, 42, 186, 0.18);
    background: color-mix(in srgb, var(--office-primary) 6%, #ffffff);
    color: color-mix(in srgb, var(--office-primary) 66%, var(--office-foreground));
}

.office-sign-alert-soft[b-5svgwwayg1] {
    border: 1px dashed color-mix(in srgb, var(--office-primary) 18%, var(--office-border));
    background: color-mix(in srgb, var(--office-primary) 5%, #ffffff);
    color: var(--office-muted);
    font-weight: 500;
    font-size: 0.88rem;
    line-height: 1.5;
}

.office-sign-action-stack[b-5svgwwayg1],
.office-sign-otp-form[b-5svgwwayg1] {
    display: grid;
    gap: 0.75rem;
}

.office-sign-panel-card .office-sign-action-stack[b-5svgwwayg1] {
    gap: 1rem;
}

.office-sign-panel-copy[b-5svgwwayg1] {
    margin: 0.9rem 0 0;
}

.office-sign-primary-button[b-5svgwwayg1],
.office-sign-secondary-button[b-5svgwwayg1] {
    min-height: 2.9rem;
    border-radius: 0.8rem;
    padding: 0.72rem 1rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.office-sign-primary-button[b-5svgwwayg1] {
    border: 1px solid transparent;
    background: var(--office-primary);
    color: var(--office-primary-foreground);
    box-shadow: none;
}

.office-sign-secondary-button[b-5svgwwayg1] {
    border: 1px solid var(--office-border);
    background: transparent;
    color: var(--office-foreground);
}

.office-sign-primary-button:hover:not(:disabled)[b-5svgwwayg1],
.office-sign-secondary-button:hover:not(:disabled)[b-5svgwwayg1] {
    transform: translateY(-1px);
}

.office-sign-secondary-button:hover:not(:disabled)[b-5svgwwayg1] {
    border-color: rgba(0, 42, 186, 0.28);
    background: color-mix(in srgb, var(--office-primary) 5%, #ffffff);
}

.office-sign-primary-button:disabled[b-5svgwwayg1],
.office-sign-secondary-button:disabled[b-5svgwwayg1],
.office-code-input:disabled[b-5svgwwayg1] {
    opacity: 0.65;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.office-sign-document-card[b-5svgwwayg1] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: calc(100vh - 3rem);
    border-radius: 1.25rem;
    overflow: hidden;
}

.office-sign-document-head[b-5svgwwayg1] {
    padding: 1.2rem 1.25rem;
    border-bottom: 1px solid var(--office-border);
    background: linear-gradient(180deg, color-mix(in srgb, var(--office-primary) 4%, #ffffff) 0%, #ffffff 100%);
}

.office-sign-document-head h2[b-5svgwwayg1] {
    font-size: 1.15rem;
    line-height: 1.35;
    word-break: break-word;
}

.office-sign-document-body[b-5svgwwayg1] {
    min-height: 0;
    background: #eef2f0;
}

.office-sign-preview-frame[b-5svgwwayg1] {
    width: 100%;
    height: 100%;
    min-height: calc(100vh - 10rem);
    border: 0;
    background: #ffffff;
}

.office-sign-preview-state[b-5svgwwayg1],
.office-sign-state[b-5svgwwayg1] {
    display: grid;
    gap: 0.35rem;
}

.office-sign-preview-state[b-5svgwwayg1] {
    height: 100%;
    min-height: 24rem;
    place-content: center;
    justify-items: center;
    padding: 2rem;
    text-align: center;
}

.office-sign-preview-state-error[b-5svgwwayg1] {
    background: color-mix(in srgb, #ef4444 6%, #ffffff);
}

.office-sign-state[b-5svgwwayg1] {
    align-self: center;
    width: min(42rem, 100%);
    justify-self: center;
}

.office-sign-state-error[b-5svgwwayg1] {
    background: color-mix(in srgb, #ef4444 4%, #ffffff);
}

.office-sign-modal-backdrop[b-5svgwwayg1] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.36);
    backdrop-filter: blur(3px);
    z-index: 40;
}

.office-sign-otp-modal[b-5svgwwayg1] {
    position: fixed;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
    z-index: 41;
    width: min(40rem, calc(100vw - 2rem));
    padding: 1.25rem;
    border-radius: 1.25rem;
}

.office-sign-otp-modal-body[b-5svgwwayg1] {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.office-sign-otp-form label[b-5svgwwayg1] {
    color: var(--office-foreground);
    font-weight: 700;
}

.office-code-inputs[b-5svgwwayg1] {
    display: grid;
    grid-template-columns: repeat(6, 45px);
    gap: 0.45rem;
}

.office-code-input[b-5svgwwayg1] {
    width: 45px;
    height: 45px;
    min-height: 45px;
    border-radius: 0.55rem;
    border: 1px solid var(--office-border);
    background: var(--office-surface-muted);
    color: var(--office-foreground);
    font: inherit;
    font-size: 0.95rem;
    font-weight: 800;
    text-align: center;
    outline: none;
}

.office-code-input:focus[b-5svgwwayg1],
.office-code-input:focus-visible[b-5svgwwayg1] {
    border-color: var(--office-primary);
    box-shadow: 0 0 0 3px rgba(0, 42, 186, 0.14);
}

@media (max-width: 1080px) {
    .office-sign-screen[b-5svgwwayg1] {
        grid-template-columns: 1fr;
    }

    .office-sign-visual[b-5svgwwayg1],
    .office-sign-panel[b-5svgwwayg1] {
        min-height: auto;
    }

    .office-sign-document-card[b-5svgwwayg1] {
        min-height: 42rem;
    }
}

@media (max-width: 720px) {
    .office-sign-visual-shell[b-5svgwwayg1],
    .office-sign-panel[b-5svgwwayg1] {
        padding: 1rem;
    }

    .office-sign-signer-card-top[b-5svgwwayg1],
    .office-sign-panel-head[b-5svgwwayg1],
    .office-sign-document-head[b-5svgwwayg1],
    .office-sign-otp-modal-head[b-5svgwwayg1],
    .office-sign-otp-modal-actions[b-5svgwwayg1] {
        flex-direction: column;
    }

    .office-sign-preview-frame[b-5svgwwayg1] {
        min-height: 32rem;
    }

    .office-sign-primary-button[b-5svgwwayg1],
    .office-sign-secondary-button[b-5svgwwayg1] {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .office-code-inputs[b-5svgwwayg1] {
        grid-template-columns: repeat(6, 45px);
        gap: 0.35rem;
    }

    .office-code-input[b-5svgwwayg1] {
        width: 45px;
        height: 45px;
        min-height: 45px;
        font-size: 0.95rem;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeUserPermissions.razor.rz.scp.css */
.office-permissions-page[b-373sflllpr] { width: min(1380px,100%); color: var(--office-foreground); display: grid; gap: 20px; }
.office-permissions-header[b-373sflllpr], .office-permissions-editor-header[b-373sflllpr] { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.office-permissions-header h1[b-373sflllpr] { margin: 8px 0; font-size: 26px; }
.office-permissions-header a[b-373sflllpr] { color: var(--office-primary); text-decoration: none; font-size: 13px; }
.office-permissions-header p[b-373sflllpr], .office-permissions-editor-header p[b-373sflllpr] { color: var(--office-muted); line-height: 1.6; margin: 6px 0; }
.office-permissions-admin-badge[b-373sflllpr] { display: flex; align-items: center; gap: 8px; white-space: nowrap; font-size: 12px; color: var(--office-primary); }
.office-permissions-notice[b-373sflllpr], .office-permissions-feedback[b-373sflllpr], .office-permissions-error[b-373sflllpr] { border-radius: 10px; padding: 14px 16px; line-height: 1.6; font-size: 13px; background: color-mix(in srgb, var(--office-primary) 7%, var(--office-surface)); }
.office-permissions-error[b-373sflllpr] { background: color-mix(in srgb,#dc2626 10%,var(--office-surface)); color: var(--office-foreground); border: 1px solid #dc262666; }
.office-permissions-error button[b-373sflllpr] { margin-left: 8px; text-decoration: underline; border: 0; background: transparent; color: inherit; cursor: pointer; }
.office-permissions-notice p[b-373sflllpr] { margin: 4px 0 0; }
.office-permissions-warning[b-373sflllpr] { display: flex; align-items: center; gap: 16px; padding: 18px 20px; border-radius: 16px; background: #FFF3CD; color: #664D03; }
.office-permissions-warning-icon[b-373sflllpr] { display: flex; flex-shrink: 0; }
.office-permissions-warning-content[b-373sflllpr] { flex: 1; min-width: 0; }
.office-permissions-warning-content strong[b-373sflllpr] { display: block; font-size: 18px; font-weight: 600; }
.office-permissions-warning-content p[b-373sflllpr] { margin: 6px 0 0; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.office-permissions-warning-close[b-373sflllpr] { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; padding: 6px; border: 0; border-radius: 6px; background: transparent; color: inherit; cursor: pointer; }
.office-permissions-warning-close:hover[b-373sflllpr] { background: #664D031A; }
.office-permissions-warning-close:focus-visible[b-373sflllpr] { outline: 3px solid #664D03; }
.office-permissions-layout[b-373sflllpr] { display: grid; grid-template-columns: 330px minmax(0,1fr); gap: 20px; align-items: start; }
.office-permissions-panel[b-373sflllpr] { border: 1px solid var(--office-border); border-radius: 14px; background: var(--office-surface); overflow: hidden; }
.office-permissions-editor[b-373sflllpr] { padding: 24px; display: grid; gap: 18px; }
.office-permissions-editor-header h2[b-373sflllpr] { font-size: 20px; margin: 0; }
.office-permissions-editor-header > span[b-373sflllpr] { font-size: 12px; color: var(--office-muted); white-space: nowrap; }
.office-permissions-filters[b-373sflllpr] { padding: 18px; display: grid; gap: 12px; border-bottom: 1px solid var(--office-border); }
.office-permissions-filters label[b-373sflllpr] { display: grid; gap: 6px; font-size: 12px; }
.office-permissions-filters input[b-373sflllpr],.office-permissions-filters select[b-373sflllpr] { width: 100%; min-height: 38px; border: 1px solid var(--office-border); border-radius: 7px; background: var(--office-surface); color: var(--office-foreground); padding: 8px; }
.office-permissions-filter-row[b-373sflllpr] { display: grid; grid-template-columns: 1fr 1fr auto; gap: 8px; align-items: end; }
.office-permissions-user-list[b-373sflllpr] { list-style: none; margin: 0; padding: 0; }
.office-permissions-user-list li[b-373sflllpr] { display: grid; gap: 8px; padding: 18px; border-bottom: 1px solid var(--office-border); }
.office-permissions-user-list li.selected[b-373sflllpr] { background: color-mix(in srgb, var(--office-primary) 6%,var(--office-surface)); border-left: 3px solid var(--office-primary); padding-left: 15px; }
.office-permissions-user-heading[b-373sflllpr] { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.office-permissions-user-email[b-373sflllpr] { overflow-wrap: anywhere; font-size: 13px; color: var(--office-muted); }
.office-permissions-user-meta[b-373sflllpr] { font-size: 11px; color: var(--office-muted); }
.office-permissions-status[b-373sflllpr] { padding: 3px 7px; border-radius: 20px; font-size: 10px; background: var(--office-background); }
.office-permissions-status.active[b-373sflllpr] { color: var(--office-primary); }
.office-permissions-status.inactive[b-373sflllpr] { color: #b45309; }
.office-permissions-catalog[b-373sflllpr] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.office-permissions-module[b-373sflllpr] { margin: 0; padding: 14px; border: 1px solid var(--office-border); border-radius: 10px; min-width: 0; }
.office-permissions-module legend[b-373sflllpr] { padding: 0 6px; font-size: 14px; font-weight: 650; }
.office-permissions-module .office-permissions-messages-legend[b-373sflllpr] { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; }
.office-permissions-module-actions[b-373sflllpr] { display: flex; justify-content: flex-end; margin-bottom: 4px; }
.office-permissions-module-actions button[b-373sflllpr] { min-height: 32px; padding: 6px 10px; font-size: 11px; }
.office-permissions-choice[b-373sflllpr] { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; cursor: pointer; }
.office-permissions-choice input[b-373sflllpr] { margin: 3px 0 0; width: 16px; height: 16px; flex-shrink: 0; accent-color: var(--office-primary); }
.office-permissions-choice strong[b-373sflllpr] { display: block; font-size: 13px; font-weight: 500; }
.office-permissions-choice small[b-373sflllpr] { display: block; font-size: 10px; line-height: 1.5; color: var(--office-muted); margin-top: 3px; }
.office-permissions-primary[b-373sflllpr],.office-permissions-secondary[b-373sflllpr] { min-height: 36px; border-radius: 7px; padding: 8px 12px; font-size: 12px; font-weight: 600; cursor: pointer; border: 1px solid var(--office-border); }
.office-permissions-primary[b-373sflllpr] { color: var(--office-primary-foreground,#fff); background: var(--office-primary); border-color: var(--office-primary); }
.office-permissions-secondary[b-373sflllpr] { background: var(--office-surface); color: var(--office-foreground); }
button:disabled[b-373sflllpr] { opacity: .5; cursor: not-allowed; }
button:focus-visible[b-373sflllpr],input:focus-visible[b-373sflllpr],select:focus-visible[b-373sflllpr],summary:focus-visible[b-373sflllpr] { outline: 3px solid color-mix(in srgb,var(--office-primary) 50%,transparent); outline-offset: 3px; }
.office-permissions-save-bar[b-373sflllpr] { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 14px; border: 1px solid var(--office-border); border-radius: 10px; background: var(--office-surface); box-shadow: 0 6px 24px #0000000a; }
.office-permissions-save-bar span[b-373sflllpr] { margin-right: auto; color: var(--office-muted); font-size: 12px; }
.office-permissions-pagination[b-373sflllpr] { display: flex; align-items: center; justify-content: space-between; padding: 16px; gap: 8px; font-size: 11px; color: var(--office-muted); }
.office-permissions-empty[b-373sflllpr] { color: var(--office-muted); padding: 36px 20px; text-align: center; line-height: 1.6; }
.office-permissions-start[b-373sflllpr] { padding: 70px 24px; }
.office-permissions-start h2[b-373sflllpr] { color: var(--office-foreground); font-size: 20px; }
.office-permissions-history[b-373sflllpr] { border-top: 1px solid var(--office-border); padding-top: 18px; font-size: 12px; }
.office-permissions-history summary[b-373sflllpr] { cursor: pointer; font-weight: 600; }
.office-permissions-history article[b-373sflllpr] { padding: 14px 0; border-bottom: 1px solid var(--office-border); }
.office-permissions-history time[b-373sflllpr] { display: block; color: var(--office-muted); margin-top: 4px; }
.office-permissions-history p[b-373sflllpr] { overflow-wrap: anywhere; line-height: 1.6; }
@media(max-width:1100px) { .office-permissions-catalog[b-373sflllpr] { grid-template-columns: 1fr; } .office-permissions-layout[b-373sflllpr] { grid-template-columns: 290px minmax(0,1fr); } }
@media(max-width:760px) { .office-permissions-layout[b-373sflllpr] { grid-template-columns: 1fr; } .office-permissions-header[b-373sflllpr] { align-items: flex-start; flex-direction: column; } .office-permissions-editor[b-373sflllpr] { padding: 16px; } .office-permissions-save-bar[b-373sflllpr] { flex-wrap: wrap; top: 0; } .office-permissions-save-bar span[b-373sflllpr] { flex-basis: 100%; } .office-permissions-editor-header[b-373sflllpr] { align-items: flex-start; flex-direction: column; } }
/* _content/apicrmintegrawpp.Web/Components/Pages/OfficeWhatsappEvolutionMenuAutomation.razor.rz.scp.css */
.office-automation-builder-page[b-tmkv1qgb9d] {
    display: grid;
    gap: 1rem;
    width: 100%;
}

.office-automation-loading[b-tmkv1qgb9d] {
    display: grid;
    min-height: 12rem;
    place-items: center;
    color: var(--office-muted);
}

.office-automation-builder-header[b-tmkv1qgb9d],
.office-automation-builder-layout[b-tmkv1qgb9d],
.office-automation-header-actions[b-tmkv1qgb9d],
.office-automation-options-header[b-tmkv1qgb9d],
.office-automation-builder-footer[b-tmkv1qgb9d] {
    display: flex;
    gap: 1rem;
}

.office-automation-builder-header[b-tmkv1qgb9d],
.office-automation-options-header[b-tmkv1qgb9d],
.office-automation-builder-footer[b-tmkv1qgb9d] {
    align-items: center;
    justify-content: space-between;
}

.office-automation-header-actions[b-tmkv1qgb9d] {
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.office-automation-builder-header span[b-tmkv1qgb9d],
.office-automation-panel-header span[b-tmkv1qgb9d],
.office-automation-form label span[b-tmkv1qgb9d],
.office-automation-option-row label span[b-tmkv1qgb9d] {
    display: block;
    color: var(--office-primary);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-automation-form label span[b-tmkv1qgb9d],
.office-automation-option-row label span[b-tmkv1qgb9d] {
    color: var(--office-muted);
    letter-spacing: 0;
    text-transform: none;
}

.office-automation-builder-header h1[b-tmkv1qgb9d],
.office-automation-panel-header h2[b-tmkv1qgb9d] {
    margin: 0;
    color: var(--office-foreground);
    font-weight: 700;
}

.office-automation-builder-header h1[b-tmkv1qgb9d] {
    font-size: 1.55rem;
}

.office-automation-panel-header h2[b-tmkv1qgb9d] {
    margin-top: 0.25rem;
    font-size: 1rem;
}

.office-automation-message-header[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.75rem;
}

.office-automation-message-field[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.35rem;
    position: relative;
}

.office-automation-message-header .office-automation-message-field > span[b-tmkv1qgb9d] {
    color: var(--office-muted);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.office-automation-message-header .office-automation-toggle-row .office-automation-selection-label[b-tmkv1qgb9d],
.office-automation-message-header .office-automation-emoji-toggle span[b-tmkv1qgb9d] {
    display: inline;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: 0;
    text-transform: none;
}

.office-automation-builder-header p[b-tmkv1qgb9d],
.office-automation-builder-footer span[b-tmkv1qgb9d] {
    margin: 0.45rem 0 0;
    color: var(--office-muted);
}

.office-automation-builder-layout[b-tmkv1qgb9d] {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
}

.office-automation-builder-panel[b-tmkv1qgb9d],
.office-automation-list-panel[b-tmkv1qgb9d],
.office-automation-preview-panel[b-tmkv1qgb9d] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--office-border);
    border-radius: 0.38rem;
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
}

.office-automation-table-card[b-tmkv1qgb9d] {
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: var(--office-surface);
    box-shadow: 0 16px 42px var(--office-shadow);
    overflow: hidden;
}

.office-automation-table-header[b-tmkv1qgb9d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
}

.office-automation-table-header h2[b-tmkv1qgb9d] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 1rem;
}

.office-automation-table-header span[b-tmkv1qgb9d] {
    color: var(--office-muted);
}

.office-automation-empty-text[b-tmkv1qgb9d] {
    padding: 1.5rem;
    color: var(--office-muted);
}

.office-automation-table-wrap[b-tmkv1qgb9d] {
    overflow-x: auto;
}

.office-automation-table[b-tmkv1qgb9d] {
    width: 100%;
    border-collapse: collapse;
}

.office-automation-table th[b-tmkv1qgb9d],
.office-automation-table td[b-tmkv1qgb9d] {
    padding: 0.9rem 1.1rem;
    border-bottom: 1px solid var(--office-border);
    color: var(--office-foreground);
    text-align: left;
    vertical-align: middle;
}

.office-automation-table th[b-tmkv1qgb9d] {
    color: var(--office-muted);
    font-size: 0.78rem;
    text-transform: uppercase;
}

.office-automation-main-cell[b-tmkv1qgb9d],
.office-automation-muted-cell[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.25rem;
}

.office-automation-main-cell span[b-tmkv1qgb9d],
.office-automation-muted-cell span[b-tmkv1qgb9d] {
    color: var(--office-muted);
}

.office-automation-status[b-tmkv1qgb9d] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0 0.65rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

.office-automation-status.active[b-tmkv1qgb9d] {
    color: #12563c;
    background: #c9f7df;
}

.office-automation-status.inactive[b-tmkv1qgb9d] {
    color: #7f1d1d;
    background: #fee2e2;
}

.office-automation-actions[b-tmkv1qgb9d],
.office-automation-footer-actions[b-tmkv1qgb9d] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    justify-content: flex-end;
}

.office-automation-action-button[b-tmkv1qgb9d] {
    min-height: 2.5rem;
    border: 1px solid color-mix(in srgb, var(--office-primary) 28%, var(--office-border));
    border-radius: 0.45rem;
    background: color-mix(in srgb, var(--office-primary) 7%, var(--office-surface));
    color: color-mix(in srgb, var(--office-primary) 70%, var(--office-foreground));
    padding: 0.65rem 0.9rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.office-automation-action-button:disabled[b-tmkv1qgb9d] {
    cursor: not-allowed;
    opacity: 0.6;
}

.office-automation-action-button:hover:not(:disabled)[b-tmkv1qgb9d] {
    border-color: var(--office-primary);
    background: color-mix(in srgb, var(--office-primary) 13%, var(--office-surface));
    box-shadow: 0 6px 16px color-mix(in srgb, var(--office-primary) 12%, transparent);
}

.office-automation-action-button.danger[b-tmkv1qgb9d] {
    border-color: #fca5a5;
    background: #fff1f2;
    color: #b91c1c;
}

.office-automation-action-button.danger:hover:not(:disabled)[b-tmkv1qgb9d] {
    border-color: #ef4444;
    background: #fee2e2;
    box-shadow: 0 6px 16px rgba(239, 68, 68, 0.14);
}

.office-automation-flow-list[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.6rem;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.office-automation-flow-item[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.28rem;
    min-height: 6.6rem;
    padding: 0.8rem;
    border: 1px solid var(--office-border);
    border-radius: 0.38rem;
    background: var(--office-background);
    color: var(--office-foreground);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.office-automation-flow-item:hover[b-tmkv1qgb9d],
.office-automation-flow-item.active[b-tmkv1qgb9d] {
    border-color: var(--office-primary);
    background: color-mix(in srgb, var(--office-primary) 8%, var(--office-background));
}

.office-automation-flow-item strong[b-tmkv1qgb9d],
.office-automation-flow-item span[b-tmkv1qgb9d],
.office-automation-flow-item small[b-tmkv1qgb9d],
.office-automation-flow-item em[b-tmkv1qgb9d] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-automation-flow-item strong[b-tmkv1qgb9d] {
    font-size: 0.95rem;
}

.office-automation-flow-item span[b-tmkv1qgb9d],
.office-automation-flow-item small[b-tmkv1qgb9d] {
    color: var(--office-muted);
}

.office-automation-flow-item em[b-tmkv1qgb9d] {
    justify-self: start;
    padding: 0.12rem 0.4rem;
    border-radius: 0.25rem;
    background: color-mix(in srgb, var(--office-primary) 12%, transparent);
    color: var(--office-primary);
    font-size: 0.76rem;
    font-style: normal;
    font-weight: 700;
}

.office-automation-form[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.9rem;
}

.office-automation-form label[b-tmkv1qgb9d],
.office-automation-option-row label[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.35rem;
}

.office-automation-form label[b-tmkv1qgb9d] {
    position: relative;
}

.office-automation-context-card[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.3rem;
    padding: 0.9rem;
    border: 1px solid color-mix(in srgb, var(--office-primary) 18%, var(--office-border));
    border-radius: 0.38rem;
    background: color-mix(in srgb, var(--office-primary) 6%, var(--office-background));
}

.office-automation-context-card strong[b-tmkv1qgb9d] {
    color: var(--office-foreground);
    font-size: 0.92rem;
}

.office-automation-context-card span[b-tmkv1qgb9d] {
    color: var(--office-muted);
    line-height: 1.5;
}

.office-automation-context-card.meta[b-tmkv1qgb9d] {
    border-color: #bfdbfe;
    background: #eff6ff;
}

.office-automation-check-group[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.55rem;
    padding: 0.8rem;
    border: 1px solid var(--office-border);
    border-radius: 0.38rem;
}

.office-automation-check-group legend[b-tmkv1qgb9d] {
    float: none;
    width: auto;
    margin: 0;
    padding: 0 0.2rem;
    color: var(--office-muted);
    font-size: 0.76rem;
    font-weight: 700;
}

.office-automation-check-group label[b-tmkv1qgb9d] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
}

.office-automation-form .office-automation-check-group label .office-automation-selection-label[b-tmkv1qgb9d] {
    display: inline;
    color: var(--office-foreground);
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

.office-automation-input[b-tmkv1qgb9d],
.office-automation-textarea[b-tmkv1qgb9d] {
    width: 100%;
    border: 1px solid var(--office-border);
    border-radius: 0.32rem;
    background: var(--office-background);
    color: var(--office-foreground);
    font: inherit;
}

.office-automation-input[b-tmkv1qgb9d] {
    min-height: 2.45rem;
    padding: 0.45rem 0.7rem;
}

.office-automation-textarea[b-tmkv1qgb9d] {
    min-height: 7rem;
    padding: 0.65rem 0.7rem;
    resize: vertical;
}

.office-automation-toggle-row label[b-tmkv1qgb9d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.office-automation-option-row label.office-automation-toggle-row[b-tmkv1qgb9d],
.office-automation-action-block label.office-automation-toggle-row[b-tmkv1qgb9d] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.45rem;
    padding: 0.15rem 0;
}

.office-automation-option-row label.office-automation-toggle-row .office-automation-selection-label[b-tmkv1qgb9d],
.office-automation-action-block label.office-automation-toggle-row .office-automation-selection-label[b-tmkv1qgb9d] {
    display: inline;
    color: var(--office-foreground);
    font-size: 0.92rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.35;
    text-transform: none;
}

.office-automation-check-option[b-tmkv1qgb9d] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.office-automation-selection-control[b-tmkv1qgb9d] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    cursor: pointer;
    flex: 0 0 auto;
}

.office-automation-selection-input[b-tmkv1qgb9d] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: inherit;
    margin: 0;
}

.office-automation-selection-box[b-tmkv1qgb9d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 0.20rem;
    border: 1px solid rgba(0, 42, 186, 0.24);
    background: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
    transition: transform 0.16s ease, border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease;
}

.office-automation-selection-box svg[b-tmkv1qgb9d] {
    width: 1rem;
    height: 1rem;
    stroke: #ffffff;
    stroke-width: 3;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0;
    transform: scale(0.82);
    transition: opacity 0.16s ease, transform 0.16s ease;
}

.office-automation-selection-control:hover .office-automation-selection-box[b-tmkv1qgb9d] {
    transform: translateY(-1px);
    border-color: rgba(0, 42, 186, 0.4);
}

.office-automation-selection-input:checked + .office-automation-selection-box[b-tmkv1qgb9d] {
    background: var(--office-primary);
    border-color: var(--office-primary);
    color: var(--office-primary-foreground);
    box-shadow: 0 10px 20px rgba(0, 42, 186, 0.18);
}

.office-automation-selection-input:checked + .office-automation-selection-box svg[b-tmkv1qgb9d] {
    opacity: 1;
    transform: scale(1);
}

.office-automation-selection-input:focus-visible + .office-automation-selection-box[b-tmkv1qgb9d] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 42, 186, 0.18);
}

.office-automation-selection-label[b-tmkv1qgb9d] {
    display: inline;
}

.office-automation-emoji-toggle[b-tmkv1qgb9d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: start;
    gap: 0.38rem;
    min-height: 2rem;
    border: 1px solid var(--office-border);
    border-radius: 0.32rem;
    background: transparent;
    color: var(--office-muted);
    padding: 0.25rem 0.6rem;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}

.office-automation-emoji-toggle:hover[b-tmkv1qgb9d],
.office-automation-emoji-toggle.active[b-tmkv1qgb9d] {
    background: var(--office-hover);
    color: var(--office-primary);
}

.office-automation-emoji-toggle svg[b-tmkv1qgb9d] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.office-automation-form label .office-automation-emoji-toggle span[b-tmkv1qgb9d],
.office-automation-option-row label .office-automation-emoji-toggle span[b-tmkv1qgb9d] {
    display: inline;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: 0;
    text-transform: none;
}

.office-automation-emoji-menu[b-tmkv1qgb9d] {
    display: none;
    position: absolute;
    top: calc(100% + 0.35rem);
    left: 0;
    z-index: 20;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    width: max-content;
    max-width: min(22.5rem, 100%);
    padding: 0.5rem;
    border: 1px solid var(--office-border);
    border-radius: 0.38rem;
    background: var(--office-surface);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.16);
}

.office-automation-emoji-menu.open[b-tmkv1qgb9d] {
    display: flex;
}

.office-automation-emoji-menu button[b-tmkv1qgb9d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border: 0;
    border-radius: 0.32rem;
    background: transparent;
    font-size: 1.12rem;
    line-height: 1;
    cursor: pointer;
}

.office-automation-emoji-menu button:hover[b-tmkv1qgb9d] {
    background: color-mix(in srgb, var(--office-border) 34%, transparent);
}

.office-automation-chat-preview[b-tmkv1qgb9d] {
    display: grid;
    min-height: 18rem;
    align-items: start;
    padding: 1rem;
    border: 1px solid var(--office-border);
    border-radius: 0.38rem;
    background: var(--office-background);
}

.office-automation-chat-bubble[b-tmkv1qgb9d] {
    width: min(100%, 25rem);
    padding: 0.85rem;
    border-radius: 0.38rem;
    background: color-mix(in srgb, var(--office-primary) 10%, var(--office-surface));
    color: var(--office-foreground);
    line-height: 1.45;
    white-space: pre-wrap;
}

.office-automation-options-list[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.75rem;
}

.office-automation-option-card[b-tmkv1qgb9d] {
    display: grid;
    gap: 0;
    border: 1px solid color-mix(in srgb, var(--office-primary) 14%, var(--office-border));
    border-radius: 0.7rem;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--office-primary) 3%, var(--office-surface)) 0%, var(--office-surface) 100%);
    box-shadow: 0 14px 30px color-mix(in srgb, var(--office-shadow) 88%, transparent);
    overflow: hidden;
}

.office-automation-option-card.expanded[b-tmkv1qgb9d] {
    border-color: color-mix(in srgb, var(--office-primary) 38%, var(--office-border));
    box-shadow: 0 18px 34px color-mix(in srgb, var(--office-primary) 10%, var(--office-shadow));
}

.office-automation-option-card-header[b-tmkv1qgb9d] {
    display: flex;
    align-items: stretch;
    gap: 0.75rem;
    padding: 0.85rem 0.95rem;
}

.office-automation-option-card-toggle[b-tmkv1qgb9d] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    border: 0;
    background: transparent;
    padding: 0;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.office-automation-option-card-toggle:hover .office-automation-option-card-index[b-tmkv1qgb9d],
.office-automation-option-card-toggle:hover .office-automation-option-card-chevron[b-tmkv1qgb9d],
.office-automation-option-card.expanded .office-automation-option-card-index[b-tmkv1qgb9d],
.office-automation-option-card.expanded .office-automation-option-card-chevron[b-tmkv1qgb9d] {
    border-color: color-mix(in srgb, var(--office-primary) 50%, var(--office-border));
    color: var(--office-primary);
}

.office-automation-option-card-index[b-tmkv1qgb9d] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid color-mix(in srgb, var(--office-primary) 22%, var(--office-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--office-primary) 9%, var(--office-surface));
    color: color-mix(in srgb, var(--office-primary) 72%, var(--office-foreground));
    font-size: 0.95rem;
    font-weight: 800;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.office-automation-option-card-summary[b-tmkv1qgb9d] {
    min-width: 0;
    display: grid;
    gap: 0.3rem;
}

.office-automation-option-card-summary strong[b-tmkv1qgb9d] {
    color: var(--office-foreground);
    font-size: 1rem;
    line-height: 1.2;
}

.office-automation-option-card-meta[b-tmkv1qgb9d] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.office-automation-option-card-meta span[b-tmkv1qgb9d] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: 0 0.65rem;
    border: 1px solid color-mix(in srgb, var(--office-primary) 14%, var(--office-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--office-primary) 5%, var(--office-surface));
    color: var(--office-muted);
    font-size: 0.8rem;
    font-weight: 600;
}

.office-automation-option-card-chevron[b-tmkv1qgb9d] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--office-border);
    border-radius: 999px;
    color: var(--office-muted);
    transition: transform 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.office-automation-option-card-chevron.expanded[b-tmkv1qgb9d] {
    transform: rotate(180deg);
}

.office-automation-option-card-chevron svg[b-tmkv1qgb9d] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.office-automation-option-card-body[b-tmkv1qgb9d] {
    padding: 0 0.95rem 0.95rem;
    border-top: 1px solid color-mix(in srgb, var(--office-primary) 10%, var(--office-border));
}

.office-automation-option-row[b-tmkv1qgb9d] {
    display: grid;
    grid-template-columns: minmax(5rem, 0.45fr) minmax(11rem, 1.3fr) minmax(11rem, 1fr) minmax(11rem, 1fr) 2.25rem;
    gap: 0.75rem;
    align-items: end;
    padding: 0.9rem;
    border: 1px solid var(--office-border);
    border-radius: 0.38rem;
    background: var(--office-background);
}

.office-automation-option-card-body .office-automation-option-row[b-tmkv1qgb9d] {
    padding: 0.95rem 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.office-automation-option-card > .office-automation-icon-button[b-tmkv1qgb9d] {
    display: none;
}

.office-automation-next-message[b-tmkv1qgb9d],
.office-automation-next-summary[b-tmkv1qgb9d],
.office-automation-action-add-row[b-tmkv1qgb9d],
.office-automation-followup-list[b-tmkv1qgb9d] {
    grid-column: 1 / -2;
}

.office-automation-textarea.compact[b-tmkv1qgb9d] {
    min-height: 5.75rem;
}

.office-automation-next-summary[b-tmkv1qgb9d] {
    min-height: 2.45rem;
    display: flex;
    align-items: center;
    padding: 0.45rem 0.7rem;
    border: 1px solid var(--office-border);
    border-radius: 0.32rem;
    background: var(--office-surface);
    color: var(--office-muted);
}

.office-automation-followup-list[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem;
    border: 1px dashed var(--office-border);
    border-radius: 0.38rem;
    background: var(--office-surface);
}

.office-automation-followup-header[b-tmkv1qgb9d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.office-automation-followup-header span[b-tmkv1qgb9d] {
    color: var(--office-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.office-automation-action-card[b-tmkv1qgb9d] {
    display: grid;
    gap: 0;
    border: 1px solid color-mix(in srgb, var(--office-primary) 10%, var(--office-border));
    border-radius: 0.55rem;
    background: color-mix(in srgb, var(--office-surface) 92%, var(--office-primary) 2%);
    overflow: hidden;
}

.office-automation-action-card.expanded[b-tmkv1qgb9d] {
    border-color: color-mix(in srgb, var(--office-primary) 26%, var(--office-border));
}

.office-automation-action-card.scoped[b-tmkv1qgb9d] {
    margin-left: 1.25rem;
    border-style: dashed;
    border-color: color-mix(in srgb, #14b8a6 38%, var(--office-border));
    background: color-mix(in srgb, #ecfdf5 72%, var(--office-surface));
}

.office-automation-treatment-list .office-automation-action-card.scoped[b-tmkv1qgb9d] {
    margin-left: 0;
}

.office-automation-action-card-header[b-tmkv1qgb9d] {
    display: flex;
    align-items: stretch;
    gap: 0.65rem;
    padding: 0.72rem 0.78rem;
}

.office-automation-action-card-toggle[b-tmkv1qgb9d] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border: 0;
    background: transparent;
    padding: 0;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.office-automation-action-card-index[b-tmkv1qgb9d] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.9rem;
    padding: 0 0.6rem;
    border: 1px solid color-mix(in srgb, var(--office-primary) 18%, var(--office-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--office-primary) 6%, var(--office-surface));
    color: color-mix(in srgb, var(--office-primary) 70%, var(--office-foreground));
    font-size: 0.8rem;
    font-weight: 700;
    white-space: nowrap;
}

.office-automation-action-card-summary[b-tmkv1qgb9d] {
    min-width: 0;
    display: grid;
    gap: 0.22rem;
}

.office-automation-action-card-summary strong[b-tmkv1qgb9d] {
    color: var(--office-foreground);
    font-size: 0.9rem;
    line-height: 1.2;
}

.office-automation-action-card-summary span[b-tmkv1qgb9d] {
    color: var(--office-muted);
    font-size: 0.8rem;
    line-height: 1.35;
}

.office-automation-action-scope[b-tmkv1qgb9d] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.12rem 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, #14b8a6 16%, var(--office-surface));
    color: #0f766e;
    font-size: 0.75rem;
    font-weight: 700;
}

.office-automation-action-card-body[b-tmkv1qgb9d] {
    padding: 0 0.78rem 0.78rem;
    border-top: 1px solid color-mix(in srgb, var(--office-primary) 8%, var(--office-border));
}

.office-automation-action-block[b-tmkv1qgb9d] {
    display: grid;
    grid-template-columns: minmax(11rem, 0.8fr) minmax(12rem, 1.2fr) 2.25rem;
    gap: 0.65rem;
    align-items: end;
    padding: 0.65rem;
    border: 1px solid var(--office-border);
    border-radius: 0.38rem;
    background: var(--office-background);
}

.office-automation-action-card-body .office-automation-action-block[b-tmkv1qgb9d] {
    padding: 0.82rem 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.office-automation-action-block .office-automation-action-add-row[b-tmkv1qgb9d] {
    grid-column: 1 / -2;
}

.office-automation-action-add-row[b-tmkv1qgb9d] {
    display: flex;
    justify-content: flex-end;
}

.office-automation-action-add-row-wrap[b-tmkv1qgb9d] {
    flex-wrap: wrap;
    gap: 0.55rem;
}

.office-automation-action-add-row .office-automation-secondary-button[b-tmkv1qgb9d] {
    border-color: #14b8a6;
    background: #ecfdf5;
    color: #0f766e;
}

.office-automation-action-add-row .office-automation-secondary-button:hover:not(:disabled)[b-tmkv1qgb9d] {
    border-color: #0d9488;
    background: #ccfbf1;
    color: #115e59;
    box-shadow: 0 6px 16px rgba(20, 184, 166, 0.16);
}

.office-automation-treatment-panel[b-tmkv1qgb9d] {
    display: grid;
    grid-column: 1 / -1;
    gap: 0.75rem;
    padding: 0.9rem;
    border: 1px solid color-mix(in srgb, #14b8a6 22%, var(--office-border));
    border-radius: 0.5rem;
    background: linear-gradient(180deg, color-mix(in srgb, #ecfdf5 82%, var(--office-surface)), var(--office-surface));
}

.office-automation-treatment-header[b-tmkv1qgb9d] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.office-automation-treatment-heading[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.2rem;
}

.office-automation-treatment-heading strong[b-tmkv1qgb9d] {
    color: #0f766e;
    font-size: 0.88rem;
}

.office-automation-treatment-heading span[b-tmkv1qgb9d] {
    color: var(--office-muted);
    font-size: 0.78rem;
    line-height: 1.4;
}

.office-automation-treatment-empty[b-tmkv1qgb9d] {
    padding: 0.8rem 0.9rem;
    border: 1px dashed color-mix(in srgb, #14b8a6 34%, var(--office-border));
    border-radius: 0.45rem;
    background: color-mix(in srgb, #f0fdfa 88%, var(--office-surface));
    color: var(--office-muted);
    font-size: 0.82rem;
}

.office-automation-treatment-list[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.75rem;
}

.office-automation-action-block-wide[b-tmkv1qgb9d] {
    display: grid;
    grid-column: 1 / -2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    align-items: start;
    padding: 0.75rem;
    border: 1px solid var(--office-border);
    border-radius: 0.38rem;
    background: var(--office-surface);
}

.office-automation-action-block .office-automation-action-block-wide[b-tmkv1qgb9d] {
    grid-column: 1 / -1;
}

.office-automation-action-block-wide > .office-automation-next-summary[b-tmkv1qgb9d],
.office-automation-action-block-wide > .office-automation-mapping-panel[b-tmkv1qgb9d],
.office-automation-action-block-wide > label:has(.office-automation-textarea)[b-tmkv1qgb9d] {
    grid-column: 1 / -1;
}

.office-automation-mapping-panel[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    padding: 0.65rem;
    border: 1px solid var(--office-border);
    border-radius: 0.32rem;
    background: var(--office-surface);
}

.office-automation-mapping-panel > span[b-tmkv1qgb9d] {
    grid-column: 1 / -1;
    color: var(--office-foreground);
    font-size: 0.82rem;
    font-weight: 700;
}

.office-automation-mapping-panel label span[b-tmkv1qgb9d] {
    overflow-wrap: anywhere;
}

.office-automation-template-hint[b-tmkv1qgb9d] {
    color: var(--office-muted);
    font-size: 0.82rem;
}

.office-automation-simulator[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.85rem;
    padding: 0.9rem;
    border: 1px solid var(--office-border);
    border-radius: 0.38rem;
    background: var(--office-background);
}

.office-automation-simulator-launch[b-tmkv1qgb9d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem;
    border: 1px solid var(--office-border);
    border-radius: 0.38rem;
    background: var(--office-background);
}

.office-automation-simulator-launch-actions[b-tmkv1qgb9d] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    text-align: right;
}

.office-automation-simulator-launch-actions span[b-tmkv1qgb9d] {
    color: var(--office-muted);
    font-size: 0.85rem;
}

.office-automation-simulator-backdrop[b-tmkv1qgb9d] {
    position: fixed;
    inset: 0;
    z-index: 70;
    background: rgba(15, 23, 42, 0.22);
}

.office-automation-simulator-modal[b-tmkv1qgb9d] {
    position: fixed;
    inset: 0 0 0 auto;
    z-index: 80;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(100vw, 68rem);
    height: 100dvh;
    padding: 0.95rem;
    border-width: 0 0 0 1px;
    border-radius: 0;
    box-shadow: -1.2rem 0 2.5rem rgba(15, 23, 42, 0.18);
    overflow: hidden;
}

.office-automation-simulator-modal .office-automation-panel-header[b-tmkv1qgb9d] {
    align-items: center;
}

.office-automation-simulator-modal .office-automation-icon-button[b-tmkv1qgb9d] {
    margin-left: auto;
}

.office-automation-simulator-layout[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: minmax(20rem, 1fr) minmax(18rem, 0.48fr);
}

.office-automation-simulator-modal .office-automation-simulator-layout[b-tmkv1qgb9d] {
    min-height: 0;
}

.office-automation-simulator-phone[b-tmkv1qgb9d],
.office-automation-simulator-sidebar[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.75rem;
}

.office-automation-simulator-phone[b-tmkv1qgb9d] {
    min-height: 34rem;
    overflow: hidden;
    border: 1px solid var(--office-border);
    border-radius: 0.45rem;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--office-hover) 65%, transparent), transparent 38%),
        var(--office-surface);
}

.office-automation-simulator-modal .office-automation-simulator-phone[b-tmkv1qgb9d] {
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 0;
}

.office-automation-simulator-modal .office-automation-simulator-sidebar[b-tmkv1qgb9d] {
    align-content: start;
    min-height: 0;
    overflow: auto;
}

.office-automation-simulator-chat-header[b-tmkv1qgb9d] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.8rem 0.9rem;
    border-bottom: 1px solid var(--office-border);
    background: color-mix(in srgb, var(--office-surface) 82%, var(--office-hover));
}

.office-automation-simulator-chat-header div[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.15rem;
}

.office-automation-simulator-chat-header strong[b-tmkv1qgb9d] {
    color: var(--office-foreground);
    font-size: 0.9rem;
}

.office-automation-simulator-chat-header span[b-tmkv1qgb9d] {
    color: var(--office-muted);
    font-size: 0.78rem;
}

.office-automation-simulation-badge[b-tmkv1qgb9d] {
    flex: 0 0 auto;
    padding: 0.18rem 0.55rem;
    border: 1px solid var(--office-border);
    border-radius: 999px;
    color: var(--office-muted);
    font-size: 0.74rem;
    font-weight: 700;
}

.office-automation-simulation-badge.active[b-tmkv1qgb9d],
.office-automation-simulation-badge.ready[b-tmkv1qgb9d] {
    border-color: color-mix(in srgb, var(--office-primary) 45%, var(--office-border));
    color: var(--office-primary);
}

.office-automation-simulation-badge.completed[b-tmkv1qgb9d] {
    border-color: color-mix(in srgb, #18a058 48%, var(--office-border));
    color: #147a43;
}

.office-automation-simulation-badge.failed[b-tmkv1qgb9d],
.office-automation-simulation-badge.blocked[b-tmkv1qgb9d] {
    border-color: color-mix(in srgb, #d92d20 42%, var(--office-border));
    color: #b42318;
}

.office-automation-simulator-actions[b-tmkv1qgb9d] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.75rem;
    border: 1px solid var(--office-border);
    border-radius: 0.38rem;
    background: var(--office-surface);
}

.office-automation-simulator-actions span[b-tmkv1qgb9d] {
    flex: 1 1 100%;
    color: var(--office-muted);
    font-size: 0.8rem;
}

.office-automation-simulator-actions .office-automation-secondary-button[b-tmkv1qgb9d] {
    flex: 1 1 9rem;
    justify-content: center;
}

.office-automation-simulation-transcript[b-tmkv1qgb9d] {
    align-content: start;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    min-height: 23rem;
    max-height: 32rem;
    padding: 0.9rem;
    overflow: auto;
}

.office-automation-simulator-modal .office-automation-simulation-transcript[b-tmkv1qgb9d] {
    min-height: 0;
    max-height: none;
}

.office-automation-simulation-empty[b-tmkv1qgb9d],
.office-automation-simulation-context[b-tmkv1qgb9d],
.office-automation-simulation-summary-card[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.35rem;
    padding: 0.7rem;
    border: 1px solid var(--office-border);
    border-radius: 0.32rem;
    background: var(--office-surface);
}

.office-automation-simulation-empty[b-tmkv1qgb9d] {
    align-self: center;
    max-width: 24rem;
    margin: auto;
    text-align: center;
}

.office-automation-simulation-empty p[b-tmkv1qgb9d],
.office-automation-simulation-context p[b-tmkv1qgb9d] {
    margin: 0;
    color: var(--office-muted);
    font-size: 0.82rem;
}

.office-automation-simulation-entry[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.2rem;
    max-width: min(78%, 30rem);
}

.office-automation-simulation-entry.user[b-tmkv1qgb9d] {
    align-self: flex-end;
    justify-items: end;
}

.office-automation-simulation-entry.system[b-tmkv1qgb9d] {
    align-self: center;
    justify-items: center;
    max-width: 90%;
}

.office-automation-simulation-bubble[b-tmkv1qgb9d] {
    padding: 0.58rem 0.72rem;
    border: 1px solid var(--office-border);
    border-radius: 0.5rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.office-automation-simulation-entry.user .office-automation-simulation-bubble[b-tmkv1qgb9d] {
    border-color: color-mix(in srgb, var(--office-primary) 44%, var(--office-border));
    background: color-mix(in srgb, var(--office-primary) 12%, #ffffff);
}

.office-automation-simulation-entry.system .office-automation-simulation-bubble[b-tmkv1qgb9d] {
    border-style: dashed;
    background: color-mix(in srgb, var(--office-hover) 66%, #ffffff);
}

.office-automation-simulation-meta[b-tmkv1qgb9d],
.office-automation-simulation-context strong[b-tmkv1qgb9d] {
    color: var(--office-foreground);
    font-size: 0.82rem;
}

.office-automation-simulation-bubble p[b-tmkv1qgb9d] {
    margin: 0;
    color: var(--office-foreground);
    font-size: 0.88rem;
    line-height: 1.45;
    white-space: pre-wrap;
}

.office-automation-simulation-meta[b-tmkv1qgb9d] {
    color: var(--office-muted);
    font-size: 0.76rem;
}

.office-automation-simulator-composer[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0.75rem;
    border-top: 1px solid var(--office-border);
    background: color-mix(in srgb, var(--office-surface) 88%, var(--office-background));
}

.office-automation-simulation-summary-grid[b-tmkv1qgb9d] {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: 1fr;
}

.office-automation-simulation-summary-card[b-tmkv1qgb9d] {
    align-items: center;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 0;
    padding: 0.65rem 0.75rem;
}

.office-automation-simulation-summary-card strong[b-tmkv1qgb9d] {
    color: var(--office-foreground);
    font-size: 1.05rem;
    line-height: 1;
}

.office-automation-simulation-summary-card span[b-tmkv1qgb9d] {
    color: var(--office-muted);
    font-size: 0.78rem;
    line-height: 1.25;
}

.office-automation-simulation-context[b-tmkv1qgb9d] {
    min-height: 0;
}

.office-automation-simulation-context pre[b-tmkv1qgb9d] {
    max-height: clamp(11rem, 28dvh, 18rem);
    margin: 0;
    overflow: auto;
    color: var(--office-foreground);
    font-size: 0.8rem;
    white-space: pre-wrap;
}

.office-automation-primary-button[b-tmkv1qgb9d],
.office-automation-secondary-button[b-tmkv1qgb9d],
.office-automation-icon-button[b-tmkv1qgb9d] {
    border: 1px solid var(--office-border);
    border-radius: 0.32rem;
    font: inherit;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.office-automation-primary-button[b-tmkv1qgb9d],
.office-automation-secondary-button[b-tmkv1qgb9d] {
    min-height: 2rem;
    padding: 0.34rem 0.95rem;
    font-size: 0.88rem;
    font-weight: 600;
}

.office-automation-secondary-button.compact[b-tmkv1qgb9d] {
    min-height: 1.9rem;
    padding: 0.25rem 0.65rem;
    font-size: 0.8rem;
}

.office-automation-primary-button[b-tmkv1qgb9d] {
    border-color: var(--office-primary);
    background: var(--office-primary);
    color: var(--office-primary-foreground);
    box-shadow: 0 8px 18px color-mix(in srgb, var(--office-primary) 22%, transparent);
}

.office-automation-secondary-button[b-tmkv1qgb9d] {
    border-color: color-mix(in srgb, var(--office-primary) 22%, var(--office-border));
    background: color-mix(in srgb, var(--office-primary) 5%, var(--office-surface));
    color: color-mix(in srgb, var(--office-primary) 62%, var(--office-foreground));
}

.office-automation-primary-button:hover:not(:disabled)[b-tmkv1qgb9d] {
    filter: brightness(0.98);
    transform: translateY(-1px);
    box-shadow: 0 10px 22px color-mix(in srgb, var(--office-primary) 28%, transparent);
}

.office-automation-secondary-button:hover:not(:disabled)[b-tmkv1qgb9d] {
    border-color: var(--office-primary);
    background: color-mix(in srgb, var(--office-primary) 11%, var(--office-surface));
    color: var(--office-primary);
    box-shadow: 0 6px 16px color-mix(in srgb, var(--office-primary) 11%, transparent);
}

.office-automation-icon-button:hover:not(:disabled)[b-tmkv1qgb9d] {
    background: var(--office-hover);
}

.office-automation-primary-button:disabled[b-tmkv1qgb9d],
.office-automation-secondary-button:disabled[b-tmkv1qgb9d],
.office-automation-icon-button:disabled[b-tmkv1qgb9d] {
    cursor: not-allowed;
    opacity: 0.65;
}

.office-automation-icon-button[b-tmkv1qgb9d] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    background: #fff1f2;
    border-color: #fecaca;
    color: #b91c1c;
}

.office-automation-icon-button:hover:not(:disabled)[b-tmkv1qgb9d] {
    border-color: #ef4444;
    background: #fee2e2;
    color: #991b1b;
    box-shadow: 0 6px 16px rgba(239, 68, 68, 0.14);
}

.office-automation-icon-button svg[b-tmkv1qgb9d] {
    width: 1.1rem;
    height: 1.1rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.office-automation-builder-footer[b-tmkv1qgb9d] {
    padding-top: 0.25rem;
    border-top: 1px solid var(--office-border);
}

.office-automation-builder-footer strong[b-tmkv1qgb9d] {
    display: block;
    color: var(--office-foreground);
}

::global(.office-theme-dark) .office-automation-builder-panel[b-tmkv1qgb9d],
::global(.office-theme-dark) .office-automation-preview-panel[b-tmkv1qgb9d] {
    border-color: #8b949e;
    background: #010409;
    box-shadow: none;
}

::global(.office-theme-dark) .office-automation-primary-button[b-tmkv1qgb9d],
::global(.office-theme-dark) .office-automation-secondary-button[b-tmkv1qgb9d],
::global(.office-theme-dark) .office-automation-icon-button[b-tmkv1qgb9d] {
    border-color: #8b949e;
}

::global(.office-theme-dark) .office-automation-primary-button[b-tmkv1qgb9d] {
    border-color: #58a6ff;
    background: #1f6feb;
    color: #ffffff;
    box-shadow: 0 10px 22px rgba(31, 111, 235, 0.24);
}

::global(.office-theme-dark) .office-automation-primary-button:hover:not(:disabled)[b-tmkv1qgb9d] {
    border-color: #79c0ff;
    background: #388bfd;
    filter: none;
}

::global(.office-theme-dark) .office-automation-secondary-button[b-tmkv1qgb9d] {
    border-color: #3fb950;
    background: rgba(46, 160, 67, 0.14);
    color: #7ee787;
}

::global(.office-theme-dark) .office-automation-secondary-button:hover:not(:disabled)[b-tmkv1qgb9d] {
    border-color: #56d364;
    background: rgba(46, 160, 67, 0.22);
    color: #aff5b4;
}

::global(.office-theme-dark) .office-automation-action-button[b-tmkv1qgb9d] {
    border-color: #58a6ff;
    background: rgba(56, 139, 253, 0.12);
    color: #79c0ff;
}

::global(.office-theme-dark) .office-automation-action-button:hover:not(:disabled)[b-tmkv1qgb9d] {
    border-color: #79c0ff;
    background: rgba(56, 139, 253, 0.2);
}

::global(.office-theme-dark) .office-automation-action-button.danger[b-tmkv1qgb9d],
::global(.office-theme-dark) .office-automation-icon-button[b-tmkv1qgb9d] {
    border-color: #f85149;
    background: rgba(248, 81, 73, 0.12);
    color: #ff7b72;
}

::global(.office-theme-dark) .office-automation-action-button.danger:hover:not(:disabled)[b-tmkv1qgb9d],
::global(.office-theme-dark) .office-automation-icon-button:hover:not(:disabled)[b-tmkv1qgb9d] {
    border-color: #ff7b72;
    background: rgba(248, 81, 73, 0.22);
    color: #ffa198;
}

::global(.office-theme-dark) .office-automation-action-add-row .office-automation-secondary-button[b-tmkv1qgb9d] {
    border-color: #39c5cf;
    background: rgba(57, 197, 207, 0.12);
    color: #7ee7ef;
}

::global(.office-theme-dark) .office-automation-action-add-row .office-automation-secondary-button:hover:not(:disabled)[b-tmkv1qgb9d] {
    border-color: #7ee7ef;
    background: rgba(57, 197, 207, 0.2);
    color: #b7f7fb;
}

::global(.office-theme-dark) .office-automation-context-card[b-tmkv1qgb9d] {
    border-color: #30363d;
    background: #0d1117;
}

::global(.office-theme-dark) .office-automation-context-card.meta[b-tmkv1qgb9d] {
    border-color: #1d4ed8;
    background: rgba(37, 99, 235, 0.16);
}

@media (max-width: 920px) {
    .office-automation-builder-layout[b-tmkv1qgb9d],
    .office-automation-option-row[b-tmkv1qgb9d],
    .office-automation-action-block[b-tmkv1qgb9d],
    .office-automation-simulator-layout[b-tmkv1qgb9d],
    .office-automation-simulator-composer[b-tmkv1qgb9d],
    .office-automation-simulation-summary-grid[b-tmkv1qgb9d] {
        grid-template-columns: 1fr;
    }

    .office-automation-simulator-launch[b-tmkv1qgb9d],
    .office-automation-builder-header[b-tmkv1qgb9d],
    .office-automation-header-actions[b-tmkv1qgb9d],
    .office-automation-options-header[b-tmkv1qgb9d],
    .office-automation-builder-footer[b-tmkv1qgb9d],
    .office-automation-table-header[b-tmkv1qgb9d] {
        align-items: flex-start;
        flex-direction: column;
    }

    .office-automation-simulator-launch-actions[b-tmkv1qgb9d] {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
        text-align: left;
    }

    .office-automation-simulator-modal[b-tmkv1qgb9d] {
        width: 100vw;
        overflow: auto;
    }

    .office-automation-simulator-modal .office-automation-simulator-phone[b-tmkv1qgb9d] {
        min-height: 70dvh;
    }

    .office-automation-actions[b-tmkv1qgb9d],
    .office-automation-footer-actions[b-tmkv1qgb9d] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/Settings.razor.rz.scp.css */
.settings-loading[b-9fhl09b1vg],
.settings-empty[b-9fhl09b1vg] {
    padding: 1.2rem;
    border-radius: var(--radius);
    background: var(--card);
    border: 1px solid var(--border);
    color: var(--muted-foreground);
}

.settings-hero[b-9fhl09b1vg] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.settings-eyebrow[b-9fhl09b1vg] {
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.settings-hero h1[b-9fhl09b1vg] {
    margin: 0.35rem 0 0.5rem;
    font-size: clamp(2rem, 3vw, 3rem);
    color: var(--foreground);
    letter-spacing: -0.04em;
    font-weight: 700;
}

.settings-hero p[b-9fhl09b1vg] {
    margin: 0;
    color: var(--muted-foreground);
    max-width: 46rem;
}

.settings-card[b-9fhl09b1vg] {
    margin-bottom: 1rem;
    padding: 1.2rem;
    border-radius: var(--radius);
    background: var(--card);
    border: 1px solid var(--border);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.2);
}

.settings-shell[b-9fhl09b1vg] {
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.settings-tabs[b-9fhl09b1vg] {
    display: grid;
    gap: 0.6rem;
    padding: 0.75rem;
    border-radius: var(--radius);
    background: var(--card);
    border: 1px solid var(--border);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.2);
}

.settings-tab[b-9fhl09b1vg] {
    display: grid;
    gap: 0.25rem;
    width: 100%;
    padding: 0.85rem 0.9rem;
    border-radius: calc(var(--radius) - 0.1rem);
    border: 1px solid transparent;
    background: transparent;
    color: var(--foreground);
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.settings-tab span[b-9fhl09b1vg] {
    color: var(--muted-foreground);
    font-size: 0.9rem;
}

.settings-tab.active[b-9fhl09b1vg] {
    background: rgba(8, 242, 166, 0.1);
    border-color: rgba(8, 242, 166, 0.22);
}

.settings-tab.active strong[b-9fhl09b1vg] {
    color: var(--primary);
}

.settings-tab.disabled[b-9fhl09b1vg] {
    opacity: 0.62;
    cursor: not-allowed;
}

.settings-tab-content[b-9fhl09b1vg] {
    min-width: 0;
}

.settings-card-header[b-9fhl09b1vg] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
    margin-bottom: 1rem;
}

.settings-card-header h2[b-9fhl09b1vg] {
    margin: 0;
    font-size: 1.05rem;
}

.settings-card-header span[b-9fhl09b1vg],
.settings-current span[b-9fhl09b1vg],
.settings-integration-item span[b-9fhl09b1vg] {
    color: var(--muted-foreground);
}

.settings-current[b-9fhl09b1vg] {
    display: grid;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: var(--radius);
    border: 1px solid rgba(8, 242, 166, 0.18);
    background: rgba(8, 242, 166, 0.08);
}

.settings-label[b-9fhl09b1vg],
.settings-field span[b-9fhl09b1vg] {
    color: var(--foreground);
    font-size: 0.92rem;
    font-weight: 600;
}

.settings-field[b-9fhl09b1vg] {
    display: grid;
    gap: 0.55rem;
}

.settings-input[b-9fhl09b1vg] {
    width: 100%;
    min-height: 3rem;
    padding: 0.85rem 1rem;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: #09090b;
    color: var(--foreground);
    font: inherit;
}

.settings-input:focus[b-9fhl09b1vg],
.settings-input:focus-visible[b-9fhl09b1vg] {
    outline: none;
    border-color: rgba(8, 242, 166, 0.42);
    box-shadow: 0 0 0 2px rgba(8, 242, 166, 0.12);
}

.settings-actions[b-9fhl09b1vg] {
    display: flex;
    justify-content: end;
    margin-top: 1rem;
}

.settings-primary-button[b-9fhl09b1vg],
.settings-secondary-button[b-9fhl09b1vg] {
    min-height: 2.8rem;
    padding: 0.75rem 1rem;
    border-radius: calc(var(--radius) + 0.05rem);
    border: 1px solid transparent;
    font: inherit;
    cursor: pointer;
}

.settings-primary-button[b-9fhl09b1vg] {
    background: var(--primary);
    color: var(--primary-foreground);
    font-weight: 700;
}

.settings-secondary-button[b-9fhl09b1vg] {
    background: #111114;
    color: var(--foreground);
    border-color: var(--border);
}

.settings-primary-button:disabled[b-9fhl09b1vg],
.settings-secondary-button:disabled[b-9fhl09b1vg] {
    opacity: 0.65;
    cursor: not-allowed;
}

.settings-feedback[b-9fhl09b1vg] {
    margin-bottom: 1rem;
    padding: 0.95rem 1rem;
    border-radius: var(--radius);
    background: rgba(8, 242, 166, 0.12);
    border: 1px solid rgba(8, 242, 166, 0.2);
    color: #b7ffe3;
}

.settings-feedback.error[b-9fhl09b1vg] {
    background: rgba(123, 30, 30, 0.28);
    border-color: rgba(255, 99, 99, 0.28);
    color: #ffb6b6;
}

.settings-integration-list[b-9fhl09b1vg] {
    display: grid;
    gap: 0.75rem;
}

.settings-integration-item[b-9fhl09b1vg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 0.95rem 1rem;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: #09090b;
}

.settings-integration-item.selected[b-9fhl09b1vg] {
    border-color: rgba(8, 242, 166, 0.35);
    background: rgba(8, 242, 166, 0.08);
}

.settings-integration-item div[b-9fhl09b1vg],
.settings-integration-meta[b-9fhl09b1vg] {
    display: grid;
    gap: 0.25rem;
}

.settings-integration-meta[b-9fhl09b1vg] {
    text-align: right;
}

.settings-branding-grid[b-9fhl09b1vg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.settings-branding-item[b-9fhl09b1vg] {
    display: grid;
    grid-template-columns: minmax(130px, 180px) minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: #09090b;
}

.settings-branding-preview[b-9fhl09b1vg] {
    width: 100%;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: calc(var(--radius) - 0.1rem);
    border: 1px solid var(--border);
    background: #111114;
}

.settings-branding-preview.banner[b-9fhl09b1vg] {
    aspect-ratio: 4 / 5;
}

.settings-branding-preview.logo[b-9fhl09b1vg] {
    aspect-ratio: 2.6 / 1;
    padding: 0.75rem;
}

.settings-branding-preview img[b-9fhl09b1vg] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.settings-branding-preview.logo img[b-9fhl09b1vg] {
    object-fit: contain;
}

.settings-branding-details[b-9fhl09b1vg] {
    min-width: 0;
    display: grid;
    gap: 0.55rem;
}

.settings-branding-details strong[b-9fhl09b1vg] {
    color: var(--foreground);
}

.settings-branding-details span[b-9fhl09b1vg] {
    color: var(--muted-foreground);
    overflow-wrap: anywhere;
}

.settings-upload-button[b-9fhl09b1vg] {
    min-height: 2.7rem;
    display: inline-grid;
    place-items: center;
    justify-self: start;
    padding: 0.72rem 1rem;
    border-radius: calc(var(--radius) + 0.05rem);
    border: 1px solid var(--border);
    background: #111114;
    color: var(--foreground);
    font-weight: 700;
    cursor: pointer;
}

.settings-upload-button:hover[b-9fhl09b1vg] {
    border-color: rgba(8, 242, 166, 0.32);
}

.settings-file-input[b-9fhl09b1vg] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 900px) {
    .settings-hero[b-9fhl09b1vg],
    .settings-card-header[b-9fhl09b1vg],
    .settings-integration-item[b-9fhl09b1vg],
    .settings-branding-grid[b-9fhl09b1vg],
    .settings-branding-item[b-9fhl09b1vg],
    .settings-shell[b-9fhl09b1vg] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .settings-tabs[b-9fhl09b1vg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .settings-actions[b-9fhl09b1vg] {
        display: grid;
    }

    .settings-integration-meta[b-9fhl09b1vg] {
        text-align: left;
    }
}

@media (max-width: 640px) {
    .settings-tabs[b-9fhl09b1vg] {
        grid-template-columns: 1fr;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Pages/Tenants.razor.rz.scp.css */
.tenants-hero[b-kx90squuwd] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.tenants-eyebrow[b-kx90squuwd] {
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.tenants-hero h1[b-kx90squuwd] {
    margin: 0.35rem 0 0.5rem;
    font-size: clamp(2rem, 3vw, 3rem);
    color: var(--foreground);
    letter-spacing: -0.04em;
    font-weight: 700;
}

.tenants-hero p[b-kx90squuwd] {
    margin: 0;
    color: var(--muted-foreground);
    max-width: 46rem;
}

.tenants-primary-button[b-kx90squuwd],
.tenant-secondary-button[b-kx90squuwd],
.tenant-action-button[b-kx90squuwd],
.tenants-close-button[b-kx90squuwd] {
    border-radius: calc(var(--radius) + 0.05rem);
    border: 1px solid transparent;
    font: inherit;
    cursor: pointer;
}

.tenants-primary-button[b-kx90squuwd] {
    min-height: 3rem;
    padding: 0.9rem 1.15rem;
    background: var(--primary);
    color: var(--primary-foreground);
    font-weight: 700;
    box-shadow: 0 16px 36px rgba(8, 242, 166, 0.18);
}

.tenants-primary-button:disabled[b-kx90squuwd],
.tenant-secondary-button:disabled[b-kx90squuwd],
.tenant-action-button:disabled[b-kx90squuwd] {
    opacity: 0.65;
    cursor: not-allowed;
}

.tenants-summary-grid[b-kx90squuwd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.tenants-summary-card[b-kx90squuwd] {
    padding: 1.2rem 1.25rem;
    border-radius: var(--radius);
    background: var(--card);
    border: 1px solid var(--border);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.2);
}

.tenants-summary-card.accent[b-kx90squuwd],
.tenants-context-box.accent[b-kx90squuwd] {
    background: linear-gradient(135deg, rgba(8, 242, 166, 0.16) 0%, rgba(8, 242, 166, 0.07) 100%);
    border-color: rgba(8, 242, 166, 0.24);
}

.tenants-summary-label[b-kx90squuwd],
.tenants-summary-caption[b-kx90squuwd],
.tenants-context-label[b-kx90squuwd] {
    display: block;
    color: var(--muted-foreground);
}

.tenants-summary-value[b-kx90squuwd] {
    display: block;
    margin-top: 0.55rem;
    font-size: 2.1rem;
    line-height: 1;
    color: var(--foreground);
    letter-spacing: -0.04em;
}

.tenants-toolbar[b-kx90squuwd] {
    margin-bottom: 1rem;
}

.tenants-rule-card[b-kx90squuwd] {
    position: relative;
    display: grid;
    gap: 0.4rem;
    margin-bottom: 1rem;
    padding: 1rem 3rem 1rem 1.05rem;
    border-radius: var(--radius);
    background: rgba(8, 242, 166, 0.08);
    border: 1px solid rgba(8, 242, 166, 0.16);
}

.tenants-rule-card strong[b-kx90squuwd] {
    color: var(--foreground);
    font-size: 0.95rem;
}

.tenants-rule-card span[b-kx90squuwd] {
    color: var(--muted-foreground);
    line-height: 1.5;
}

.tenants-rule-close[b-kx90squuwd] {
    position: absolute;
    top: 0.7rem;
    right: 0.8rem;
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid rgba(8, 242, 166, 0.16);
    border-radius: 999px;
    background: #111114;
    color: var(--foreground);
    font: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
}

.tenants-rule-close:hover[b-kx90squuwd] {
    background: #17171b;
}

.tenants-search[b-kx90squuwd] {
    display: grid;
    gap: 0.55rem;
}

.tenants-search span[b-kx90squuwd],
.tenants-form-field span[b-kx90squuwd] {
    color: var(--foreground);
    font-size: 0.92rem;
    font-weight: 600;
}

.tenants-search input[b-kx90squuwd],
.tenants-form-field[b-kx90squuwd]  .tenants-input,
.tenants-form-field .tenants-input[b-kx90squuwd],
.tenants-lookup-row .tenants-input[b-kx90squuwd] {
    width: 100%;
    min-height: 3rem;
    padding: 0.85rem 1rem;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: #09090b;
    color: var(--foreground);
    font: inherit;
}

.tenants-search input:focus[b-kx90squuwd],
.tenants-search input:focus-visible[b-kx90squuwd],
.tenants-form-field[b-kx90squuwd]  .tenants-input:focus,
.tenants-form-field[b-kx90squuwd]  .tenants-input:focus-visible,
.tenants-form-field .tenants-input:focus[b-kx90squuwd],
.tenants-form-field .tenants-input:focus-visible[b-kx90squuwd],
.tenants-lookup-row .tenants-input:focus[b-kx90squuwd],
.tenants-lookup-row .tenants-input:focus-visible[b-kx90squuwd] {
    outline: none;
    border-color: rgba(8, 242, 166, 0.42);
    box-shadow: 0 0 0 2px rgba(8, 242, 166, 0.12);
}

.tenants-feedback[b-kx90squuwd] {
    margin-bottom: 1rem;
    padding: 0.95rem 1rem;
    border-radius: var(--radius);
    background: rgba(8, 242, 166, 0.12);
    border: 1px solid rgba(8, 242, 166, 0.2);
    color: #b7ffe3;
}

.tenants-feedback.error[b-kx90squuwd] {
    background: rgba(123, 30, 30, 0.28);
    border-color: rgba(255, 99, 99, 0.28);
    color: #ffb6b6;
}

.tenants-feedback.compact[b-kx90squuwd] {
    margin-bottom: 0;
}

.tenants-table-card[b-kx90squuwd] {
    border-radius: var(--radius);
    background: var(--card);
    border: 1px solid var(--border);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.tenants-table-header[b-kx90squuwd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid var(--border);
}

.tenants-table-header h2[b-kx90squuwd] {
    margin: 0;
    font-size: 1.05rem;
}

.tenants-table-header span[b-kx90squuwd],
.tenants-empty[b-kx90squuwd],
.tenant-muted-stack span[b-kx90squuwd],
.tenant-name-cell span[b-kx90squuwd],
.tenants-context-box span[b-kx90squuwd],
.tenants-drawer-header p[b-kx90squuwd] {
    color: var(--muted-foreground);
}

.tenants-table-wrap[b-kx90squuwd] {
    overflow-x: auto;
}

.tenants-table[b-kx90squuwd] {
    width: 100%;
    border-collapse: collapse;
}

.tenants-table th[b-kx90squuwd],
.tenants-table td[b-kx90squuwd] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(39, 39, 42, 0.7);
    text-align: left;
    vertical-align: middle;
}

.tenants-table th[b-kx90squuwd] {
    color: var(--muted-foreground);
    font-size: 0.84rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.tenants-table tbody tr:hover[b-kx90squuwd],
.tenants-table tbody tr.is-selected[b-kx90squuwd] {
    background: rgba(255, 255, 255, 0.02);
}

.tenant-name-cell[b-kx90squuwd],
.tenant-muted-stack[b-kx90squuwd],
.tenant-status-stack[b-kx90squuwd] {
    display: grid;
    gap: 0.22rem;
}

.tenant-action-group[b-kx90squuwd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
}

.tenant-status[b-kx90squuwd],
.tenant-flag[b-kx90squuwd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-width: 90px;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
}

.tenant-status.active[b-kx90squuwd] {
    background: rgba(8, 242, 166, 0.12);
    color: var(--primary);
}

.tenant-status.inactive[b-kx90squuwd],
.tenant-flag[b-kx90squuwd] {
    background: rgba(255, 99, 99, 0.12);
    color: #ffb6b6;
}

.tenant-action-button[b-kx90squuwd],
.tenant-secondary-button[b-kx90squuwd],
.tenants-close-button[b-kx90squuwd] {
    min-height: 2.6rem;
    padding: 0.65rem 0.95rem;
    background: #111114;
    color: var(--foreground);
    border-color: var(--border);
}

.tenant-action-button:hover[b-kx90squuwd],
.tenant-secondary-button:hover[b-kx90squuwd],
.tenants-close-button:hover[b-kx90squuwd] {
    background: #17171b;
}

.tenants-empty[b-kx90squuwd],
.tenants-loading[b-kx90squuwd] {
    padding: 1.2rem;
    border-radius: var(--radius);
    background: var(--card);
    border: 1px solid var(--border);
}

.tenants-context-grid[b-kx90squuwd] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.tenants-context-grid.drawer[b-kx90squuwd] {
    padding: 1.25rem 0;
}

.tenants-context-box[b-kx90squuwd] {
    display: grid;
    gap: 0.4rem;
    padding: 1rem;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: #0f1013;
}

.tenants-context-box strong[b-kx90squuwd],
.tenants-drawer-header h2[b-kx90squuwd] {
    color: var(--foreground);
}

.tenants-drawer-backdrop[b-kx90squuwd],
.tenants-modal-backdrop[b-kx90squuwd] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(6px);
}

.tenants-drawer-backdrop[b-kx90squuwd] {
    z-index: 42;
}

.tenants-modal-backdrop[b-kx90squuwd] {
    z-index: 50;
}

.tenants-drawer-card[b-kx90squuwd] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(520px, 100vw);
    height: 100vh;
    height: 100dvh;
    padding: 1.35rem;
    background: #0d0d10;
    border-left: 1px solid var(--border);
    box-shadow: -24px 0 80px rgba(0, 0, 0, 0.42);
    z-index: 43;
    overflow-y: auto;
}

.tenants-drawer-header[b-kx90squuwd],
.tenants-modal-header[b-kx90squuwd] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
}

.tenants-drawer-header[b-kx90squuwd] {
    margin-bottom: 1rem;
}

.tenants-drawer-header h2[b-kx90squuwd],
.tenants-modal-header h2[b-kx90squuwd] {
    margin: 0.35rem 0 0;
}

.tenants-drawer-status-row[b-kx90squuwd] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.tenants-drawer-actions[b-kx90squuwd] {
    display: flex;
    justify-content: end;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding-top: 0.25rem;
}

.tenants-modal-card[b-kx90squuwd] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(720px, calc(100% - 2rem));
    padding: 1.35rem;
    border-radius: calc(var(--radius) + 0.2rem);
    background: #0d0d10;
    border: 1px solid var(--border);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
    z-index: 51;
}

.tenants-modal-caption[b-kx90squuwd] {
    margin: 0.45rem 0 0;
    color: var(--muted-foreground);
    font-size: 0.92rem;
}

.tenants-form-grid[b-kx90squuwd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.tenants-form-field[b-kx90squuwd] {
    display: grid;
    gap: 0.5rem;
}

.tenants-form-field-wide[b-kx90squuwd] {
    grid-column: span 2;
}

.tenants-lookup-row[b-kx90squuwd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: end;
}

.tenants-modal-actions[b-kx90squuwd] {
    display: flex;
    justify-content: end;
    gap: 0.75rem;
    margin-top: 1rem;
}

.tenants-pagination[b-kx90squuwd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem 1.2rem;
    border-top: 1px solid rgba(39, 39, 42, 0.7);
}

.tenants-pagination-status[b-kx90squuwd] {
    color: var(--muted-foreground);
    font-size: 0.92rem;
}

.tenants-pagination-actions[b-kx90squuwd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.tenants-toolbar-grid[b-kx90squuwd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 1rem;
}

.tenants-toolbar-actions[b-kx90squuwd] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

@media (max-width: 900px) {
    .tenants-hero[b-kx90squuwd],
    .tenants-summary-grid[b-kx90squuwd],
    .tenants-modal-actions[b-kx90squuwd],
    .tenants-pagination[b-kx90squuwd],
    .tenants-pagination-actions[b-kx90squuwd],
    .tenants-toolbar-grid[b-kx90squuwd],
    .tenants-toolbar-actions[b-kx90squuwd],
    .tenants-lookup-row[b-kx90squuwd],
    .tenants-drawer-actions[b-kx90squuwd],
    .tenants-drawer-status-row[b-kx90squuwd] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .tenants-drawer-card[b-kx90squuwd] {
        width: 100vw;
    }

    .tenants-modal-card[b-kx90squuwd] {
        top: auto;
        bottom: 1rem;
        left: 1rem;
        right: 1rem;
        transform: none;
        width: auto;
    }

    .tenants-form-grid[b-kx90squuwd] {
        grid-template-columns: 1fr;
    }

    .tenants-form-field-wide[b-kx90squuwd] {
        grid-column: span 1;
    }
}
.tenants-feedback.drawer[b-kx90squuwd] {
    margin-top: 1rem;
}

.tenants-section-card[b-kx90squuwd] {
    margin-top: 1.25rem;
    padding: 1rem;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: #101115;
}

.tenants-section-header[b-kx90squuwd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.tenants-section-header h3[b-kx90squuwd] {
    margin: 0.35rem 0 0;
    color: var(--foreground);
    font-size: 1rem;
}

.tenants-section-header span[b-kx90squuwd],
.tenants-token-output span[b-kx90squuwd],
.tenants-simple-main span[b-kx90squuwd] {
    color: var(--muted-foreground);
}

.tenants-token-output[b-kx90squuwd] {
    display: grid;
    gap: 0.55rem;
    margin-bottom: 1rem;
    padding: 0.95rem 1rem;
    border-radius: var(--radius);
    background: rgba(8, 242, 166, 0.08);
    border: 1px solid rgba(8, 242, 166, 0.16);
}

.tenants-token-output code[b-kx90squuwd] {
    white-space: pre-wrap;
    word-break: break-all;
    font-size: 0.92rem;
    color: #d9fff1;
}

.tenants-inline-form[b-kx90squuwd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: end;
    margin-bottom: 1rem;
}

.tenants-form-field.grow[b-kx90squuwd] {
    min-width: 0;
}

.tenants-primary-button.compact[b-kx90squuwd],
.tenant-secondary-button.compact[b-kx90squuwd] {
    min-height: 2.9rem;
    padding: 0.75rem 1rem;
}

.tenants-empty.bordered[b-kx90squuwd] {
    border-style: dashed;
    background: #0d0e11;
}

.tenants-simple-list[b-kx90squuwd] {
    display: grid;
    gap: 0.75rem;
}

.tenants-simple-item[b-kx90squuwd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1rem;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: #0d0e11;
}

.tenants-simple-main[b-kx90squuwd],
.tenants-simple-side[b-kx90squuwd] {
    display: grid;
    gap: 0.35rem;
}

.tenants-simple-main strong[b-kx90squuwd] {
    color: var(--foreground);
}

.tenants-simple-side[b-kx90squuwd] {
    justify-items: end;
    align-content: start;
}

.permission-grid[b-kx90squuwd] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tenants-modal-actions.inline-end[b-kx90squuwd] {
    margin-top: 0.75rem;
}

@media (max-width: 900px) {
    .tenants-section-header[b-kx90squuwd],
    .tenants-inline-form[b-kx90squuwd],
    .tenants-simple-item[b-kx90squuwd],
    .permission-grid[b-kx90squuwd] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .tenants-simple-side[b-kx90squuwd] {
        justify-items: start;
    }
}
.tenants-context-grid.two-columns[b-kx90squuwd] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tenants-modal-card-wide[b-kx90squuwd] {
    width: min(960px, calc(100% - 2rem));
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
}

@media (max-width: 900px) {
    .tenants-context-grid.two-columns[b-kx90squuwd] {
        grid-template-columns: 1fr;
    }
}
/* _content/apicrmintegrawpp.Web/Components/Skeleton.razor.rz.scp.css */
.app-skeleton[b-b7ja1mbvbp] {
    display: block;
    max-width: 100%;
    overflow: hidden;
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--office-border) 82%, #ffffff 18%) 25%,
        color-mix(in srgb, var(--office-border) 48%, #ffffff 52%) 37%,
        color-mix(in srgb, var(--office-border) 82%, #ffffff 18%) 63%
    );
    background-size: 400% 100%;
    animation: app-skeleton-loading-b-b7ja1mbvbp 1.35s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
    .app-skeleton[b-b7ja1mbvbp] {
        animation: none;
    }
}

@keyframes app-skeleton-loading-b-b7ja1mbvbp {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: 0 0;
    }
}