#sops{--dc:#8f1d2c;--red:#b42318;--orange:#e88600;--green:#216e39;--line:#d8dee5}
.ccft37-hero{display:flex;justify-content:space-between;gap:20px;padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#f7f9fb);margin-bottom:14px}.ccft37-hero>div:first-child span{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:var(--dc)}.ccft37-hero h2{margin:5px 0}.ccft37-hero>div:last-child{display:flex;flex-direction:column;text-align:right;text-transform:capitalize}
.ccft37-signoff-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.ccft37-signoff-card{display:flex!important;text-align:left!important;gap:14px!important;padding:18px!important;border-radius:14px!important;border:2px solid!important;background:#fff!important;color:inherit!important}.ccft37-signoff-card.required{border-color:var(--red)!important;background:#fff3f2!important}.ccft37-signoff-card.complete{border-color:var(--green)!important;background:#eef9f1!important}.ccft37-signoff-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--dc);color:white;font-weight:800;flex:0 0 auto}.ccft37-signoff-card div{display:flex;flex-direction:column;gap:3px}.ccft37-signoff-card strong{font-size:1.05rem}.ccft37-signoff-card span:not(.ccft37-signoff-icon){font-weight:800}.ccft37-signoff-card small{font-weight:400;line-height:1.35}
.ccft37-alert{padding:11px 14px;border-left:5px solid;border-radius:9px;margin:8px 0;display:flex;flex-direction:column}.ccft37-alert.red{border-color:var(--red);background:#fee4e2}.ccft37-alert.orange{border-color:var(--orange);background:#fff1d6}
.ccft37-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.ccft37-tabs button{border:1px solid #c6cdd5;background:#fff;border-radius:999px;padding:8px 13px}.ccft37-tabs button.active{background:var(--dc);border-color:var(--dc);color:#fff}
.ccft37-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.ccft37-list{display:grid;gap:12px}.ccft37-doc{border:1px solid var(--line);border-radius:12px;background:#fff;padding:15px}.ccft37-doc.pending{border-left:5px solid var(--red)}.ccft37-doc header{display:flex;justify-content:space-between;gap:10px}.ccft37-doc header span{font-size:.78rem;color:var(--dc);font-weight:800}.ccft37-doc h3{margin:3px 0}.ccft37-badge{padding:4px 8px;border-radius:999px;height:max-content;font-size:.72rem}.ccft37-badge.current{background:#e8f5ec;color:var(--green)}.ccft37-badge.none,.ccft37-badge.stale{background:#fee4e2;color:var(--red)}.ccft37-meta{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.ccft37-meta>span{background:#eef1f4;padding:3px 8px;border-radius:999px;font-size:.78rem}.ccft37-review.redflag{background:#fee4e2!important;color:var(--red)!important;font-weight:800}.ccft37-review.orangeflag{background:#fff1d6!important;color:#a15c00!important;font-weight:800}.ccft37-change{background:#fff8e6;padding:8px;border-radius:8px}.ccft37-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.ccft37-actions .secondary{background:#eef1f4;color:#263238}
.ccft37-search>div{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.ccft37-signature{max-width:900px;border:2px solid var(--dc)!important}.ccft37-signature .statement{font-size:1.05rem;background:#f7f8fa;padding:14px;border-radius:9px}.ccft37-signature label{display:flex;flex-direction:column;gap:5px;margin:10px 0}.ccft37-confirm{display:block!important}.ccft37-draw{display:grid;gap:7px;margin:12px 0}.ccft37-draw canvas{width:100%;max-width:620px;height:150px;border:1px dashed #9ca6b0;border-radius:8px;background:white;touch-action:none}.ccft37-small{font-size:.82rem;opacity:.75}.ccft37-complete{border-left:6px solid var(--green)!important}.ccft37-complete code{font-size:.72rem;word-break:break-all}
.ccft37-admin{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.ccft37-admin form{display:grid;gap:10px}.ccft37-admin form label{display:flex;flex-direction:column;gap:5px}.ccft37-backup{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:8px 0}
.ccft37-tablewrap{overflow:auto;max-height:560px}.ccft37-tablewrap table{width:100%;border-collapse:collapse;font-size:.82rem}.ccft37-tablewrap th,.ccft37-tablewrap td{padding:7px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.ccft37-tablewrap th{position:sticky;top:0;background:#f5f7f9}
.navigation .ccft37-qr-toolbar::before{content:"\1F4F1";margin-right:5px}
@media(max-width:800px){.ccft37-hero,.ccft37-doc header{flex-direction:column}.ccft37-hero>div:last-child{text-align:left}.ccft37-signoff-grid,.ccft37-admin{grid-template-columns:1fr}.ccft37-search>div{grid-template-columns:1fr}}