:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background-color:#f8fafc;line-height:1;font-size:1.5rem}html{margin:0;padding:0;min-height:100%;height:-webkit-fill-available}body{margin:0;padding:0;min-height:100vh;min-height:-webkit-fill-available;background-color:#f8fafc;overflow-y:auto}#root{min-height:100vh;min-height:-webkit-fill-available}.page{margin:0 auto}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0f172a1a;padding:1.5rem;margin:1rem .5rem}.portal-header{width:100%;color:#000;padding:1.75rem;margin-bottom:.5rem;display:flex;gap:1.25rem;align-items:flex-start;position:sticky;top:0;z-index:10}.portal-header-main{flex:1;min-width:0}.portal-header-logo{width:200px;max-width:35vw;height:auto;flex-shrink:0}.portal-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.portal-header-title{min-width:0;flex:1}.portal-header-title h3{margin:0 0 .25rem;color:#000}.portal-header-aside{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.portal-header-user{max-width:min(100%,20rem);overflow-wrap:anywhere;text-align:right;line-height:1.3}.portal-header-user-name{font-size:.88rem;font-weight:600}.portal-header-user-email{font-size:.8rem;font-weight:500}.portal-header .status-message{margin-top:1rem;padding:1rem 1.25rem;border-radius:8px;background:#0f172a26;text-align:left}.portal-header .status-message.success{color:#dcfce7}.portal-header .status-message.error{color:#fee2e2}.header-actions{margin-left:1rem;display:flex;flex-direction:row;gap:.5rem}.spinner{width:1em;height:1em;border:2px solid rgba(255,255,255,.4);border-top-color:#0f172a;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.loading-procedures-container{display:flex;flex-direction:column;align-content:center}.loading-procedures-container .spinner{align-self:center;width:3em;height:3em}@keyframes spin{to{transform:rotate(360deg)}}.field-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.field-group label{font-weight:600;color:#0f172a}select,input,textarea{padding:.6rem .75rem;border-radius:8px;border:1px solid #cbd5f5;font-size:1rem}button{border:none;border-radius:8px;cursor:pointer}.button-primary{background:#2563eb;color:#fff;padding:.8rem 1.5rem;font-size:1rem;font-weight:600}.button-secondary{background:#e2e8f0;color:#0f172a;padding:.4rem .9rem;font-size:.9rem}.segmented-toggle{position:relative;display:inline-flex;background:#e2e8f0;border-radius:999px;padding:.2rem}.segmented-toggle-indicator{position:absolute;top:.2rem;left:.2rem;width:calc(50% - .2rem);height:calc(100% - .4rem);background:#fff;border-radius:999px;box-shadow:0 1px 2px #0f172a26;transition:transform .2s ease}.segmented-toggle-option{position:relative;z-index:1;flex:1;border:none;background:transparent;padding:.4rem 1rem;font-size:.9rem;font-weight:600;color:#64748b;cursor:pointer;border-radius:999px;transition:color .2s ease;white-space:nowrap}.segmented-toggle-option.selected{color:#0f172a}.segmented-toggle-option:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.template-list{display:flex;flex-direction:column;gap:1rem}.template-card{border:1px solid #d4d9e8;padding:1rem;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;width:100%}.template-card.disabled{cursor:not-allowed;opacity:.75}.template-name-title{word-wrap:break-word;margin:0}.template-meta{margin:0;display:flex;flex-direction:row;gap:.5rem;align-items:baseline}.template-meta-label{font-size:.85rem;color:#6b7280}.procedure-list,.document-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.procedure-item,.document-item{border:1px solid #d4d9e8;border-radius:10px;padding:1rem 1.25rem;background:#f8fafc;display:flex;flex-direction:column;gap:.5rem}.procedure-item-header,.document-item-header{font-weight:600;color:#0f172a;word-wrap:break-word}.document-item{flex-direction:row;align-items:center;flex-wrap:wrap;gap:.75rem}.document-item-header{flex:1}.document-item-type{flex-shrink:0;padding:.15rem .5rem;border-radius:6px;background:#e2e8f0;color:#475569;font-size:.75rem;font-weight:600;letter-spacing:.02em}.document-item-clickable{padding:0;cursor:pointer}.document-item-clickable:hover{border-color:#2563eb;background:#eff6ff}.document-item-link{display:flex;align-items:center;gap:.75rem;width:100%;box-sizing:border-box;padding:1rem 1.25rem;text-decoration:none;color:inherit}.document-item-link:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.procedure-item-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:#475569}.procedure-item-footer{font-size:.85rem;color:#64748b;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.procedure-complete-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .75rem;border:1px solid #16a34a;border-radius:999px;color:#15803d;font-weight:600;background-color:#10b98114;text-transform:uppercase;letter-spacing:.02em}.procedure-complete-tag:before{content:"✔";width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid #16a34a;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;background-color:#ecfdf5}.load-more-actions{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.template-card.selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.template-card-actions{margin-top:.25rem;margin-left:auto;display:flex;justify-content:flex-end;align-items:center;gap:.5rem;flex-wrap:wrap}.landing-card,.flow-instructions-card{text-align:left}.flow-instructions-card h3{margin-top:0;margin-bottom:.5rem}.flow-instructions-project{margin-top:0;margin-bottom:1rem;color:#475569;font-weight:600}.landing-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.landing-actions button{height:5rem}.status-message{text-align:center;padding:2rem}.status-message.error{color:#b91c1c}.status-message.success{color:#047857}.status-message-body{display:flex;flex-direction:column;gap:.5rem}.status-message-actions{margin-top:1rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}.document-link{color:#2563eb;font-weight:600;text-decoration:none}.document-link:hover{text-decoration:underline}.document-unavailable{color:#64748b;font-size:.9rem}.signed-document-layout{display:flex;flex-direction:column;width:100%;padding-bottom:1rem}.document-processing-notice{display:flex;flex-direction:row;align-items:center;gap:.5rem}@media (max-width: 640px){.field-group{width:100%}.card{margin:1rem;padding:1rem}.portal-header{align-items:flex-start;gap:.75rem;padding:1rem;margin-bottom:1rem}.portal-header-main,.portal-header-top{width:100%}.portal-header-logo{width:140px;max-width:45vw}.portal-header-top{flex-direction:column;gap:.5rem}.portal-header-title h3{font-size:1.1rem;line-height:1.2}.portal-header-aside{width:100%;align-items:flex-end;gap:.5rem}.portal-header-user{max-width:100%}.template-meta{flex-direction:column;gap:.25rem}.template-card-actions,.status-message-actions,.procedure-item-footer{flex-direction:column;align-items:stretch}.template-card-actions>*,.status-message-actions>*,.procedure-item-footer>*{width:100%;box-sizing:border-box;text-align:center}.landing-actions button,.procedure-item-footer button,.template-card-actions .button-primary,.template-card-actions .button-secondary{width:100%}.procedure-item,.document-item{padding:1rem}.document-item-clickable{padding:0}.document-item-link{padding:1rem}}