/* NewForTech account page (loaded on the account page only; form kit lives in auth.css). */
.nft-account { width: 100%; max-width: 64rem; margin: 0 auto; padding: 1.5rem 1rem 3.5rem; }
.nft-account:focus { outline: none; }
.nft-account__h1 { --nft-plate-fs: 2rem; }
.nft-account__guest { display: grid; gap: 1.75rem; align-items: start; }
.nft-account__intro p { margin: 1rem 0 0; max-width: 28rem; font-size: 1rem; line-height: 1.6; color: rgba(20, 23, 28, .72); }
.nft-account__guest .nft-auth--inline { width: 100%; max-width: 26rem; }
@media (min-width: 48rem) {
	.nft-account__guest { grid-template-columns: minmax(0, 1fr) minmax(0, 26rem); gap: 3rem; padding-top: 1.5rem; }
}

.nft-notice { margin: 0 0 1.25rem; padding: .8rem 1rem; border-radius: .85rem; font-size: .9375rem; line-height: 1.5; }
.nft-notice--ok { background: #eefad0; box-shadow: inset 0 0 0 1px #9fce00; color: #20300a; }
.nft-notice--err { background: #fdecea; box-shadow: inset 0 0 0 1px rgba(180, 35, 24, .4); color: #8a1c12; }

.nft-account__top { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
.nft-account__avatar { display: block; flex: none; width: 4rem; height: 4rem; border-radius: 50%; overflow: hidden; line-height: 0; box-shadow: 0 0 0 1px rgba(15, 23, 32, .12), 0 6px 16px rgba(15, 23, 32, .08); }
.nft-account__id { flex: 1 1 14rem; min-width: 0; }
.nft-account__meta { margin: .55rem 0 0; font-size: .875rem; color: rgba(20, 23, 28, .65); overflow-wrap: anywhere; }
.nft-account__out { width: auto; }

.nft-account__grid { display: grid; gap: 1rem; align-items: start; }
@media (min-width: 48rem) { .nft-account__grid { grid-template-columns: 1fr 1fr; gap: 1.25rem; } }
.nft-card-box { box-sizing: border-box; padding: 1.25rem; border-radius: 1.25rem; background: #fff; box-shadow: 0 0 0 1px rgba(15, 23, 32, .09); scroll-margin-top: 6rem; min-width: 0; }
.nft-card-box--danger { box-shadow: 0 0 0 1px rgba(180, 35, 24, .35); }
.nft-card-box .nft-box-title { margin-bottom: 1rem; }
.nft-box-note { margin: 0 0 1rem; font-size: .875rem; line-height: 1.55; color: rgba(20, 23, 28, .7); }
.nft-rule { margin: 1.25rem 0; border: 0; border-top: 1px solid rgba(15, 23, 32, .1); }
.nft-acc-form .nft-btn { width: auto; min-width: 11rem; }
.nft-acc-form .nft-check { margin-bottom: 1rem; }

.nft-clist { list-style: none; margin: 0; padding: 0; display: grid; gap: .9rem; }
.nft-clist li { padding-bottom: .9rem; border-bottom: 1px solid rgba(15, 23, 32, .08); }
.nft-clist li:last-child { padding-bottom: 0; border-bottom: 0; }
.nft-clist__post { font-size: .9375rem; font-weight: 700; color: #14171c; text-decoration: none; }
.nft-clist__post:hover { color: #5a7800; }
.nft-clist__text { margin: .25rem 0 0; font-size: .875rem; line-height: 1.5; color: rgba(20, 23, 28, .75); }
.nft-clist__meta { margin: .35rem 0 0; font-size: .75rem; color: rgba(20, 23, 28, .55); }
.nft-pill { display: inline-block; margin-left: .4rem; padding: .1rem .5rem; border-radius: 999px; background: #f0f2f5; font-weight: 700; color: rgba(20, 23, 28, .7); }
