body.contract-dialog-open{position:fixed;left:0;right:0;width:100%;overflow:hidden}
.contracts-detail:not(.hidden){position:fixed;inset:0;z-index:25;display:block;padding:22px;background:linear-gradient(135deg,rgba(15,23,42,.82),rgba(48,43,66,.72));overflow:hidden;transform:none!important;transition:none}
.contracts-detail:not(.hidden):hover{transform:none!important}
.contract-detail-dialog{display:flex;flex-direction:column;width:min(1480px,100%);height:calc(100vh - 44px);height:calc(100dvh - 44px);margin:0 auto;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.5);border-radius:17px;box-shadow:0 28px 90px rgba(0,0,0,.42)}
.contract-detail-dialog .contract-detail-head{flex:0 0 auto;background:linear-gradient(118deg,#263b59 0%,#31536e 58%,#3b6874 100%);border-bottom:1px solid rgba(255,255,255,.22);box-shadow:0 8px 24px rgba(24,42,62,.18)}
.contract-detail-dialog .contract-tabs{flex:0 0 auto}
.contract-detail-dialog .contract-tab-content{flex:1;min-height:0;overflow:auto}
.contract-detail-close{order:99;min-width:42px;font-size:22px;line-height:1}
.contract-documents-layout{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(480px,1.28fr);gap:16px}
.contract-documents-layout>section{min-width:0;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff}
.contract-document-list{display:grid;gap:8px;margin-top:12px;max-height:56vh;overflow:auto}
.contract-document-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:10px;color:var(--text);text-decoration:none;transition:.18s ease}
.contract-document-row:hover{border-color:#8eafe8;background:#f5f8ff;transform:translateY(-1px)}
.contract-document-row.selected{border-color:#5d8ee4;background:#eef4ff;box-shadow:0 0 0 2px rgba(63,124,255,.1)}
.contract-document-row small{display:block;margin-top:4px;color:var(--muted)}
.contract-document-row strong{color:var(--blue);font-size:11px}
.contract-document-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.contract-document-actions .btn{padding:7px 9px;font-size:10px;white-space:nowrap}
.contract-document-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:#eaf1ff;color:var(--blue);font-size:10px;font-weight:800}
.contract-document-viewer iframe{display:block;width:100%;height:58vh;margin-top:12px;border:1px solid var(--line);border-radius:10px;background:#eef2f7}
.contract-document-placeholder{display:grid;place-items:center;min-height:54vh;text-align:center;color:var(--muted);background:#f7f9fc!important}
.contract-document-placeholder h3{margin:8px 0;color:var(--text)}
.contract-document-placeholder p{max-width:390px;margin:0}
.contract-document-placeholder-icon{font-size:42px;color:#7f9bc4}

@media(max-width:900px){.contracts-detail:not(.hidden){padding:0}.contract-detail-dialog{width:100%;max-height:100vh;height:100vh;border-radius:0}.contract-documents-layout{grid-template-columns:1fr}.contract-document-viewer iframe{height:55vh}.contract-detail-title{display:block}.contract-detail-actions{justify-content:flex-start;margin-top:14px}.contract-detail-close{position:absolute;top:12px;right:12px}.contract-document-row{grid-template-columns:42px minmax(0,1fr)}.contract-document-actions{grid-column:1/-1;justify-content:flex-start;padding-left:53px}}