.contracts-view { overflow: auto; background: radial-gradient(circle at 75% 0, rgba(54,113,202,.12), transparent 32%), #0c121a; }
.contracts-heading { display:grid; grid-template-columns:1fr auto; gap:22px; align-items:center; padding:24px 26px 18px; border-bottom:1px solid var(--border); }
.contracts-heading h1 { margin:4px 0 6px; font-size:24px; }
.contracts-heading p { max-width:760px; margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.contract-shield { display:grid; gap:4px; min-width:210px; padding:13px 16px; border:1px solid #285c55; border-radius:10px; background:linear-gradient(135deg,#122b2b,#101a24); color:#8ce3cd; }
.contract-shield small { color:#8ea9a5; }
.contracts-layout { display:grid; grid-template-columns:250px minmax(520px,1fr) 310px; gap:14px; padding:18px; min-height:calc(100% - 118px); }
.contract-actions-card,.contract-editor-card,.contract-preview-card { border:1px solid var(--border); border-radius:10px; background:#111923; box-shadow:0 12px 32px rgba(0,0,0,.18); }
.contract-actions-card,.contract-preview-card { padding:15px; }
.contract-card-title { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; margin-bottom:13px; }
.contract-card-title h2,.contract-preview-card h2 { margin:0 0 4px; font-size:14px; }
.contract-card-title small { color:var(--muted); font-size:10px; }
.contract-action-list { display:grid; gap:7px; }
.contract-action { display:grid; grid-template-columns:1fr auto; gap:4px 8px; padding:10px; text-align:left; border:1px solid #26364b; border-radius:8px; background:#0e151e; }
.contract-action.active { border-color:#4f91ff; background:#14243a; box-shadow:inset 3px 0 #4f91ff; }
.contract-action b { color:#e9f2ff; font-size:12px; }
.contract-action span { color:#71d1b6; font-size:9px; }
.contract-action small { grid-column:1/-1; color:var(--muted); font-size:9px; }
.contract-editor-card { padding:18px; }
.contract-empty { display:grid; place-items:center; min-height:360px; color:var(--muted); border:1px dashed #32445c; border-radius:8px; }
.contract-form-head { display:grid; grid-template-columns:1fr 220px; gap:12px; }
.contract-form-head label,.contract-description { margin:0; }
.contract-fields-head { display:flex; justify-content:space-between; align-items:center; margin:18px 0 8px; }
.contract-fields-head h2 { margin:0; font-size:14px; }
.contract-field-table { display:grid; gap:7px; }
.contract-field-row { display:grid; grid-template-columns:minmax(95px,1.1fr) 100px 86px 76px 76px minmax(110px,1.2fr) 34px; gap:6px; align-items:center; padding:8px; border:1px solid #26364b; border-radius:8px; background:#0d141d; }
.contract-field-row > * { min-width:0; }
.contract-field-row button { padding:6px; color:#ff9ca3; }
.contract-field-labels { color:#71839a; font-size:9px; text-transform:uppercase; letter-spacing:.06em; }
.contract-required { display:flex; align-items:center; gap:5px; font-size:10px; color:#b9c8da; }
.contract-preview-card pre { overflow:auto; min-height:170px; margin:13px 0; padding:13px; border:1px solid #26364b; border-radius:8px; background:#091018; color:#9fc6ff; font:11px/1.55 Consolas,monospace; }
.contract-plain-summary { padding:11px; border-left:3px solid #4f91ff; background:#101f31; color:#c5d4e7; font-size:10px; line-height:1.55; }
.contract-tip { display:grid; gap:5px; margin-top:13px; padding:11px; border:1px solid #594a2c; border-radius:8px; background:#211c12; color:#d7c28a; font-size:10px; line-height:1.5; }
@media(max-width:1450px){.contracts-layout{grid-template-columns:220px minmax(480px,1fr)}.contract-preview-card{grid-column:1/-1}.contract-preview-card pre{min-height:100px}}
@media(max-width:1100px){.contracts-heading{grid-template-columns:1fr}.contracts-layout{grid-template-columns:1fr}.contract-preview-card{grid-column:auto}.contract-form-head{grid-template-columns:1fr}.contract-field-row{grid-template-columns:1fr 90px 80px 70px 70px 1fr 34px}}