.sweetco-contracts-page {
background: #f8f8f8;
color: #111;
font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: 14px;
line-height: 1.7;
}
.sweetco-contracts-wrap {
max-width: 860px;
margin: 32px auto;
padding: 0 16px 40px;
}
.contracts-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 12px;
padding: 16px 20px;
margin-bottom: 20px;
box-shadow: 0 1px 4px rgba(0,0,0,.06);
}
.contracts-header h1 {
margin: 0;
font-size: 1.2rem;
font-weight: 700;
}
.contracts-header h1 span {
color: #666;
font-weight: 400;
}
.contracts-actions {
display: flex;
gap: 8px;
}
.btn-print,
.btn-close {
padding: 8px 16px;
border: 1px solid #d1d5db;
border-radius: 8px;
background: #f3f4f6;
cursor: pointer;
font-size: 14px;
transition: background .15s;
}
.btn-print:hover { background: #e5e7eb; }
.btn-close:hover { background: #fee2e2; border-color: #fca5a5; }
.contract-block {
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 12px;
padding: 28px 32px;
box-shadow: 0 1px 4px rgba(0,0,0,.06);
}
.contract-title {
margin: 0 0 16px;
font-size: 1.05rem;
font-weight: 700;
border-bottom: 2px solid #f0f0f0;
padding-bottom: 10px;
}
.contract-body p {
margin: 0 0 12px;
text-align: justify;
}
.contracts-sep {
margin: 24px 0;
border: 0;
border-top: 2px dashed #d1d5db;
}
.sweetco-mss-error {
padding: 12px 16px;
background: #fee2e2;
border: 1px solid #fca5a5;
border-radius: 8px;
color: #991b1b;
}
.sweetco-contracts-link a {
color: #2563eb;
text-decoration: underline;
}
@media print {
.no-print { display: none !important; }
.sweetco-contracts-wrap { margin: 0; padding: 0; }
.contract-block { border: none; box-shadow: none; padding: 0; }
.contracts-sep { page-break-before: always; border: none; }
}