/*
Theme Name: VTTQ Dispatch
Theme URI: https://example.com/
Author: VTTQ
Description: Giao diện đăng nhập và đăng ký tối giản cho WebApp Vận Tải Tuấn Quyên.
Version: 1.0.0
Requires PHP: 8.0
Text Domain: vttq-dispatch
*/

:root{--green:#176b4d;--green-dark:#123d32;--orange:#f28c28;--bg:#f4f7f5;--text:#18231f;--muted:#64716b;--line:#dce7e1;--danger:#b42318;--white:#fff}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%}
body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.5}
button,input{font:inherit}
.vttq-auth{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:20px 16px;background:linear-gradient(160deg,#edf7f2 0%,#f7f8f7 55%,#fff3e8 100%)}
.vttq-auth-card{width:min(100%,430px);background:var(--white);border:1px solid var(--line);border-radius:24px;padding:28px 22px;box-shadow:0 18px 50px rgba(18,61,50,.10)}
.vttq-brand{text-align:center;margin-bottom:24px}.vttq-logo{width:104px;height:104px;border-radius:24px;display:block;margin:0 auto 14px}
.vttq-brand h1{font-size:23px;line-height:1.25;margin:0;color:var(--green-dark)}.vttq-brand p{margin:6px 0 0;color:var(--muted)}
.vttq-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:#edf3f0;border-radius:13px;margin-bottom:20px}
.vttq-tab{min-height:48px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.vttq-tab.is-active{background:#fff;color:var(--green);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.vttq-panel[hidden]{display:none}.vttq-field{margin:0 0 15px}.vttq-field label{display:block;margin-bottom:6px;font-weight:650;color:var(--green-dark)}
.vttq-field input{width:100%;min-height:56px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;color:var(--text);background:#fff;font-size:17px;outline:none}.vttq-field input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,107,77,.12)}
.vttq-password{position:relative}.vttq-password input{padding-right:82px}.vttq-show{position:absolute;right:6px;top:6px;min-width:68px;height:44px;border:0;background:#eef5f2;color:var(--green);border-radius:9px;font-weight:700}
.vttq-check{display:flex;align-items:center;gap:10px;margin:2px 0 18px;color:var(--muted)}.vttq-check input{width:22px;height:22px;accent-color:var(--green)}
.vttq-submit{width:100%;min-height:58px;border:0;border-radius:13px;background:var(--green);color:#fff;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 7px 18px rgba(23,107,77,.22)}.vttq-submit:active{transform:translateY(1px)}
.vttq-help{text-align:center;margin:16px 0 0}.vttq-help a{color:var(--green);font-weight:650;text-decoration:none}
.vttq-note{padding:12px 14px;border-radius:11px;background:#fff7e9;color:#75420d;margin-bottom:16px;font-size:14px}.vttq-message{padding:12px 14px;border-radius:11px;margin-bottom:16px}.vttq-message.error{background:#fef3f2;color:var(--danger)}.vttq-message.success{background:#eaf8f1;color:#146c43}
.vttq-footer{text-align:center;color:var(--muted);font-size:13px;margin-top:20px}
@media(max-width:380px){.vttq-auth{padding:10px}.vttq-auth-card{padding:22px 16px;border-radius:18px}.vttq-logo{width:88px;height:88px}.vttq-brand h1{font-size:21px}}