@import url("/chat/chat.css");

.identity-shell { min-height: 100vh; display: grid; place-items: center; padding: 32px 20px; background: #f7f5ef; color: #27302b; }
.identity-card { width: min(100%, 480px); padding: 42px; border: 1px solid #dedbd0; border-radius: 18px; background: rgba(255,255,255,.88); box-shadow: 0 24px 70px rgba(39,48,43,.08); }
.identity-brand { display: block; width: 180px; margin-bottom: 34px; }
.identity-brand img { display: block; max-width: 100%; max-height: 76px; object-fit: contain; }
.identity-eyebrow { color: #788375; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; }
.identity-card h1 { margin: 10px 0; font-family: Georgia, serif; font-size: 42px; font-weight: 400; }
.identity-intro, .identity-note { color: #69736a; line-height: 1.6; }
#identity-form, #reset-request, #admin-login { display: grid; gap: 9px; margin-top: 28px; }
#identity-form label, #reset-request label, #admin-login label { color: #667166; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
#identity-form input, #reset-request input, #admin-login input { border: 1px solid #d4d1c7; border-radius: 8px; padding: 13px 14px; background: #fffefa; color: #27302b; font: inherit; margin-bottom: 10px; }
.identity-button { border: 0; border-radius: 999px; padding: 14px 20px; background: #5d6b60; color: white; cursor: pointer; font: inherit; text-decoration: none; text-align: center; }
.identity-button:disabled { opacity: .6; cursor: wait; }
.identity-button.secondary { background: transparent; border: 1px solid #b9b8ad; color: #4d594f; }
.link-button { display: inline-block; margin-top: 24px; }
.identity-message { min-height: 24px; color: #9a4f40; line-height: 1.4; }
.identity-links { display: flex; justify-content: space-between; gap: 16px; margin-top: 24px; font-size: 14px; }
.identity-links a { color: #5d6b60; }
.review-list { display: grid; gap: 14px; margin: 28px 0; }
.review-list div { border-bottom: 1px solid #e5e2d9; padding-bottom: 12px; }
.review-list dt { color: #788375; font-size: 11px; letter-spacing: .15em; text-transform: uppercase; }
.review-list dd { margin: 5px 0 0; font-family: Georgia, serif; font-size: 18px; }
.review-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.identity-card { position: relative; }
.identity-card .theme-toggle { position: absolute; right: 24px; top: 24px; }
.identity-brand { align-items: center; color: #27302b; display: inline-flex; gap: 10px; font: 600 12px/1 var(--sans, system-ui); letter-spacing: .12em; text-decoration: none; }
.identity-mark { border: 1px solid #788375; display: inline-block; height: 30px; object-fit: cover; padding: 2px; width: 30px; }
:root[data-theme="dark"] .identity-shell { background: #080d0f; color: #e5eee8; }
:root[data-theme="dark"] .identity-card { background: rgba(17, 29, 29, .92); border-color: rgba(164, 207, 190, .2); box-shadow: 0 24px 70px rgba(0,0,0,.25); }
:root[data-theme="dark"] .identity-brand { color: #e5eee8; }
:root[data-theme="dark"] .identity-card h1 { color: #f3f4ed; }
:root[data-theme="dark"] .identity-intro, :root[data-theme="dark"] .identity-note { color: #aab9ad; }
:root[data-theme="dark"] #identity-form label, :root[data-theme="dark"] #reset-request label, :root[data-theme="dark"] #admin-login label { color: #aab9ad; }
:root[data-theme="dark"] #identity-form input, :root[data-theme="dark"] #reset-request input, :root[data-theme="dark"] #admin-login input { background: #0d1818; border-color: rgba(164, 207, 190, .24); color: #f3f4ed; }
:root[data-theme="dark"] .identity-links a { color: #9ccbb7; }
@media (max-width: 540px) { .identity-card { padding: 30px 24px; } .identity-card h1 { font-size: 36px; } .identity-links { flex-direction: column; } }