.contracts-page{display:grid;gap:22px;min-width:0}.contracts-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.contracts-summary .contract-kpi{box-sizing:border-box;min-height:158px;margin:0;padding:22px;border-width:2px;box-shadow:none}.contracts-summary .kpi-label,.contract-preview-kpi .kpi-label{font:700 var(--overview-meta-size,11px)/1.2 var(--margi-font-ui),sans-serif;letter-spacing:.06em}.contracts-summary .kpi-value,.contract-preview-kpi .kpi-value{font-family:var(--margi-font-display),Georgia,serif;font-size:var(--overview-metric-size,38px);font-weight:var(--margi-font-display-weight);line-height:var(--overview-metric-line,1.05)}
.tone-active{--contract-tone:#EAF261}.tone-review{--contract-tone:#84A1FF}.tone-signed{--contract-tone:#D7EAE8}.tone-amount{--contract-tone:#FD683E}html[data-card-style="fill"] .contract-kpi{border-color:var(--contract-tone)!important;background:var(--contract-tone)!important}html[data-card-style="outline"] .contract-kpi{border-color:var(--contract-tone)!important;background:transparent!important}
.contracts-plan-card{min-width:0;overflow:visible;border:2px solid var(--margi-accent);border-radius:var(--margi-radius);background:var(--margi-surface)}.contracts-plan-card .billing-plan-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px}.contracts-plan-card .billing-plan-header h3,.contracts-plan-card .billing-plan-header p{margin:0}.contracts-plan-card .billing-plan-header p{margin-top:8px}.contracts-plan-card .billing-plan-tools{display:flex;align-items:end;gap:10px}.contracts-plan-card .margi-search{width:min(360px,32vw);min-width:250px;flex:0 1 360px}.contracts-plan-card [data-billing-dropdown="contract-status"]{width:220px;flex:0 0 220px}.contracts-plan-card [data-billing-dropdown="contract-status"]>.billing-filter-label{display:none}[data-billing-dropdown-popover="contract-status"]{scrollbar-width:none}[data-billing-dropdown-popover="contract-status"]::-webkit-scrollbar{display:none;width:0;height:0}.contracts-state{padding:24px}
.contracts-table-wrap{overflow:auto;scrollbar-width:none}.contracts-table-wrap::-webkit-scrollbar{display:none}.contracts-table{width:100%;border-collapse:collapse}.contracts-table th{padding:14px 18px;background:var(--margi-table-head);color:var(--margi-muted);font-size:10px;text-align:left}.contracts-table td{padding:18px;border-top:1px solid transparent}.contracts-table tr:hover td{background:color-mix(in srgb,var(--margi-accent) 7%,transparent)}.contracts-table td small{display:block;margin-top:4px;color:var(--margi-muted)}.contract-row-open{border:0;background:transparent}.contract-status{display:inline-flex;width:fit-content;padding:6px 13px;border:1px solid var(--margi-ink);border-radius:var(--margi-radius);background:transparent;white-space:nowrap}
#modal[data-record-type="contractData"] .billing-editor-property>i{color:var(--margi-accent)}#modal[data-record-type="contractData"] #modalBody{scrollbar-width:none}#modal[data-record-type="contractData"] #modalBody::-webkit-scrollbar{display:none;width:0;height:0}#modal[data-record-type="contractData"] .contract-error{margin:16px 0 0;color:#FC5532}.contract-client-requirements{margin:18px 0 0}.contract-client-requirements p{margin:3px 0 10px}.contract-client-requirements .client-edit-action{width:max-content}
.contract-dialog.record-editor{position:fixed;inset:0 0 0 auto!important;height:100dvh;max-height:none!important;margin:0;padding:0;border:0;border-radius:0!important;background:var(--margi-surface);color:var(--margi-ink);box-shadow:none;overflow:hidden}.contract-dialog::backdrop{background:rgb(from var(--margi-ink) r g b / .26);backdrop-filter:blur(3px)}.contract-dialog.document-dialog,.contract-dialog.preview-dialog{width:min(75vw,1440px)!important}.contract-dialog.data-dialog{width:min(620px,calc(100vw - 72px))!important}.contract-dialog>form,.contract-dialog>.contract-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;max-height:none}.contract-dialog .modal-head,.contract-dialog .modal-actions{position:relative!important;display:flex;align-items:center;gap:10px;margin:0!important;padding:18px 22px!important;border-color:transparent!important;background:var(--margi-surface)!important}.contract-dialog .modal-head{min-height:82px}.contract-dialog .modal-actions{justify-content:flex-end;padding-block:14px!important}.contract-dialog .semantic-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.contract-dialog .semantic-button.yes.outline{border-color:#15AD70;color:#087548}.contract-dialog .semantic-button.no.outline{border-color:#FC5532;color:#FC5532}@media(hover:hover){.contract-dialog .semantic-button.yes.outline:hover{background:#15AD70;color:#FFFEFB}.contract-dialog .semantic-button.no.outline:hover{background:#FC5532;color:#FFFEFB}}.spacer{flex:1}
.contract-document-heading{display:flex;min-width:0;flex:1;align-items:baseline;justify-content:space-between;gap:24px}.contract-document-heading h2{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-document-heading small{flex:0 0 auto;color:var(--margi-muted);font:700 10px/1 var(--margi-font-ui),sans-serif;letter-spacing:.08em}.contract-document-body{min-height:0;padding:0 22px 20px;overflow:hidden}.contract-document-workspace{display:grid;height:100%;min-height:0;grid-template-columns:52px minmax(0,1fr);gap:14px}.contract-toolbar{position:sticky;top:0;display:flex;align-self:start;flex-direction:column;gap:6px;padding:0;border:0;background:transparent}.contract-rich-editor{box-sizing:border-box;min-width:0;min-height:0;height:100%;padding:34px;overflow:auto;scrollbar-width:none;border:0;border-radius:0;outline:0;line-height:1.65;overscroll-behavior:contain}.contract-rich-editor::-webkit-scrollbar{display:none;width:0;height:0}.contract-rich-editor:focus{box-shadow:none}.contract-placeholder{position:relative}.contract-placeholder-list{position:fixed;z-index:2147483000;display:grid;box-sizing:border-box;width:330px;max-height:560px;gap:2px;padding:6px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;border:1px solid var(--margi-ink);border-radius:var(--margi-radius);background:var(--margi-surface);box-shadow:0 8px 26px rgba(37,36,36,.18)}.contract-placeholder-list::-webkit-scrollbar{display:none;width:0;height:0}.contract-placeholder-list[hidden]{display:none}.contract-placeholder-list button{display:grid;width:100%;min-height:48px;gap:3px;padding:8px 10px;border:0;border-radius:var(--margi-radius);background:transparent;color:var(--margi-ink);text-align:left}.contract-placeholder-list button span{font-weight:650}.contract-placeholder-list button code{overflow:hidden;color:var(--margi-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.contract-placeholder-list button:hover,.contract-placeholder-list button:focus-visible{color:var(--margi-accent);outline:1px solid var(--margi-accent);outline-offset:-1px}.contract-placeholder-token{display:inline-block;max-width:100%;margin:0 .12em;padding:.08em .42em;border:1px solid var(--margi-accent);border-radius:var(--margi-radius);background:color-mix(in srgb,var(--margi-accent) 12%,transparent);color:var(--margi-ink);font:650 .82em/1.45 var(--margi-font-ui),sans-serif;vertical-align:baseline;white-space:nowrap;user-select:all}.contract-rich-editor .contract-placeholder-token:focus{outline:2px solid var(--margi-accent);outline-offset:2px}
.note-document-title{min-width:0;width:100%;padding:0;border:0;background:transparent;color:var(--margi-ink);font:inherit;font-size:inherit;outline:0}.note-document-title::placeholder{color:var(--margi-muted)}.note-document-title:focus{box-shadow:0 2px 0 var(--margi-accent)}.note-rich-editor{overflow-wrap:anywhere}.note-rich-editor h1{margin:0 0 18px;font-family:var(--margi-font-display),Georgia,serif}.note-rich-editor hr{margin:24px 0;border:0;border-top:1px solid var(--margi-control-line)}.note-image-block{position:relative;display:grid;width:min(100%,320px);gap:8px;margin:22px 0;padding:0;border:0}.note-image-block img{display:block;width:100%;height:auto;max-height:220px;border-radius:var(--margi-radius);object-fit:contain}.note-image-block figcaption{min-height:24px;padding:3px 44px 3px 0;color:var(--margi-muted);font-size:12px;outline:0}.note-image-block figcaption:focus{color:var(--margi-ink);box-shadow:0 1px 0 var(--margi-accent)}.note-image-remove{position:absolute;right:0;bottom:0;display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--margi-no,#FC5532);border-radius:var(--margi-radius);background:var(--margi-surface);color:var(--margi-no,#FC5532);font-size:20px}.note-editor-status{min-width:0;margin:0;color:var(--margi-muted);font-size:12px}.note-rich-toolbar [data-note-action="image"]{margin-top:4px}
.contract-panel-body,.contract-form-body{min-height:0;padding:8px 22px 30px;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}.contract-panel-body::-webkit-scrollbar,.contract-form-body::-webkit-scrollbar{display:none;width:0;height:0}.contract-preview-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.contract-preview-kpi{box-sizing:border-box;display:grid;align-content:space-between;min-height:108px;margin:0;padding:16px 18px;border:2px solid var(--contract-tone)!important;background:var(--margi-surface)!important;box-shadow:none!important}.contract-preview-kpi .kpi-value{font-size:clamp(24px,2.4vw,32px)}.contract-preview-kpi .contract-status{margin-top:10px}.contract-panel-body>h3{margin:28px 0 22px;font-family:var(--margi-font-display),Georgia,serif;font-size:var(--overview-card-title-size,30px);font-weight:var(--margi-font-display-weight)}.contract-preview-body{line-height:1.65}.contract-signed-link{display:inline-flex;margin-top:22px}.contract-error{color:#FC5532}
@media(max-width:900px){.contracts-plan-card .billing-plan-header{align-items:stretch;flex-direction:column}.contracts-plan-card .billing-plan-tools{width:100%;min-width:0}.contracts-plan-card .margi-search{min-width:0}.contracts-plan-card [data-billing-dropdown="contract-status"]{width:180px;flex-basis:180px}}
@media(max-width:800px){.contracts-summary{grid-template-columns:1fr}.contracts-plan-card .billing-plan-header,.contracts-plan-card .billing-plan-tools{align-items:stretch;flex-direction:column}.contracts-plan-card .margi-search,.contracts-plan-card [data-billing-dropdown="contract-status"]{width:100%;min-width:0;flex:auto}.contract-dialog.document-dialog,.contract-dialog.preview-dialog,.contract-dialog.data-dialog{inset:0!important;width:100vw!important;height:100dvh}.contract-dialog .modal-head,.contract-dialog .modal-actions,.contract-panel-body,.contract-form-body,.contract-document-body{padding-left:16px!important;padding-right:16px!important}.contract-dialog .modal-actions{display:flex!important;flex-wrap:wrap}.contract-dialog .modal-actions .spacer{display:none}.contract-dialog .modal-actions>*{flex:1}.contract-document-heading{align-items:flex-start;flex-direction:column;gap:5px}.contract-document-heading small{order:2}.contract-document-workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:8px}.contract-toolbar{position:relative;flex-direction:row;flex-wrap:wrap}.contract-rich-editor{padding:20px}.contract-placeholder-list{top:calc(100% + 6px);left:0}.contract-preview-meta{grid-template-columns:1fr 1fr}}