.contrato-summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.contrato-summary-card { --summary-accent:#6366f1; position:relative; display:block; min-width:0; min-height:154px; padding:22px; overflow:hidden; border:1px solid color-mix(in srgb,var(--summary-accent) 38%,var(--border-color,var(--ui-border))); border-radius:18px; background:radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--summary-accent) 12%,transparent) 0%,transparent 42%),linear-gradient(145deg,var(--surface,var(--ui-surface)) 0%,color-mix(in srgb,var(--summary-accent) 4%,var(--surface,var(--ui-surface))) 100%); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.contrato-summary-card.draft { --summary-accent:#f97316; }
.contrato-summary-card.signed { --summary-accent:#10a875; }
.contrato-summary-card:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--summary-accent) 48%,var(--border-color,var(--ui-border))); box-shadow:0 14px 28px rgba(0,0,0,.08); }
.contrato-summary-card > div { min-width:0; padding-right:52px; }
.contrato-summary-card > div > span { display:block; color:var(--summary-accent); font-size:11px; font-weight:850; letter-spacing:.055em; text-transform:uppercase; }
.contrato-summary-card strong { display:block; margin-top:13px; overflow-wrap:anywhere; color:var(--text-primary,var(--ui-ink)); font-size:clamp(28px,2.25vw,36px); line-height:1; }
.contrato-summary-card small { display:block; margin-top:12px; color:var(--text-muted,var(--ui-muted)); font-size:11px; font-weight:650; line-height:1.3; }
.contrato-card-icon { position:absolute; top:18px; right:18px; display:flex; width:42px; height:42px; align-items:center; justify-content:center; border:1px solid color-mix(in srgb,var(--summary-accent) 34%,transparent); border-radius:12px; background:color-mix(in srgb,var(--summary-accent) 12%,transparent); color:var(--summary-accent); font-size:16px; line-height:1; }
.contrato-card-icon i { display:flex; width:100%; height:100%; align-items:center; justify-content:center; }
.contrato-eyebrow { display:block; margin-bottom:5px; color:#e51d2a; font-size:11px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.contrato-page-card { overflow:hidden; }
.contrato-filters { display:grid; grid-template-columns:minmax(280px,1fr) minmax(190px,220px); gap:12px; align-items:end; margin:2px clamp(20px,2vw,28px) 20px; padding:15px; border:1px solid var(--border-color,var(--ui-border)); border-radius:14px; background:var(--surface-muted,var(--ui-surface-soft)); }
.contrato-filter-field { min-width:0; }
.contrato-filter-field .form-label { margin-bottom:7px; }
.contrato-filter-field .search-box { margin:0; }
.contrato-filter-field .search-input,.contrato-filter-field .form-select { width:100%; height:50px; min-height:50px; padding-top:10px; padding-bottom:10px; }
.contrato-table-wrapper { margin:0 clamp(20px,2vw,28px) clamp(22px,2vw,28px) !important; }
.contrato-table-wrapper td { vertical-align:middle; }
.contrato-number { display:block; color:#111827; font-weight:800; }
.contrato-cell-secondary { display:block; margin-top:3px; color:#64748b; font-size:12px; }
.contrato-type-badge { display:inline-flex; padding:5px 9px; border:1px solid #e2e8f0; border-radius:999px; background:#f8fafc; color:#475569; font-size:11px; font-weight:750; }
.contrato-type-badge.parceria { border-color:#fecdd3; background:#fff1f2; color:#be123c; }
.contrato-status { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; background:#fff7ed; color:#c2410c; font-size:12px; font-weight:800; }
.contrato-status.assinado { background:#ecfdf3; color:#15803d; }
.contrato-empty { padding:34px !important; color:#64748b; text-align:center; }
.contrato-row-actions { display:flex; justify-content:flex-end; gap:7px; }
.contrato-row-actions button { width:36px; height:36px; border:1px solid #e2e8f0; border-radius:10px; background:#fff; color:#334155; cursor:pointer; }
.contrato-row-actions button:hover { border-color:#f3a5aa; color:#e51d2a; }
.contrato-modal-subtitle { margin:5px 0 0; color:#64748b; font-size:13px; }
.contrato-create-modal { max-width:620px; }
.contrato-create-help { display:flex; gap:9px; margin-top:14px; padding:13px; border-radius:12px; background:#f8fafc; color:#475569; font-size:13px; line-height:1.45; }
.contrato-create-help i { margin-top:2px; color:#e51d2a; }
.contrato-editor-overlay { align-items:stretch; padding:18px; overflow:hidden; }
.contrato-editor-modal { display:flex; flex-direction:column; width:min(1320px,100%); max-width:none; max-height:none; height:calc(100vh - 36px); min-height:0; overflow:hidden; border-radius:18px; }
.contrato-editor-modal::before { display:none; }
.contrato-editor-toolbar { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:15px; padding:14px 18px; border-bottom:1px solid #e5e7eb; background:#fff; }
.contrato-back { border:0; background:transparent; color:#334155; font-weight:750; cursor:pointer; }
.contrato-back i { margin-right:7px; }
.contrato-toolbar-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.contrato-toolbar-actions .btn-primary,.contrato-toolbar-actions .btn-secondary,.contrato-upload-button { min-height:39px; padding:9px 13px; font-size:12px; white-space:nowrap; }
.contrato-upload-button { display:inline-flex; align-items:center; gap:7px; cursor:pointer; }
.danger-soft { color:#b91c1c !important; }
.contrato-editor-heading { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:18px; padding:18px 24px 14px; background:#fff; }
.contrato-heading-line { display:flex; align-items:center; flex-wrap:wrap; gap:9px; }
.contrato-heading-line h3 { margin:0; color:#111827; font-size:21px; }
#contratoEditorTipo { padding:4px 8px; border-radius:6px; background:#fff1f2; color:#be123c; font-size:10px; font-weight:800; text-transform:uppercase; }
.contrato-editor-heading p { margin:5px 0 0; color:#64748b; font-size:12px; }
.contrato-origin { text-align:right; }
.contrato-origin small,.contrato-origin strong { display:block; }
.contrato-origin small { color:#94a3b8; font-size:10px; text-transform:uppercase; }
.contrato-origin strong { color:#334155; font-size:13px; }
.contrato-editor-grid { display:grid; flex:1 1 auto; grid-template-columns:minmax(0,1fr) 360px; gap:0; min-height:0; overflow:hidden; border-top:1px solid #eef0f3; }
.contrato-editor-grid main { display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden; padding:16px 20px 20px; background:#f8fafc; }
.contrato-format-toolbar { display:flex; flex:0 0 auto; flex-wrap:wrap; align-items:center; gap:4px; padding:7px; border:1px solid #dbe1e8; border-bottom:0; border-radius:12px 12px 0 0; background:#fff; }
.contrato-format-toolbar button { display:inline-flex; min-width:34px; height:32px; align-items:center; justify-content:center; padding:0 9px; border:1px solid transparent; border-radius:7px; background:transparent; color:#334155; font-size:12px; cursor:pointer; }
.contrato-format-toolbar button:hover { border-color:#e2e8f0; background:#f1f5f9; color:#d71920; }
.contrato-format-toolbar button:disabled { opacity:.4; cursor:not-allowed; }
.contrato-format-select { height:32px; max-width:132px; padding:0 28px 0 9px; border:1px solid #dbe1e8; border-radius:7px; outline:0; background:#fff; color:#334155; font-size:11px; font-weight:700; cursor:pointer; }
.contrato-format-select:hover,.contrato-format-select:focus { border-color:#e51d2a; }
.contrato-format-select:disabled { opacity:.4; cursor:not-allowed; }
.contrato-font-select { max-width:116px; }
.contrato-size-select { max-width:88px; }
.contrato-color-control { display:inline-flex; height:32px; align-items:center; gap:6px; padding:0 7px; border:1px solid transparent; border-radius:7px; color:#334155; cursor:pointer; }
.contrato-color-control:hover { border-color:#e2e8f0; background:#f1f5f9; color:#d71920; }
.contrato-color-control input { width:24px; height:22px; padding:0; overflow:hidden; border:0; border-radius:5px; background:transparent; cursor:pointer; }
.contrato-color-control input::-webkit-color-swatch-wrapper { padding:1px; }
.contrato-color-control input::-webkit-color-swatch { border:1px solid #cbd5e1; border-radius:4px; }
.contrato-color-control:has(input:disabled) { opacity:.4; cursor:not-allowed; }
.contrato-toolbar-divider { width:1px; height:22px; margin:0 3px; background:#e2e8f0; }
#contratoEditorConteudo { flex:1 1 auto; width:100%; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding:20px; border:1px solid #dbe1e8; border-radius:0 0 12px 12px; outline:0; background:#fff; color:#111827; font:14px/1.62 Arial,sans-serif; box-shadow:0 4px 14px rgba(15,23,42,.05); }
#contratoEditorConteudo p { margin:0 0 12px; }
#contratoEditorConteudo h1,#contratoEditorConteudo h2,#contratoEditorConteudo h3 { margin:18px 0 9px; color:#111827; line-height:1.25; }
#contratoEditorConteudo h1 { font-size:22px; } #contratoEditorConteudo h2 { font-size:18px; } #contratoEditorConteudo h3 { font-size:16px; }
#contratoEditorConteudo ul,#contratoEditorConteudo ol { margin:8px 0 14px; padding-left:26px; }
#contratoEditorConteudo:focus { border-color:#e51d2a; box-shadow:0 0 0 3px rgba(229,29,42,.1); }
#contratoEditorConteudo[contenteditable="false"] { background:#f1f5f9; color:#64748b; cursor:not-allowed; }
.contrato-sign-help { display:flex; gap:8px; margin-top:10px; color:#64748b; font-size:11px; }
.contrato-sign-help code { color:#be123c; }
.contrato-editor-grid aside { min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding:16px; border-left:1px solid #e5e7eb; background:#fff; }
.contrato-editor-grid aside section { padding:14px 0; border-bottom:1px solid #eef0f3; }
.contrato-editor-grid aside section:first-child { padding-top:0; }
.contrato-editor-grid aside small,.contrato-editor-grid aside strong,.contrato-editor-grid aside span { display:block; }
.contrato-editor-grid aside small { margin-bottom:5px; color:#94a3b8; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.contrato-editor-grid aside strong { color:#1e293b; font-size:13px; line-height:1.4; }
.contrato-editor-grid aside span { margin-top:4px; color:#64748b; font-size:11px; line-height:1.45; }
.contrato-live-preview { padding-top:0 !important; }
.contrato-preview-label { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:9px; }
.contrato-preview-label small { margin:0 !important; }
.contrato-preview-label > span { margin:0 !important; color:#94a3b8 !important; font-size:9px !important; text-align:right; }
.contrato-preview-stage { position:relative; height:472px; overflow:auto; overscroll-behavior:contain; border:1px solid #dbe1e8; border-radius:12px; background:#e9edf2; box-shadow:inset 0 1px 3px rgba(15,23,42,.08); }
.contrato-preview-pages { display:flex; min-height:100%; flex-direction:column; align-items:center; gap:10px; padding:9px; }
.contrato-preview-pages canvas { display:block; max-width:100%; height:auto; background:#fff; box-shadow:0 3px 10px rgba(15,23,42,.2); }
.contrato-preview-state { position:absolute; inset:0; z-index:2; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(241,245,249,.94); color:#64748b; font-size:11px; font-weight:750; text-align:center; }
.contrato-preview-state[hidden] { display:none; }
.contrato-preview-page { width:100%; min-height:454px; overflow:hidden; border-radius:3px; background:#fff; color:#202124; box-shadow:0 4px 12px rgba(15,23,42,.16); font:6.5px/1.4 Arial,sans-serif; }
.contrato-preview-page header { display:flex; height:54px; align-items:center; justify-content:space-between; padding:7px 11px; border-bottom:3px solid #e51d2a; background:#161618; color:#fff; }
.contrato-preview-page header img { width:70px; height:38px; padding:3px; border-radius:5px; background:#fff; object-fit:contain; }
.contrato-preview-page header div { text-align:right; }
.contrato-preview-page header b,.contrato-preview-page header span { display:block; margin:0; color:#fff; font-size:8px; }
.contrato-preview-page header span { margin-top:4px; font-size:5.5px; }
.contrato-preview-company { padding:7px 10px 5px; text-align:center; }
.contrato-preview-company b { display:block !important; color:#333 !important; font-size:5.5px; line-height:1.45; }
.contrato-preview-content { padding:7px 13px 16px; overflow-wrap:anywhere; }
.contrato-preview-content p,.contrato-preview-content div { margin:0 0 3.2px; }
.contrato-preview-content h1,.contrato-preview-content h2,.contrato-preview-content h3 { color:#202124; line-height:1.25; }
.contrato-preview-content h1 { margin:5.9px 0 3.7px; }
.contrato-preview-content h2 { margin:4.7px 0 3.1px; }
.contrato-preview-content h3 { margin:4.1px 0 2.7px; }
.contrato-preview-content h1 { font-size:10px; } .contrato-preview-content h2 { font-size:8.5px; } .contrato-preview-content h3 { font-size:7.5px; }
.contrato-preview-content ul,.contrato-preview-content ol { margin:4px 0 6px; padding-left:14px; }
.contrato-editor-grid aside .contrato-preview-content span,.contrato-editor-grid aside .contrato-preview-content strong,.contrato-editor-grid aside .contrato-preview-content b,.contrato-editor-grid aside .contrato-preview-content em,.contrato-editor-grid aside .contrato-preview-content i,.contrato-editor-grid aside .contrato-preview-content u,.contrato-editor-grid aside .contrato-preview-content s,.contrato-editor-grid aside .contrato-preview-content strike { margin:0 !important; color:inherit; font-size:inherit; line-height:inherit; }
.contrato-preview-content span:not([style*="inline-block"]),.contrato-preview-content strong,.contrato-preview-content b,.contrato-preview-content em,.contrato-preview-content i,.contrato-preview-content u,.contrato-preview-content s,.contrato-preview-content strike { display:inline !important; }
.contrato-preview-signatures { display:grid; gap:12px; margin-top:16px; }
.contrato-preview-signature { padding-top:4px; border-top:1px solid #555; text-align:center; }
.contrato-preview-signature b { display:block !important; font-size:6.5px; }
.contrato-preview-signature span { display:block !important; margin:1px 0 0 !important; color:#666 !important; font-size:5.5px !important; }
.contrato-history-item { position:relative; margin-top:12px; padding-left:14px; border-left:2px solid #fecdd3; }
.contrato-history-item b { display:block; color:#334155; font-size:11px; }
.contrato-history-item time { color:#94a3b8; font-size:10px; }

html[data-theme='dark'] .contrato-summary-card { background:radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--summary-accent) 14%,transparent) 0%,transparent 44%),linear-gradient(145deg,#202023 0%,#171719 100%); }
html[data-theme='dark'] .contrato-filters { border-color:#35353a; background:#1a1a1d; }
html[data-theme='dark'] .contrato-editor-toolbar,html[data-theme='dark'] .contrato-editor-heading,html[data-theme='dark'] .contrato-editor-grid aside { border-color:#314354; background:#10202e; }
html[data-theme='dark'] .contrato-summary-card strong,html[data-theme='dark'] .contrato-number,html[data-theme='dark'] .contrato-heading-line h3,html[data-theme='dark'] .contrato-editor-grid aside strong { color:#eef4f8; }
html[data-theme='dark'] .contrato-editor-grid main { background:#0c1924; }
html[data-theme='dark'] #contratoEditorConteudo,html[data-theme='dark'] .contrato-format-toolbar { border-color:#34495a; background:#10202e; color:#e5edf3; }
html[data-theme='dark'] .contrato-format-toolbar button { color:#d8e2ea; } html[data-theme='dark'] .contrato-format-toolbar button:hover { border-color:#465b6c; background:#182b3a; color:#ff7378; }
html[data-theme='dark'] .contrato-format-select { border-color:#465b6c; background:#182b3a; color:#d8e2ea; }
html[data-theme='dark'] .contrato-color-control { color:#d8e2ea; } html[data-theme='dark'] .contrato-color-control:hover { border-color:#465b6c; background:#182b3a; color:#ff7378; }
html[data-theme='dark'] .contrato-preview-stage { border-color:#34495a; background:#09131d; }
html[data-theme='dark'] .contrato-preview-page { color:#202124; }
html[data-theme='dark'] .contrato-editor-grid aside .contrato-preview-content strong,html[data-theme='dark'] .contrato-editor-grid aside .contrato-preview-content b { color:inherit; }
html[data-theme='dark'] .contrato-type-badge,html[data-theme='dark'] .contrato-row-actions button,html[data-theme='dark'] .contrato-create-help { border-color:#34495a; background:#182b3a; color:#cbd5e1; }

@media (max-width:980px) {
    .contrato-editor-toolbar { align-items:flex-start; }
    .contrato-toolbar-actions { max-width:78%; }
    .contrato-editor-grid { grid-template-columns:1fr; }
    .contrato-editor-grid aside { display:none; }
}
@media (max-width:720px) {
    .contrato-summary-grid { grid-template-columns:1fr 1fr; gap:8px; }
    .contrato-summary-card { min-height:132px; padding:16px; }
    .contrato-summary-card > div { padding-right:42px; }
    .contrato-card-icon { top:14px; right:14px; width:36px; height:36px; }
    .contrato-summary-card strong { font-size:25px; }
    .contrato-summary-card small { margin-top:9px; }
    .contrato-filters { grid-template-columns:1fr; margin-inline:14px; }
    .contrato-editor-overlay { padding:0; }
    .contrato-editor-modal { height:100vh; border-radius:0; }
    .contrato-editor-toolbar { display:block; overflow:auto; padding:10px 12px; }
    .contrato-toolbar-actions { max-width:none; flex-wrap:nowrap; justify-content:flex-start; margin-top:10px; padding-bottom:3px; }
    .contrato-editor-heading { padding:13px 14px; }
    .contrato-origin { display:none; }
    .contrato-editor-grid { height:auto; }
    .contrato-editor-grid main { padding:10px; }
    #contratoEditorConteudo { padding:14px; font-size:13px; }
}
@media (max-width:430px) {
    .contrato-summary-grid { grid-template-columns:1fr; }
    .contrato-summary-card { min-height:126px; }
}