/*
 * BNCC Platoon Manager — Public Form Styles
 * Version: 1.2.0
 * Author: CUO Shahid
 *
 * EASY COLOR EDITING:
 * Change these variables to match your website branding.
 */
:root {
  --bncc-public-primary: #173f2b;
  --bncc-public-primary-dark: #0d2d1d;
  --bncc-public-accent: #c5a44e;
  --bncc-public-soft: #edf5f0;
  --bncc-public-bg: #f5f8f6;
  --bncc-public-text: #17231d;
  --bncc-public-muted: #67756e;
  --bncc-public-border: #d8e2dc;
  --bncc-public-radius: 18px;
}

.bncc-form-shell,.bncc-verify { max-width:1050px; margin:30px auto; border:1px solid var(--bncc-public-border); border-radius:var(--bncc-public-radius); background:#fff; box-shadow:0 18px 55px rgba(13,45,29,.10); overflow:hidden; }
.bncc-form-heading,.bncc-verify-heading { padding:30px 34px; color:#fff; background:linear-gradient(135deg,var(--bncc-public-primary-dark),var(--bncc-public-primary)); position:relative; overflow:hidden; }
.bncc-form-heading::after,.bncc-verify-heading::after { content:""; position:absolute; width:210px; height:210px; right:-75px; top:-100px; border:37px solid rgba(255,255,255,.06); border-radius:50%; }
.bncc-form-kicker { display:block; font-size:11px; font-weight:800; letter-spacing:1.7px; color:#ead48e; margin-bottom:8px; }
.bncc-form-heading h2,.bncc-verify-heading h2 { color:#fff; margin:0 0 8px; font-size:29px; }
.bncc-form-heading p,.bncc-verify-heading p { margin:0; max-width:650px; color:rgba(255,255,255,.78); }

.bncc-form { padding:32px 34px 36px; }
.bncc-form h3 { margin:29px 0 16px; padding-bottom:11px; border-bottom:1px solid #e7ede9; color:var(--bncc-public-primary-dark); font-size:19px; }
.bncc-form h3:first-of-type { margin-top:0; }
.bncc-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.bncc-form label,.bncc-verify label { display:grid; gap:8px; font-weight:650; color:#293a32; }
.bncc-form label>span,.bncc-verify label>span { font-size:13px; }
.bncc-form input,.bncc-form select,.bncc-form textarea,.bncc-verify input { width:100%; min-height:48px; padding:11px 13px; border:1px solid #cbd6d0; border-radius:10px; background:#fbfcfb; color:var(--bncc-public-text); outline:none; transition:.2s; }
.bncc-form textarea { min-height:100px; resize:vertical; }
.bncc-form input:focus,.bncc-form select:focus,.bncc-form textarea:focus,.bncc-verify input:focus { background:#fff; border-color:var(--bncc-public-primary); box-shadow:0 0 0 3px rgba(23,63,43,.10); }
.bncc-form input[type=file] { padding:9px; background:var(--bncc-public-bg); }
.bncc-check { display:flex!important; align-items:flex-start; gap:10px; margin:24px 0 20px; padding:15px; background:var(--bncc-public-soft); border-radius:10px; font-weight:500!important; }
.bncc-check input { width:auto!important; min-height:auto!important; margin-top:4px; }
.bncc-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; border:0; border-radius:10px; background:var(--bncc-public-primary); color:#fff!important; padding:12px 23px; font-size:14px; font-weight:750; text-decoration:none; cursor:pointer; box-shadow:0 8px 20px rgba(23,63,43,.20); transition:.2s; }
.bncc-button:hover { transform:translateY(-1px); background:var(--bncc-public-primary-dark); box-shadow:0 11px 25px rgba(23,63,43,.25); }

/* Verification form — input and button no longer touch */
.bncc-verify { padding-bottom:30px; }
.bncc-verify-form { display:grid; grid-template-columns:1fr auto; gap:14px; align-items:end; padding:28px 32px 0; }
.bncc-verify-form .bncc-button { min-width:180px; }

.bncc-alert { max-width:1050px; margin:15px auto; padding:15px 18px; border-radius:11px; border:1px solid transparent; }
.bncc-alert.success { background:#e8f8ee; color:#166534; border-color:#b7e6c8; }
.bncc-alert.error { background:#fff0ef; color:#991b1b; border-color:#f3c7c4; }
.bncc-profile-card { display:flex; gap:23px; align-items:flex-start; margin:25px 32px 0; padding:24px; border:1px solid var(--bncc-public-border); border-radius:15px; background:var(--bncc-public-bg); }
.bncc-profile-card img { width:135px; height:155px; object-fit:cover; border-radius:13px; box-shadow:0 7px 20px rgba(13,45,29,.15); }
.bncc-profile-card h2,.bncc-profile-card h3 { margin-top:0; color:var(--bncc-public-primary-dark); }
.bncc-profile-card p { margin:7px 0; }
.bncc-badge { display:inline-block; padding:6px 11px; border-radius:999px; background:#dcfce7; color:#166534; font-size:12px; font-weight:750; }
.bncc-table-wrap { overflow:auto; border:1px solid var(--bncc-public-border); border-radius:12px; }
.bncc-table { width:100%; border-collapse:collapse; }
.bncc-table th,.bncc-table td { padding:12px; text-align:left; border-bottom:1px solid var(--bncc-public-border); }
.bncc-table th { background:var(--bncc-public-bg); color:#35483e; }

@media(max-width:700px) {
  .bncc-grid { grid-template-columns:1fr; }
  .bncc-form { padding:23px 19px 27px; }
  .bncc-form-heading,.bncc-verify-heading { padding:25px 20px; }
  .bncc-form-heading h2,.bncc-verify-heading h2 { font-size:24px; }
  .bncc-verify-form { grid-template-columns:1fr; padding:22px 20px 0; }
  .bncc-verify-form .bncc-button { width:100%; }
  .bncc-profile-card { display:block; margin:22px 20px 0; }
  .bncc-profile-card img { margin-bottom:16px; }
}


/* ===== Version 1.3 verification result ===== */
.bncc-upload-note{font-size:12px;font-weight:500;color:#6b7c73;margin-left:8px}.bncc-verification-result{margin-top:25px;border:1px solid #d8e4dd;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 14px 35px rgba(13,45,29,.08)}.bncc-result-banner{display:flex;align-items:center;gap:12px;background:#eaf8ef;color:#155d36;padding:13px 20px}.bncc-result-banner .dashicons{font-size:25px;width:25px;height:25px}.bncc-result-banner div{display:flex;flex-direction:column}.bncc-result-banner small{color:#4b725e;margin-top:2px}.bncc-result-content{display:grid;grid-template-columns:210px 1fr;gap:28px;padding:28px}.bncc-result-photo{height:245px;border-radius:16px;background:linear-gradient(145deg,#edf4f0,#dfeae4);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.bncc-result-photo img{width:100%;height:100%;object-fit:cover}.bncc-result-photo>.dashicons{font-size:75px;width:75px;height:75px;color:#7e9a8b}.bncc-photo-status{position:absolute;right:13px;bottom:13px;width:17px;height:17px;background:#22c55e;border:3px solid #fff;border-radius:50%}.bncc-result-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #e5ece8;padding-bottom:18px}.bncc-result-title span:first-child{font-size:11px;letter-spacing:1.6px;color:#b28b2c;font-weight:800}.bncc-result-title h3{font-size:28px;margin:5px 0 3px;color:#123c29}.bncc-result-title p{margin:0;color:#66786e}.bncc-result-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px}.bncc-result-details>div{padding:13px 15px;border-radius:11px;background:#f6f9f7;border:1px solid #e5ece8}.bncc-result-details small{display:block;color:#718178;margin-bottom:4px}.bncc-result-details strong{color:#183c2e}.bncc-verify-form .bncc-button .dashicons{margin-right:7px}@media(max-width:700px){.bncc-result-content{grid-template-columns:1fr;padding:18px}.bncc-result-photo{height:280px;max-width:230px;margin:auto}.bncc-result-title{display:block}.bncc-result-title .bncc-badge{display:inline-block;margin-top:12px}.bncc-result-details{grid-template-columns:1fr}}


/* ===== Version 1.4 anchored results and ID card module ===== */
html{scroll-behavior:smooth}#bncc-form-result,#bncc-verification-result,#bncc-id-card-form-result{scroll-margin-top:120px}.bncc-inline-result{display:flex;align-items:flex-start;gap:13px;padding:16px 20px;border-bottom:1px solid}.bncc-inline-result .dashicons{font-size:25px;width:25px;height:25px}.bncc-inline-result div{display:flex;flex-direction:column;gap:3px}.bncc-inline-result small{font-size:13px}.bncc-inline-result.success{background:#e9f9ef;color:#145c36;border-color:#bae5ca}.bncc-inline-result.success small{color:#4f755f}.bncc-inline-result.error{background:#fff0ef;color:#991b1b;border-color:#f1c2bf}.bncc-inline-result.error small{color:#a85050}.bncc-id-card-directory{max-width:1280px;margin:30px auto;border:1px solid var(--bncc-public-border);border-radius:20px;background:#fff;box-shadow:0 18px 55px rgba(13,45,29,.1);overflow:hidden}.bncc-directory-heading{padding:28px 32px;color:#fff;background:linear-gradient(135deg,#0d2d1d,#1c5a3c);position:relative;overflow:hidden}.bncc-directory-heading:after{content:"";position:absolute;width:220px;height:220px;border:40px solid rgba(255,255,255,.05);border-radius:50%;right:-80px;top:-120px}.bncc-directory-heading h2{color:#fff;margin:5px 0 7px;font-size:29px}.bncc-directory-heading p{margin:0;color:rgba(255,255,255,.75)}.bncc-id-table-wrap{overflow:auto;padding:22px}.bncc-id-table{width:100%;min-width:1050px;border-collapse:separate;border-spacing:0;border:1px solid #dce6e0;border-radius:14px;overflow:hidden}.bncc-id-table th{padding:14px 13px;background:#edf5f0;color:#173f2b;font-size:12px;letter-spacing:.4px;text-transform:uppercase;text-align:left;border-bottom:1px solid #d6e1db}.bncc-id-table td{padding:13px;border-bottom:1px solid #e7eeea;vertical-align:middle;color:#263b31}.bncc-id-table tbody tr:last-child td{border-bottom:0}.bncc-id-table tbody tr:hover{background:#f8fbf9}.bncc-id-table code{background:#edf5f0;color:#173f2b;padding:5px 8px;border-radius:7px}.bncc-serial{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:#173f2b;color:#fff;font-weight:750}.bncc-blood-chip{display:inline-flex;padding:5px 9px;border-radius:99px;background:#fee2e2;color:#991b1b;font-weight:750}.bncc-signature-preview{width:115px;height:50px;object-fit:contain;background:#fff;border:1px solid #dce6e0;border-radius:8px;padding:4px}.bncc-passport-preview{width:62px;height:76px;object-fit:cover;border-radius:9px;border:2px solid #fff;box-shadow:0 3px 12px rgba(15,45,30,.18)}.bncc-directory-empty{display:flex;gap:10px;align-items:center;justify-content:center;padding:35px;color:#65776d}.bncc-id-card-shell .bncc-button .dashicons{margin-right:7px}@media(max-width:700px){#bncc-form-result,#bncc-verification-result,#bncc-id-card-form-result{scroll-margin-top:85px}.bncc-id-table-wrap{padding:13px}.bncc-id-table{min-width:0;border:0}.bncc-id-table thead{display:none}.bncc-id-table,.bncc-id-table tbody,.bncc-id-table tr,.bncc-id-table td{display:block;width:100%}.bncc-id-table tr{border:1px solid #dce6e0;border-radius:14px;margin-bottom:14px;padding:10px;background:#fff}.bncc-id-table td{display:grid;grid-template-columns:125px 1fr;gap:12px;align-items:center;padding:9px;border-bottom:1px dashed #e3ebe6}.bncc-id-table td:last-child{border-bottom:0}.bncc-id-table td:before{content:attr(data-label);font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#718178;font-weight:750}.bncc-signature-preview{width:100px}.bncc-passport-preview{width:70px;height:86px}}

/* Security helpers: keep the honeypot inaccessible to humans but available to bots. */
.bncc-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.bncc-turnstile{margin:18px 0;min-height:65px}