.app-flow{--af-line: #304363;--af-muted: #b7c6df;box-sizing:border-box;margin:3rem 0;padding:clamp(1.15rem,3vw,2rem);background:linear-gradient(145deg,#12213d,#0a1428);border:1px solid var(--af-line);border-radius:1.25rem;color:#f5f8ff;font:400 1rem/1.6 system-ui,sans-serif;overflow-wrap:anywhere}.app-flow *{box-sizing:border-box}.app-flow h2{font-size:clamp(1.55rem,4vw,2rem);line-height:1.2;letter-spacing:-.025em;margin:.4rem 0 1rem;color:#fff}.app-flow p{margin:0 0 1rem;color:var(--af-muted)}.app-flow .app-flow-kicker{color:#84b9ff;font-size:.76rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;margin:0}.app-flow .app-flow-note{padding:1rem;border:1px solid #405370;border-radius:.65rem;background:#162740;font-size:.875rem;color:#d6e1f3}.app-flow-views{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0}.app-flow button{min-height:44px;padding:.65rem 1rem;border:1px solid #638ffd;border-radius:.65rem;background:#275fd5;color:#fff;font:inherit;font-size:.94rem;font-weight:650;cursor:pointer;white-space:normal}.app-flow button:hover{background:#3472ed}.app-flow button:focus-visible,.app-flow a:focus-visible,.app-flow summary:focus-visible{outline:3px solid #9aceff;outline-offset:4px}.app-flow .app-flow-views button{background:#101e37;border-color:#506785;color:#e0eaff;flex:1 1 115px}.app-flow .app-flow-views button[aria-pressed=true]{background:#d9e8ff;color:#102748;border-color:#d9e8ff}.app-flow-view-info{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.app-flow-view-info strong{font-size:1.1rem}.app-flow-view-info span{color:var(--af-muted);font-size:.875rem}.app-flow-records{display:grid;gap:1rem}.app-flow-card{padding:1.2rem;background:#0c1930;border:1px solid var(--af-line);border-radius:.85rem;min-width:0}.app-flow-card-head{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;margin-bottom:.8rem}.app-flow h3{font-size:1rem;font-weight:700;margin:0;color:#fff}.app-flow-phase{display:inline-block;padding:.2rem .6rem;border-radius:1rem;background:#263957;color:#deebff;font-size:.75rem;font-weight:650}.app-flow-phase[data-phase=approved]{background:#153c36;color:#b4f1db}.app-flow-card p{font-size:.94rem}.app-flow-actions{display:flex;flex-wrap:wrap;gap:.6rem}.app-flow .app-flow-secondary{background:transparent;border-color:#667c9b;color:#e0eaff}.app-flow .app-flow-secondary:hover{background:#233653}.app-flow-history{margin-top:1rem;color:var(--af-muted);font-size:.875rem}.app-flow-history summary{cursor:pointer;min-height:44px;padding:.55rem 0;color:#b8d7ff}.app-flow-history ol{margin:0;padding-left:1.25rem}.app-flow-history li{margin:.3rem 0}.app-flow .app-flow-status{min-height:3.2rem;margin:1rem 0;padding:.8rem 1rem;border-left:3px solid #84b9ff;background:#152640;font-size:.9rem;color:#e0eaff}.app-flow-footer{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1rem}.app-flow a{color:#a9d1ff;text-decoration:underline;text-underline-offset:.18em;font-size:.94rem}.app-flow .app-flow-scope{font-size:.8rem;margin:1.2rem 0 0;color:#b7c6df}@media (max-width: 420px){.app-flow-actions button{width:100%}.app-flow-footer{align-items:stretch;flex-direction:column}.app-flow-footer a{padding:.4rem 0}}