/* RHK Designer Cooperation Center V1.0.16
   Isolated styles for agreement, notifications and commission statements.
   This file intentionally does not modify dashboard card images or the existing app.css. */
.nav-message{display:inline-flex;align-items:center;gap:5px}.nav-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#d34c45;color:#fff;font-size:9px;font-weight:700;line-height:1}
.notification-list{padding:0;overflow:hidden}.notification-item{display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:center;padding:17px 18px;text-decoration:none;border-bottom:1px solid #edf0f2}.notification-item:last-child{border-bottom:0}.notification-item:hover{background:#f8fafc}.notification-dot{width:8px;height:8px;border-radius:50%;background:#b9c2cc}.notification-item.is-unread .notification-dot{background:#1f6fb2;box-shadow:0 0 0 4px rgba(31,111,178,.1)}.notification-copy{display:flex;min-width:0;flex-direction:column;gap:4px}.notification-copy b{font-size:14px}.notification-item.is-read .notification-copy b{font-weight:600;color:#667181}.notification-copy small{color:#6d7886;white-space:normal;line-height:1.5}.notification-copy em{font-size:10px;font-style:normal;color:#a0a8b1}.notification-arrow{font-size:24px;color:#a6aeb8}
.agreement-paper{max-width:920px;margin:0 auto;padding:30px}.agreement-meta{display:flex;justify-content:space-between;gap:20px;align-items:end;padding-bottom:18px;border-bottom:1px solid #e7ebef}.agreement-meta b{font-size:22px}.agreement-meta span{font-size:11px;color:#818b96}.agreement-content{padding:26px 4px;line-height:2;color:#2f3d4d;font-size:14px}.agreement-confirm{border-top:1px solid #e7ebef;padding-top:20px;display:flex;flex-direction:column;gap:14px}.agreement-confirm label{display:flex;gap:8px;align-items:flex-start;line-height:1.6}.agreement-confirm input[type=checkbox]{width:auto;margin-top:4px}
.statement-actions{max-width:980px;margin:20px auto;display:flex;justify-content:flex-end;gap:10px}.statement-sheet{max-width:980px;margin:0 auto;background:#fff;border:1px solid #e1e6eb;box-shadow:0 16px 50px rgba(17,42,67,.08);padding:42px 46px}.statement-sheet>header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:2px solid #112f52;padding-bottom:22px}.statement-sheet header>div:first-child>b{letter-spacing:.18em;color:#112f52}.statement-sheet h1{margin:8px 0 0;font-size:26px}.statement-no{font:600 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#6f7b89}.statement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid #e4e8ec;border-bottom:0;margin-top:26px}.statement-grid>div{padding:14px 16px;border-right:1px solid #e4e8ec;border-bottom:1px solid #e4e8ec;display:flex;flex-direction:column;gap:5px}.statement-grid>div:nth-child(2n){border-right:0}.statement-grid span,.statement-table th{font-size:11px;color:#7b8692;font-weight:600}.statement-table{width:100%;border-collapse:collapse}.statement-table th,.statement-table td{border:1px solid #e4e8ec;padding:14px 16px;text-align:left}.statement-table th{width:20%;background:#fafbfd}.statement-table td{width:30%}.statement-table .emphasis{background:#f1f6fb;color:#11365c;font-size:15px;font-weight:800}.statement-terms{padding:20px 0;border-bottom:1px solid #e4e8ec}.statement-terms p{margin:8px 0 0;color:#566373;line-height:1.8}.statement-status{display:flex;flex-wrap:wrap;gap:20px;padding:18px 0;color:#697584;font-size:12px}.statement-sign{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px;padding-top:30px;border-top:1px dashed #cfd6dc;color:#5f6b78}
@media(max-width:720px){.agreement-paper{margin:0 16px;padding:20px}.agreement-meta{align-items:flex-start;flex-direction:column}.statement-actions{margin:16px}.statement-sheet{margin:0 16px;padding:24px 18px}.statement-sheet>header{flex-direction:column}.statement-grid{grid-template-columns:1fr}.statement-grid>div{border-right:0}.statement-table{font-size:12px}.statement-table th,.statement-table td{padding:10px 8px}.statement-sign{grid-template-columns:1fr}.notification-list{margin:0 16px}}
@media print{body{background:#fff}.top,footer,.no-print,.flash{display:none!important}.wrap{width:100%;margin:0}.statement-sheet{box-shadow:none;border:0;max-width:none;margin:0;padding:16mm}.statement-sheet *{print-color-adjust:exact;-webkit-print-color-adjust:exact}}