@import url('../fonts/manrope.css');
:root{--bg:#0b0e13;--sidebar:#10141b;--panel:#151a22;--panel2:#1b222d;--panel3:#232c39;--line:#2a3443;--line-soft:#222b37;--text:#eef2f8;--muted:#a0adbd;--blue:#9bbcff;--gold:#e8bf58;--radius:16px;--font-ui:'Manrope','Segoe UI',sans-serif}
html,body.app-page{font-family:var(--font-ui);font-size:14px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
.app-page button,.app-page input,.app-page select,.app-page textarea{font-family:var(--font-ui)}
.app-page .sidebar{background:#10141b;border-color:var(--line-soft)}
.app-page .topbar{background:rgba(11,14,19,.95);border-color:var(--line-soft)}
.app-page .content{padding:28px 32px}
.app-page .page-head h1{font-size:28px;letter-spacing:-.04em;font-weight:800}
.app-page h2,.app-page h3{letter-spacing:-.025em}
.app-page .card,.app-page .op-form,.app-page .kpis article,.app-page .mini-stats article{background:#151a22;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 18px #00000018}
.app-page .card-head{padding:20px 24px;background:transparent;border-color:var(--line-soft)}
.app-page .card-head h2{font-size:17px;font-weight:800}
.app-page .card-head p,.app-page .page-head p{font-size:13px;line-height:1.6;color:var(--muted)}
.app-page .eyebrow{font-size:10px;letter-spacing:.1em;color:var(--gold)}
.app-page input,.app-page select,.app-page textarea{background:#10151d;border:1px solid #344052;border-radius:10px;color:#eef2f8;font-size:13px;min-height:42px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}
.app-page input:focus,.app-page textarea:focus,.app-page select:focus{border-color:#91b5fa;box-shadow:0 0 0 3px #91b5fa20;outline:0}
.app-page input[type=checkbox],.app-page input[type=radio]{min-height:0;padding:0;accent-color:var(--gold)}
.app-page label{font-size:12px;color:#c7d1df;font-weight:600}
.app-page .btn{border-radius:10px;font-size:12px;min-height:38px;padding:10px 15px;background:#212a37;border-color:#354256;font-weight:700;box-shadow:none;transition:background .15s,transform .15s}
.app-page .btn:hover{background:#2b3748;filter:none}
.app-page .btn.primary{background:#e8bf58!important;color:#211b0d!important;border-color:#e8bf58!important}
.app-page .btn.primary:hover{background:#f2cf78!important}
.app-page .btn.danger{background:#49252f;color:#ffb6c3;border-color:#824052}
.app-page .btn.ghost{background:#1b2330;color:#d7e0ed}
.app-page .module-tabs{gap:6px;border:0;padding:6px;background:#11161e;border-radius:13px;margin:20px 0}
.app-page .module-tabs button,.app-page .module-tabs a{border-radius:9px;border:1px solid transparent;padding:11px 16px;color:#a7b4c6;font-size:12px}
.app-page .module-tabs .active{background:#252d3a;border-color:#394459;color:#f5d481;box-shadow:0 2px 5px #0002}
.app-page th{background:#1a212d;color:#aebcd0;font-size:10px;font-weight:700;padding:14px 18px;letter-spacing:.07em}
.app-page td{padding:15px 18px;font-size:12px;border-color:#253041}
.app-page tbody tr:hover{background:#1b2330}
.app-page .modal-dialog{background:#151b25;border:1px solid #384357;border-radius:18px;box-shadow:0 30px 100px #0009}
.app-page .modal-header,.app-page .modal-footer{background:#151b25;border-color:#2a3443;padding:20px 24px}
.app-page .modal-header h2{font-size:20px;font-weight:800}
.app-page .modal-header p{margin:5px 0 0;color:#9fadc0;font-size:12px}
.app-page .modal-body{padding:24px}
.app-page .modal-backdrop{background:#030710b3;backdrop-filter:blur(5px)}
.app-page .modal-close{background:#212b3a;color:#cdd8e8;border:1px solid #364357;border-radius:9px}
.app-page .discard-modal .modal-dialog{width:min(460px,calc(100vw - 32px));height:auto!important;min-height:0!important;max-height:calc(100dvh - 32px);display:block!important}
.app-page .discard-modal .modal-body{height:auto!important;min-height:0!important;flex:0!important;padding:22px 24px 26px}
.discard-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e8bf5818;color:#e8bf58;margin-bottom:14px;font-size:22px;font-weight:800}
.app-page .discard-modal .modal-body p{color:#b5c2d4;line-height:1.7;margin:0;font-size:13px}
.app-page .discard-modal .modal-footer{gap:10px;justify-content:flex-end}
.app-page .share-modal .modal-dialog{width:min(1040px,calc(100vw - 32px));max-width:1040px;min-height:0!important;height:auto!important}
.app-page .share-modal .modal-body{min-height:0!important}
.share-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
.share-fields{display:grid;gap:16px;align-content:start}
.share-fields label{margin:0;display:grid;gap:6px}
.app-page .share-fields textarea{min-height:130px;max-height:210px;resize:vertical}
.share-preview-panel{min-width:0;align-self:start;position:sticky;top:0}
.share-preview-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px}
.share-preview-heading h3{font-size:15px;margin:0}
.preview-pill{font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border:1px solid #3b4759;border-radius:20px;color:#a8b8ce}
.app-page .individual-preview{padding:0;border-radius:14px;overflow:hidden;border:1px solid #ccd5d8;white-space:normal;background:#ece5dd;color:#25352c;min-height:260px}
.preview-channel-head{display:flex;align-items:center;gap:11px;padding:15px 18px;background:#075e54;color:#fff}
.preview-avatar{height:36px;width:36px;border-radius:50%;display:grid;place-items:center;background:#ffffff25;font-size:15px;font-weight:800}
.preview-channel-head>div{min-width:0}.preview-channel-head b{display:block;font-size:12px;color:#fff!important;overflow-wrap:anywhere}
.preview-channel-head small{font-size:10px;color:#cce4df}
.app-page .preview-channel-head small{display:block;border:0!important;background:none!important;padding:0!important;margin:2px 0 0!important}
.preview-conversation{padding:24px 18px 28px;background:radial-gradient(#075e540a 1px,transparent 1px);background-size:16px 16px;min-height:190px}
.app-page .individual-preview.whatsapp .message-bubble{background:#d9fdd3;color:#203326!important;margin:0 0 0 28px;padding:14px;border-radius:12px 0 12px 12px;box-shadow:0 1px 3px #0002}
.app-page .individual-preview [data-share-preview-text]{color:#203326!important;white-space:pre-wrap;font-size:12px;line-height:1.65;margin:0 0 14px;font-weight:500}
.app-page .individual-preview [data-share-preview-file]{display:block;color:#335845!important;white-space:normal;font-size:11px;padding:12px;border:1px solid #a9d5a5;border-radius:8px;background:#c9efc3;overflow-wrap:anywhere}
.preview-message-time{text-align:right;margin:9px 0 0;color:#61806a;font-size:9px}
.app-page .individual-preview [data-share-preview-subject]{display:none}
.app-page .individual-preview.email{background:#fff;color:#253247}
.individual-preview.email .preview-channel-head{background:#f6f8fc;color:#28384e;border-bottom:1px solid #dce3ed}
.app-page .individual-preview.email .preview-channel-head b{color:#28384e!important}
.individual-preview.email .preview-channel-head small{color:#67758a}
.individual-preview.email .preview-avatar{background:#e6edf8;color:#54759d}
.individual-preview.email .preview-conversation{background:#fff;padding:20px}
.app-page .individual-preview.email .message-bubble{margin:0;background:transparent;padding:0;color:#28384e}
.app-page .individual-preview.email [data-share-preview-subject]{display:block;color:#1d2d43!important;font-size:14px;font-weight:800;margin:0 0 20px}
.app-page .individual-preview.email [data-share-preview-text]{color:#28384e!important}
.app-page .individual-preview.email [data-share-preview-file]{color:#405675!important;background:#f1f5fb;border-color:#d4dfef}
.individual-preview.email .preview-message-time{display:none}
.share-preview-note{font-size:11px;line-height:1.6;color:#98a8bf;padding:12px 0;margin:0}
.app-page .op-card-grid{gap:18px}.app-page .op-card-grid>article{padding:22px}
.app-page .op-card-grid h3{font-size:18px;margin:10px 0}
.app-page .op-card-grid details{margin-top:20px;padding-top:14px;border-top:1px solid #2a3443;color:#aebcd0;font-size:12px}
.app-page [data-service-list]{display:grid;gap:12px}.app-page .service-entry{padding:14px;background:#111720;border:1px solid #2c3748;border-radius:12px}
.app-page [data-service-total]{font-size:12px;color:#e8cf91;line-height:1.8}
.app-page [data-page-panel=fiscal]>.profile-grid{margin-bottom:24px}
.app-page .access-group-head{background:transparent}
.integration-test-action{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.integration-test-action small{color:var(--muted);font-size:11px}.query-result{margin-top:20px}.query-result .actions{padding-top:18px}.query-messages{color:var(--muted);font-size:12px;margin-top:18px}
.app-page .alert.warning{background:#e8bf580d;border:1px solid #e8bf5840;color:#e6ce91;border-radius:12px;line-height:1.65;font-size:12px}.app-page .btn:disabled{cursor:not-allowed;opacity:.45}
@media(max-width:760px){.app-page .content{padding:20px 16px}.share-layout{grid-template-columns:1fr;gap:24px}.share-preview-panel{position:static}.app-page .share-modal .modal-header,.app-page .share-modal .modal-footer,.app-page .share-modal .modal-body{padding:18px}.app-page .module-tabs{overflow:auto;flex-wrap:nowrap}.app-page .module-tabs button{white-space:nowrap}.app-page .discard-modal .modal-footer{flex-wrap:wrap}.app-page .page-head h1{font-size:24px}}
@media print{body[data-page="contracts/preview"]{font-family:Georgia,serif;background:#fff!important}.app-page .contract-reading{background:#fff!important;color:#222!important}.app-page .contract-reading th{background:#f5f5f5!important;color:#222!important}.app-page .contract-reading td{color:#222!important}}

.integra-setup-note{padding:16px;border:1px solid #37546c;border-radius:12px;background:#152536;margin-bottom:18px}.integra-setup-note strong{color:#a6d8ff}.integra-setup-note p{margin:8px 0 0;line-height:1.6}.integra-certificate-note{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;line-height:1.6}.integra-endpoints{margin:6px 0 18px;border:1px solid var(--border);border-radius:12px;padding:14px}.integra-endpoints summary{cursor:pointer;font-weight:650}.integra-endpoints[open] summary{margin-bottom:18px}.integra-endpoints input{font-size:12px}.integration-config-card label small{font-size:12px;color:var(--muted);line-height:1.5}@media(max-width:700px){.integra-certificate-note{align-items:flex-start;flex-direction:column}}

/* Compact setup, connected grids, pricing rows and calendar workspace. */
.integration-config-head p,.integration-test-action small{display:none}.integration-info{margin-left:auto;padding:6px 10px!important;font-size:18px!important}.integration-help-modal .modal-dialog{width:min(600px,calc(100vw - 32px));min-height:0!important;height:auto!important}.integration-help-modal dt{font-weight:750;color:var(--text);margin:16px 0 6px}.integration-help-modal dt:first-child{margin-top:0}.integration-help-modal dd{margin:0;color:var(--muted);line-height:1.6}.integration-help-modal dl{margin:0}.integra-certificate-note{padding:8px 0}.integra-endpoints{padding:12px;margin-bottom:12px}
.client-contacts-layout{grid-template-columns:minmax(0,1fr) 300px!important;align-items:start}.client-contacts-layout .delivery-compact{padding:18px!important}.delivery-compact .card-head{padding:0 0 12px;margin:0 0 10px;min-height:0}.delivery-compact h2{font-size:16px}.delivery-compact .op-toolbar{display:grid;gap:12px;padding:0;margin:0 0 18px}.delivery-compact label.check{font-size:13px}.delivery-compact button{width:100%}
.service-workspace .card-head{padding-bottom:16px}.service-workspace .service-entry{display:grid;grid-template-columns:minmax(220px,2fr) 90px minmax(130px,1fr) 150px 36px;gap:14px;padding:16px;background:var(--surface-alt,#101a27);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;align-items:end}.service-entry label{font-size:12px;gap:7px}.service-entry [data-service-remove]{height:40px;min-width:0!important;padding:0;color:#ed9d9d}.service-subtotal{grid-column:1/-1;text-align:right;color:var(--muted);font-size:12px}.service-workspace .op-toolbar{justify-content:space-between;margin:16px 0}.service-workspace [data-service-total]{display:flex;gap:8px;flex-wrap:wrap;font-weight:500}.service-total-pill{border-radius:8px;padding:8px 12px;background:#1b293b;color:#dce9f5;font-size:12px}
.standard-record-grid{padding:0!important;overflow:visible}.standard-record-grid .record-grid-toolbar{border:0!important;border-bottom:1px solid var(--border)!important;border-radius:16px 16px 0 0!important;box-shadow:none!important;margin:0!important;padding:16px!important;display:flex;gap:12px;align-items:center;background:var(--surface)!important}.record-grid-toolbar>.toolbar-search{flex:1;max-width:none!important}.record-grid-toolbar .filter-main-row{width:100%}.standard-record-grid .table-wrap{margin:0!important;border:0!important;border-radius:0!important}.standard-record-grid table th{background:#111d2b!important;height:46px;font-size:11px}.standard-record-grid table td{height:56px;padding:12px 16px!important}.standard-record-grid .grid-pagination{border-radius:0 0 16px 16px}.has-filters{border-color:var(--accent)!important;color:var(--accent)!important}.grid-local-filter-modal .modal-dialog{width:min(720px,calc(100vw - 32px));height:auto!important;min-height:0!important}.grid-local-filter-modal .modal-body{max-height:65vh;overflow:auto}.message-editor-dialog{width:min(1040px,calc(100vw - 32px));height:auto!important;max-height:92vh;min-height:0!important}.message-editor-dialog>.modal-body{overflow:auto}.message-editor-dialog .settings-grid{margin:0}.message-editor-dialog .settings-panel{padding:0;border:0;box-shadow:none}.message-editor-dialog .settings-panel .card-head{display:none}.smart-select-option.keyboard-active{background:#29425b!important;outline:1px solid #6d9cce;outline-offset:-1px}
.app-page .agenda-workspace{grid-template-columns:minmax(0,2.1fr) minmax(310px,1fr)!important;gap:20px}.agenda-calendar{padding:24px!important;background:linear-gradient(140deg,#172433,#111923)!important}.agenda-calendar header{margin-bottom:24px}.agenda-calendar h2{font-size:26px!important}.agenda-weekdays{color:#91a5ba;font-size:11px;letter-spacing:.08em}.app-page .agenda-days{gap:8px}.app-page .agenda-date{height:clamp(80px,10vh,114px)!important;aspect-ratio:auto;border:1px solid #2a3849!important;border-radius:12px!important;background:#152130!important;transition:background .15s,border-color .15s}.app-page .agenda-date b{font-size:18px}.app-page .agenda-date:hover{background:#23344b!important;border-color:#7592b4!important}.app-page .agenda-date.selected{background:#2c3845!important;border-color:#efc75e!important;box-shadow:inset 0 0 0 1px #efc75e}.app-page .agenda-date.today b{color:#efc75e}.agenda-date.has-pending::after{content:'';width:5px;height:5px;border-radius:50%;background:#eac46a;position:absolute;top:10px;right:10px}.agenda-date{position:relative}.agenda-day-panel{padding:20px!important}.agenda-state-filters{display:flex;gap:4px;padding:4px;background:#101925;border-radius:10px;margin:16px 0}.agenda-state-filters button{flex:1;border:0;background:transparent;color:#a8bbce;border-radius:7px;padding:9px 3px;font:600 12px Manrope,sans-serif;cursor:pointer}.agenda-state-filters button.active{background:#2a3b51;color:#fff}.timeline-card{border:1px solid #2d4056;border-radius:12px;padding:14px;background:#182433}.timeline-item.is-done .timeline-card{background:#142920;border-color:#2c624a}.timeline-item.is-done .timeline-title{color:#a4d2b8}.timeline-time{font-size:12px}.timeline-title{font-size:14px!important}.timeline-notes{font-size:12px;line-height:1.5}.agenda-complete{width:100%;border:1px solid #395671;border-radius:8px;background:#22374b;color:#cce4fc;padding:9px;margin-top:12px;cursor:pointer;font:600 12px Manrope,sans-serif}.agenda-complete:hover{background:#305574}.agenda-complete.is-complete{border-color:#3b7755;background:#1c4130;color:#b0e3c3}.agenda-complete:disabled{opacity:.5;cursor:wait}.appointment-dialog{width:min(650px,calc(100vw - 32px))!important;min-height:0!important;height:auto!important;max-height:92vh}.appointment-dialog form{display:flex;flex-direction:column;min-height:0}.appointment-dialog .modal-body{overflow:auto}.appointment-completion{background:#172c23;border-radius:8px;padding:10px!important}.appointment-completion:has(input:checked){color:#99d9af;background:#204433}
@media(max-width:1200px){.service-workspace .service-entry{grid-template-columns:minmax(160px,2fr) 80px minmax(110px,1fr) 130px 32px}}
@media(max-width:1000px){.client-contacts-layout{grid-template-columns:minmax(0,1fr) 260px!important}.service-workspace .service-entry{grid-template-columns:1fr 1fr}.service-entry [data-service-remove]{justify-self:end}.service-subtotal{grid-column:auto}.app-page .agenda-workspace{grid-template-columns:1fr!important}.app-page .agenda-date{height:76px!important}}
@media(max-width:700px){.client-contacts-layout{grid-template-columns:1fr!important}.record-grid-toolbar{flex-wrap:wrap}.record-grid-toolbar>.toolbar-search{flex-basis:100%}.agenda-calendar{padding:12px!important}.app-page .agenda-days{gap:4px}.app-page .agenda-date{height:60px!important;border-radius:8px!important}.app-page .agenda-date b{font-size:14px}.message-editor-dialog .settings-grid{grid-template-columns:1fr}.service-workspace .service-entry{padding:12px;gap:10px}}

.record-grid-toolbar .filter-main-row>.toolbar-search{flex:1;max-width:none!important;width:auto}.integration-config-card label>small{display:none}

.appointment-dialog .modal-footer{flex-wrap:wrap;gap:10px}@media(max-width:650px){.appointment-dialog .form-grid.two{grid-template-columns:1fr}.appointment-dialog .span-2{grid-column:auto}}

.agenda-event-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.agenda-event-actions .agenda-complete{margin:0}