: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{max-width:960px;margin:0 auto}.banner{background:#e0f2fe;border:1px solid #7dd3fc;color:#0c4a6e;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0f172a1a;padding:1.5rem;margin:2rem 1.5rem 3rem}.portal-header{width:100%;color:#000;padding:1.75rem;margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:1.25rem;align-items:flex-start;justify-content:space-between;position:sticky;top:0;z-index:10}.portal-header-brand{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0}.portal-header-logo{width:200px;max-width:35vw;height:auto;flex-shrink:0}.portal-header-copy{min-width:0}.portal-header-copy h3{margin:0 0 .25rem;color:#000}.portal-header-copy p{margin:0;color:#000}.portal-header-actions{margin-left:auto;display:flex;align-items:center}.portal-header-actions .button-primary{background:#fbbf24;color:#0f172a;display:inline-flex;align-items:center;gap:.5rem}.portal-header-actions .button-primary:disabled{opacity:.6;cursor:not-allowed}.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}.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}@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}.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{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.procedure-item{border:1px solid #d4d9e8;border-radius:10px;padding:1rem 1.25rem;background:#f8fafc;display:flex;flex-direction:column;gap:.5rem}.procedure-item-header{font-weight:600;color:#0f172a;word-wrap:break-word}.procedure-times{display:flex;flex-direction:column;gap:.15rem;font-size:.85rem;color:#475569;text-align:right}.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-item-footer button{height:3rem}.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,.coming-soon-card{text-align:left}.landing-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.landing-actions button{height:5rem}.back-link{display:flex;margin-top:1rem}.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}.start-procedure-button{color:}@media (max-width: 640px){.field-group{width:100%}.portal-header{flex-direction:column;align-items:flex-start}.portal-header-actions{width:100%;justify-content:flex-end}}