/* D:\Hurricane Creek Automotive Website\palaciosenterprisestesting.net\static\css\login.css */

/* Full-height baseline for centering under shared header */ html, body { height:100%; margin:0; }
/* Centering wrapper that inherits the site background */ .wrap { min-height:calc(100vh - var(--h,56px) - 48px); display:grid; place-items:center; }
/* Shared card surface for login/denied/recovery */ .card { width:100%; max-width:460px; padding:24px; border-radius:12px; background:#161b22; box-shadow:0 2px 20px rgba(0,0,0,.35); }
/* Compact vertical rhythm for stacks */ .stack { display:grid; gap:12px; }
/* Label + control group wrapper */ .field { display:grid; gap:6px; }
/* Dark-friendly input styling */ .input { height:40px; padding:0 12px; border:1px solid #30363d; border-radius:8px; background:#0d1117; color:#e6edf3; outline:none; }
/* Visible keyboard focus ring */ .input:focus-visible { border-color:#3fb950; box-shadow:0 0 0 3px rgba(63,185,80,.25); }
/* Neutral button base for links and buttons */ .btn { display:inline-block; height:42px; padding:10px 14px; border:0; border-radius:8px; background:#30363d; color:#fff; text-decoration:none; font-weight:600; cursor:pointer; }
/* Primary green button (Sign in, primary actions) */ .btnp { background:#238636; }
/* Primary green hover state for better feedback */ .btnp:hover { filter:brightness(1.08); }
/* Primary blue button (Forgot Username/Password links) */ .btnb { background:#2563eb; }
/* Primary blue hover state for better feedback */ .btnb:hover { filter:brightness(1.08); }
/* Compact small-button variant (Access Denied actions) */ .btn--sm { height:36px; padding:8px 12px; font-size:14px; }
/* Disabled button affordance */ .btn:disabled { opacity:.65; cursor:not-allowed; }
/* Inline status/error holder that prevents layout jump */ .help { min-height:20px; font-size:13px; color:#ff7b72; }
/* Small secondary text used for hints and notes */ .muted { font-size:12px; color:#8b949e; }
/* Modest centered headings inside cards */ h1, .card h2 { margin:0; text-align:center; font-size:20px; font-weight:700; }
/* Helper under the password field (left-aligned) */ .credentials-note { margin-top:6px; text-align:left; color:#8b949e; font-size:12px; }
/* Reset paragraph margins except for the ribbon line */ .card p:not(.attempt) { margin:0; }
/* Access-denied attempted-page ribbon (top-left red italic) */ .card .attempt { display:block; font-size:12px; color:#ff7b72; font-style:italic; text-align:left; margin:-8px 0 14px -10px; }
/* Generic horizontal row layout (buttons and option rows) */ .row { display:flex; gap:10px; }
/* Centered row alignment for symmetric actions */ .row--center { justify-content:center; }
/* Comfortable spacing above/below action rows */ .row--spaced { margin-top:16px; margin-bottom:10px; }
/* Center-aligned footer notes under actions */ .note--center { text-align:center; }
/* Added breathing room above notes under actions */ .note--spaced { margin-top:12px; }
/* Recovery sections behave like compact stacks when visible */ #recovery-username, #recovery-password { display:grid; gap:12px; }
/* Make autofill look consistent with dark inputs (Chrome/WebKit) */ input.input:-webkit-autofill { -webkit-box-shadow:0 0 0 40px #0d1117 inset !important; -webkit-text-fill-color:#e6edf3 !important; }
/* Prevent yellow autofill border in some browsers */ input.input:-webkit-autofill:focus { -webkit-box-shadow:0 0 0 40px #0d1117 inset, 0 0 0 3px rgba(63,185,80,.25) !important; }
/* Keep small buttons readable on narrow screens */ @media (max-width:420px) { .btn--sm { height:34px; padding:8px 10px; font-size:13px; } }
/* Improve tap targets on very small screens */ @media (max-width:420px) { .btn { padding:10px 12px; } }