.ahr-front{--ahr-blue:#2563eb;--ahr-ink:#1f2933;--ahr-line:#e5e7eb;max-width:1000px;margin:0 auto;color:var(--ahr-ink);font-size:15px;line-height:1.5}
.ahr-front *{box-sizing:border-box}
.ahr-login-prompt{padding:40px;text-align:center;background:#f8fafc;border:1px solid var(--ahr-line);border-radius:12px}

.ahr-front-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px}
.ahr-front-head h2{margin:0 0 2px;font-size:24px}
.ahr-sub{margin:0;color:#64748b;font-size:14px}
.ahr-logout{font-size:13px;color:#64748b;text-decoration:none;white-space:nowrap;padding-top:6px}
.ahr-logout:hover{color:var(--ahr-blue)}

.ahr-flash{background:#e6f4ea;border:1px solid #a6d8b5;color:#1a7a3f;padding:12px 16px;border-radius:8px;margin-bottom:18px}

.ahr-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:20px}
.ahr-tile{background:#fff;border:1px solid var(--ahr-line);border-radius:12px;padding:18px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.ahr-tile b{display:block;font-size:30px;line-height:1.1;color:var(--ahr-blue)}
.ahr-tile span{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.03em}

.ahr-front-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ahr-panel{background:#fff;border:1px solid var(--ahr-line);border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.ahr-panel-wide{grid-column:1 / -1}
.ahr-panel h3{margin:0 0 14px;font-size:16px}

/* Leave form */
.ahr-leave-form{display:flex;flex-direction:column;gap:12px}
.ahr-leave-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:#475569}
.ahr-leave-form input,.ahr-leave-form select,.ahr-leave-form textarea{padding:9px 11px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;font-weight:400;font-family:inherit}
.ahr-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ahr-leave-form button{margin-top:4px;background:var(--ahr-blue);color:#fff;border:0;padding:11px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}
.ahr-leave-form button:hover{background:#1d4ed8}
.ahr-hint{margin:12px 0 0;font-size:13px;color:#64748b}

/* Leave list */
.ahr-leave-list{list-style:none;margin:0;padding:0}
.ahr-leave-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f1f5f9;font-size:13px}
.ahr-leave-list li:last-child{border-bottom:0}
.ahr-ll-dates{font-weight:600;min-width:100px}
.ahr-ll-type{color:#64748b;flex:1}
.ahr-pill{padding:2px 10px;border-radius:11px;font-size:11px;font-weight:600}
.ahr-approved{background:#e6f4ea;color:#1a7a3f}
.ahr-pending{background:#fff3d6;color:#8a6100}
.ahr-rejected{background:#fde7e7;color:#a71f1f}

/* News */
.ahr-news{display:flex;flex-direction:column;gap:14px}
.ahr-news-item{padding:14px 16px;border:1px solid var(--ahr-line);border-radius:10px;background:#fafbfc}
.ahr-news-item.ahr-pinned{border-color:#f0c36d;background:#fffdf5}
.ahr-news-item header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.ahr-news-item h4{margin:0;font-size:15px}
.ahr-news-item time{font-size:12px;color:#94a3b8;white-space:nowrap}
.ahr-news-body{font-size:14px;color:#334155;margin-top:6px}
.ahr-news-body p{margin:.4em 0}

.ahr-muted{color:#94a3b8;font-size:14px}

@media(max-width:760px){
	.ahr-front-grid{grid-template-columns:1fr}
	.ahr-two{grid-template-columns:1fr}
}

/* ---- Branded login screen ---- */
.ahr-login-screen{max-width:420px;margin:40px auto;padding:0 16px}
.ahr-login-card{background:#fff;border:1px solid var(--ahr-line);border-radius:16px;padding:36px 32px;box-shadow:0 8px 30px rgba(15,23,42,.08)}
.ahr-login-brand{text-align:center;margin-bottom:24px}
.ahr-login-brand h1{margin:0;font-size:22px;color:var(--ahr-ink)}
.ahr-login-brand .custom-logo{max-width:160px;height:auto}
.ahr-login-tag{margin:6px 0 0;color:#64748b;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.ahr-login-error{background:#fde7e7;border:1px solid #f5b5b5;color:#a71f1f;padding:11px 14px;border-radius:8px;font-size:13px;margin-bottom:18px;text-align:center}

/* Style WP's default login form markup */
.ahr-login-card .login-username,
.ahr-login-card .login-password{margin-bottom:16px}
.ahr-login-card label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:6px}
.ahr-login-card input[type=text],
.ahr-login-card input[type=password]{width:100%;padding:11px 13px;border:1px solid #cbd5e1;border-radius:9px;font-size:15px;box-sizing:border-box}
.ahr-login-card input[type=text]:focus,
.ahr-login-card input[type=password]:focus{outline:none;border-color:var(--ahr-blue);box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.ahr-login-card .login-remember{margin:4px 0 18px;font-weight:400}
.ahr-login-card .login-remember label{display:inline;font-weight:400;color:#64748b;font-size:13px}
.ahr-login-card .login-submit input,
.ahr-login-card .button-primary{width:100%;background:var(--ahr-blue);color:#fff;border:0;padding:12px;border-radius:9px;font-size:15px;font-weight:600;cursor:pointer}
.ahr-login-card .login-submit input:hover{background:#1d4ed8}
.ahr-login-links{text-align:center;margin-top:18px}
.ahr-login-links a{color:#64748b;font-size:13px;text-decoration:none}
.ahr-login-links a:hover{color:var(--ahr-blue)}
.ahr-login-foot{text-align:center;color:#94a3b8;font-size:12px;margin-top:18px}