/* Agent Toolkit · shared app styles (navy / royal blue / white / silver) */
*{box-sizing:border-box}
html,body{margin:0;background:#0a1f44;color:#fff;font:17px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-text-size-adjust:100%}
main{max-width:540px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 14px) 18px calc(env(safe-area-inset-bottom) + 28px)}
a{color:#9fc0ff}
.apphead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px}
.apphead .home{display:flex;align-items:center;gap:8px;color:#dfe6f0;text-decoration:none;font-family:"Cinzel",Georgia,serif;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.apphead .home img{width:30px;height:30px;border-radius:8px}
.me{display:flex;align-items:center;gap:6px;background:#132a63;border:1px solid #2c4a9a;color:#fff;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;max-width:60%}
.me span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
h1{font-family:"Cinzel",Georgia,serif;font-size:1.3rem;letter-spacing:.03em;margin:0 0 2px;font-weight:600}
.sub{color:#b9c7ea;font-size:.86rem;margin:0 0 12px}
label{display:block;font-size:.78rem;font-weight:700;letter-spacing:.05em;color:#b9c7ea;margin:14px 0 6px;text-transform:uppercase}
label .opt,label i{font-style:normal;font-weight:500;text-transform:none;letter-spacing:0;color:#8ea3d6}
.inrow{display:flex;gap:8px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
input,select,textarea{width:100%;font-size:1.12rem;padding:13px 14px;border-radius:12px;border:2px solid #2c4a9a;background:#fff;color:#0a1f44;-webkit-appearance:none;appearance:none;font-family:inherit;min-height:52px}
textarea{min-height:64px;resize:vertical;font-size:1.02rem}
input[type=date],input[type=time]{font-size:1.02rem}
input[type=checkbox]{width:22px;height:22px;min-height:0;padding:0;-webkit-appearance:checkbox;appearance:auto;accent-color:#1e5bd8;flex:0 0 auto}
select{font-size:1.05rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%230a1f44' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:36px}
input:focus,select:focus,textarea:focus{outline:none;border-color:#6d9bff;box-shadow:0 0 0 3px rgba(79,134,240,.35)}
button:focus-visible,a:focus-visible{outline:3px solid #9fc0ff;outline-offset:2px}
.sbtn{flex:0 0 auto;background:#1e5bd8;color:#fff;border:0;border-radius:12px;padding:0 14px;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer}
.chk{display:flex;align-items:center;gap:10px;text-transform:none;letter-spacing:0;font-size:1rem;color:#fff;font-weight:600}
.det{margin-top:14px;padding:12px 14px;border-radius:12px;background:#132a63;font-weight:600;min-height:48px}
.det.ok{background:#e8f7ee;color:#0d5a2c}.det.bad{background:#fde8e8;color:#b00020;border:2px solid #d32f2f}
.go{display:block;width:100%;margin-top:16px;background:#1e5bd8;color:#fff;border:0;border-radius:16px;padding:19px;font-size:1.35rem;font-weight:800;text-align:center;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.28);font-family:inherit;cursor:pointer}
.go[aria-disabled=true]{background:#3a4f86;color:#9fb0dc;pointer-events:none}
.ghost{display:block;width:100%;margin-top:10px;background:transparent;color:#fff;border:2px solid #2c4a9a;border-radius:14px;padding:13px;font-size:1rem;font-weight:700;text-align:center;text-decoration:none;font-family:inherit;cursor:pointer}
.gr{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gr .ghost{margin-top:10px}
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#132a63;padding:5px;border-radius:14px}
.seg button{border:0;border-radius:10px;padding:12px 4px;background:transparent;color:#b9c7ea;font-weight:700;font-size:.93rem;font-family:inherit;cursor:pointer}
.seg button[aria-pressed=true]{background:#fff;color:#0a1f44}
.prevh{margin-top:18px;letter-spacing:.12em}
.prev{margin-top:6px;background:#fff;color:#0a1f44;border-radius:14px;padding:12px 14px;font-size:.92rem;white-space:pre-wrap;word-break:break-word}
.warn{margin-top:10px;padding:10px 12px;border-radius:12px;background:#fde8e8;color:#b00020;font-weight:600;font-size:.9rem}
.small{color:#b9c7ea;font-size:.78rem;margin-top:14px}
details.box{margin-top:16px;background:#0f2656;border:1px solid #2c4a9a;border-radius:14px;padding:4px 14px 12px}
details.box summary{cursor:pointer;font-weight:700;padding:10px 0;color:#dfe6f0}
.hide,[hidden]{display:none!important}
.appfoot{margin-top:26px;padding-top:14px;border-top:1px solid #23407f;color:#9fb0dc;font-size:.76rem;text-align:center;line-height:1.6}
.appfoot a{color:#c9d2de}
/* profile sheet */
.sheet{position:fixed;inset:0;z-index:100;background:rgba(5,14,33,.78);display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:calc(env(safe-area-inset-top) + 16px) 14px 30px}
.sheet .card{width:100%;max-width:500px;background:#0f2656;border:1px solid #3a5aa8;border-radius:20px;padding:18px 18px 16px;box-shadow:0 24px 60px rgba(0,0,0,.5);color:#fff}
.sheet .card::before{content:"";display:block;height:3px;margin:-18px -18px 14px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,#c9d2de,#4f86f0,#c9d2de)}
.sheet h2{font-family:"Cinzel",Georgia,serif;font-size:1.15rem;margin:0 0 4px;letter-spacing:.03em}
.sheet p{color:#b9c7ea;font-size:.86rem;margin:0 0 4px}
.sheet .err{color:#ffb4b4;font-weight:600;font-size:.88rem;margin-top:10px}
.sheet .row{display:flex;gap:10px;margin-top:16px}
.sheet .row button{flex:1}
.sheet .forget{background:none;border:0;color:#9fb0dc;text-decoration:underline;font-size:.82rem;margin-top:12px;cursor:pointer;font-family:inherit;padding:4px}