/* =========================================================
   IAI Yapnas Kontrol - main.css
   Palet, font, dan bentuk komponen disalin dari tema IAI Yapnas Jeneponto
   supaya dashboard terlihat satu keluarga dengan website utama.
   ========================================================= */
:root{
	--iaiy-primary:#F97316;
	--iaiy-primary-dark:#C2410C;
	--iaiy-secondary:#1B4332;
	--iaiy-secondary-alt:#2D6A4F;
	--iaiy-text:#1F2937;
	--iaiy-muted:#6B7280;
	--iaiy-bg-soft:#FFF7ED;
	--iaiy-border:#E5E7EB;
	--iaiy-radius:14px;
	--iaiy-shadow:0 10px 30px rgba(0,0,0,.08);
	--iaiy-font-heading:'Poppins', sans-serif;
	--iaiy-font-body:'Inter', sans-serif;
}
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ margin:0; font-family:var(--iaiy-font-body); color:var(--iaiy-text); background:var(--iaiy-bg-soft); line-height:1.6; min-height:100vh; display:flex; flex-direction:column; overflow-x:hidden; }
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3{ font-family:var(--iaiy-font-heading); margin:0 0 .5em; line-height:1.25; }
button{ font-family:inherit; cursor:pointer; }
.screen-reader-text{ position:absolute !important; clip:rect(1px,1px,1px,1px); width:1px; height:1px; overflow:hidden; }
.skip-link{ position:absolute; top:-100px; left:0; background:var(--iaiy-primary); color:#fff; padding:10px 16px; z-index:9999; }
.skip-link:focus{ top:0; }
.iaiy-container{ max-width:1280px; margin:0 auto; padding:0 20px; width:100%; }

/* Tombol */
.iaiy-btn{ display:inline-block; padding:11px 22px; border-radius:8px; font-weight:600; font-size:14px; border:1.5px solid transparent; transition:.2s; }
.iaiy-btn-primary{ background:var(--iaiy-primary); color:#fff; }
.iaiy-btn-primary:hover{ background:var(--iaiy-primary-dark); }
.iaiy-btn-secondary{ background:var(--iaiy-secondary); color:#fff; }
.iaiy-btn-secondary:hover{ background:var(--iaiy-secondary-alt); }
.iaiy-btn-ghost{ background:#fff; border-color:var(--iaiy-border); color:var(--iaiy-text); }
.iaiy-btn-ghost:hover{ border-color:var(--iaiy-primary); color:var(--iaiy-primary); }
:focus-visible{ outline:3px solid var(--iaiy-primary); outline-offset:2px; }

/* Header */
.iaiy-header{ background:#fff; position:relative; z-index:100; box-shadow:0 2px 10px rgba(0,0,0,.06); }
.iaiy-header-inner{ display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:24px; padding-top:14px; padding-bottom:14px; flex-wrap:wrap; }
.iaiy-brand{ display:flex; flex-direction:row; align-items:center; gap:12px; }
.iaiy-brand img{ width:56px; height:56px; object-fit:contain; }
.iaiy-brand-title-wrap{ display:flex; flex-direction:column; justify-content:center; line-height:1.2; }
.iaiy-brand-text{ font-family:var(--iaiy-font-heading); font-weight:800; font-size:18px; color:var(--iaiy-primary); }
.iaiy-brand-tagline{ margin-top:3px; font-size:11.5px; color:var(--iaiy-muted); line-height:1.3; }
.iaiy-header-actions{ display:flex; flex-direction:row; align-items:center; gap:12px; flex-wrap:wrap; }
.iaiy-user{ font-size:14px; color:var(--iaiy-muted); }

/* Isi */
.iaiy-main{ flex:1; padding:36px 0 56px; }
.iaiy-page-head{ margin-bottom:22px; }
.iaiy-page-head h1{ font-size:30px; color:var(--iaiy-secondary); margin-bottom:4px; }
.iaiy-page-head p{ color:var(--iaiy-muted); margin:0; }
.iaiy-notice{ background:#FEF3C7; border:1px dashed #D97706; color:#92400E; padding:14px 18px; border-radius:8px; font-size:14px; }
.iaiy-content{ background:#fff; border-radius:var(--iaiy-radius); box-shadow:var(--iaiy-shadow); padding:32px; }
.iaiy-content h1{ color:var(--iaiy-secondary); font-size:28px; }

/* Kartu masuk */
.iaiy-login-card{ max-width:440px; margin:24px auto 0; background:#fff; border-radius:var(--iaiy-radius); box-shadow:var(--iaiy-shadow); padding:36px 34px; }
.iaiy-login-card h1{ font-size:24px; color:var(--iaiy-secondary); margin-bottom:6px; }
.iaiy-login-card > p{ color:var(--iaiy-muted); margin:0 0 20px; }
.iaiy-login-card form p{ margin:0 0 14px; }
.iaiy-login-card label{ display:block; font-size:14px; font-weight:600; margin-bottom:6px; }
.iaiy-login-card input[type="text"],
.iaiy-login-card input[type="password"]{ width:100%; padding:11px 14px; border-radius:8px; border:1px solid var(--iaiy-border); font:400 15px var(--iaiy-font-body); color:var(--iaiy-text); }
.iaiy-login-card input[type="text"]:focus,
.iaiy-login-card input[type="password"]:focus{ border-color:var(--iaiy-primary); outline:none; box-shadow:0 0 0 2px rgba(249,115,22,.25); }
.iaiy-login-card .login-remember label{ display:flex; align-items:center; gap:8px; font-weight:500; }
.iaiy-login-card input[type="submit"]{ width:100%; background:var(--iaiy-primary); color:#fff; border:0; padding:13px 20px; border-radius:8px; font:600 15px var(--iaiy-font-body); }
.iaiy-login-card input[type="submit"]:hover{ background:var(--iaiy-primary-dark); }

/* Footer */
.iaiy-footer{ background:#0d2118; color:rgba(255,255,255,.85); padding:18px 0; font-size:13px; }
.iaiy-footer-inner{ display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; opacity:.85; }

@media (max-width:640px){
	.iaiy-header-inner{ flex-direction:column; align-items:flex-start; }
	.iaiy-page-head h1{ font-size:24px; }
	.iaiy-login-card{ padding:28px 22px; }
}
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } *{ transition:none !important; } }

/* Tab dashboard (Maintenance / Pemantauan) */
.iaiy-tabs{ display:flex; gap:8px; margin:0 0 22px; flex-wrap:wrap; }
.iaiy-tab{ padding:10px 22px; border-radius:999px; border:1.5px solid var(--iaiy-border); background:#fff; font-weight:600; font-size:14px; transition:.2s; }
.iaiy-tab:hover{ border-color:var(--iaiy-primary); color:var(--iaiy-primary-dark); }
.iaiy-tab.is-active{ background:var(--iaiy-secondary); border-color:var(--iaiy-secondary); color:#fff; }