/* v7 layout: search page first, register as modal (matches screenshots) */
.pisen-page{padding:28px 16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.pisen-search-view{max-width:900px;margin:0 auto;text-align:center}
.pisen-search-view .pisen-title{color:#111827;font-size:44px;letter-spacing:-.02em;margin:18px 0 10px;color:#0f172a}
.pisen-subtitle{margin:0 0 26px;color:#94a3b8;font-size:18px;font-weight:600}
.pisen-search-pill{display:flex;align-items:center;gap:10px;border:3px solid #ff6b00;border-radius:999px;padding:5px 5px 5px 27px;max-width:760px;margin:0 auto}
.pisen-search-pill svg {opacity:.6;margin-left:10px}
#pisenSearchInput{flex:1;border:none;outline:none;background:transparent;font-size:18px;padding:10px 6px;color:#0f172a}
#pisenSearchInput::placeholder{color:#cbd5e1}
.pisen-search-pill .pisen-pill-btn{border:none;cursor:pointer;background:#ff6b00;color:#fff;font-weight:800;border-radius:999px;padding:16px 39px;font-size:16px; border: 1px solid #fffz}
.pisen-pill-btn:active{transform:translateY(1px)}
.pisen-result{margin:22px auto 0;max-width:760px;text-align:left}
.pisen-search-view .pisen-ghost-btn{margin:10px auto 0;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(15,23,42,.10);box-shadow:0 10px 26px rgba(15,23,42,.06);border-radius:14px;padding:14px 22px;font-weight:800;cursor:pointer}
.pisen-plus{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;line-height:1;border:1px solid #fff}

.pisen-card-mini{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:18px;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.pisen-mini-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.pisen-mini-label{font-size:12px;font-weight:900;color:#64748b;letter-spacing:.04em}
.pisen-mini-serial{font-size:22px;font-weight:900;color:#0f172a;margin-top:2px}
.pisen-badge{display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;font-weight:900;font-size:12px;border:1px solid transparent}
.pisen-badge.good{background:rgba(22,101,52,.08);color:#166534;border-color:rgba(22,101,52,.18)}
.pisen-badge.bad{background:rgba(180,35,24,.07);color:#b42318;border-color:rgba(180,35,24,.16)}
.pisen-badge.warn{background:rgba(146,64,14,.08);color:#92400e;border-color:rgba(146,64,14,.18)}
.pisen-grid{display:grid;grid-template-columns:160px 1fr;gap:10px 14px;margin-top:14px}
.pisen-k{color:#64748b}
.pisen-v{color:#0f172a;font-weight:600}

/* Modal */
.pisen-modal{position:fixed;inset:0;display:none;z-index:999999}
.pisen-modal.open{display:block}
.pisen-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.pisen-dialog{position:relative;width:min(760px,calc(100% - 24px));margin:5vh auto 0;max-height: 90vh;overflow: auto;-webkit-overflow-scrolling: touch;}
.pisen-card{background:#fff;border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.25);border:1px solid rgba(0,0,0,.06);max-height: 90vh;overflow: auto;-webkit-overflow-scrolling: touch;}
.pisen-card-header{background:rgb(255, 92, 0);color:#fff;padding:18px;display:flex;gap:12px;align-items:flex-start;border-radius: 18px;}
.pisen-card-header .pisen-return {background: none;border: 1px solid #fff;margin-left: auto;padding: 14px 21px 14px 21px;}
.pisen-shield{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;flex:none}
.pisen-card-title{font-size:20px;font-weight:900}
.pisen-card-sub{font-size:13px;opacity:.92;margin-top:2px}

.pisen-form{padding:18px}
.pisen-field{margin-top:16px}
.pisen-field label{display:block;color:rgba(100,116,139,1);font-size:12px;font-weight:900;letter-spacing:.04em}
.req{color:#ff3b30}
.pisen-card .pisen-input{margin-top:10px;position:relative}
.pisen-card .pisen-input .ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:.55}
.pisen-card .pisen-input .ic.hash{font-weight:900}
.pisen-card .pisen-input input{width:100%;border:1px solid rgba(15,23,42,.10);border-radius:12px;padding:14px 14px 14px 42px;font-size:15px;outline:none}
.pisen-card .pisen-input input:focus{border-color:rgba(255,111,0,.65);box-shadow:0 0 0 3px rgba(255,111,0,.16)}
.pisen-card .pisen-input input::placeholder{color:#cbd5e1}

.pisen-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.pisen-form .pisen-register-btn{width:100%;margin-top:18px;border:none;cursor:pointer;color:#fff;font-weight:900;border-radius:12px;padding:16px 18px;font-size:16px;box-shadow:0 14px 26px rgba(255,90,0,.25)}
.pisen-footnote{margin-top:14px;color:#94a3b8;font-size:12px;text-align:center}
.pisenRegisterForm .pisen-return{margin:16px auto 0;display:flex;align-items:center;gap:10px;background:transparent;border:none;color:#94a3b8;font-weight:800;cursor:pointer}
.ret-ic{opacity:.7}

.pisen-msg{margin-top:10px;text-align:center;font-size:13px}
.pisen-msg.ok{color:#166534}
.pisen-msg.err{color:#b42318}

@media (max-width:760px){
  .pisen-title{font-size:34px}
  .pisen-grid2{grid-template-columns:1fr}
  .pisen-search-pill{padding:8px 10px}
}