/**
 * PCGD Professional Theme Override
 * Theme: Chuẩn Phổ cập giáo dục
 * Palette: xanh giáo dục - xanh ngọc - vàng nhấn, ưu tiên rõ ràng, hiện đại, chuyên nghiệp.
 */
:root{
    --pcgd-primary:#0f4c81;
    --pcgd-primary-2:#1565a8;
    --pcgd-accent:#13a89e;
    --pcgd-gold:#f5b942;
    --pcgd-bg:#f3f7fb;
    --pcgd-soft:#eef6ff;
    --pcgd-text:#1f2d3d;
    --pcgd-muted:#6b7c93;
    --pcgd-border:#dbe7f3;
    --pcgd-shadow:0 10px 28px rgba(15,76,129,.12);
    --pcgd-radius:14px;
}
html,body{background:linear-gradient(180deg,#edf5fb 0,#f7fafc 260px,#fff 100%)!important;color:var(--pcgd-text);font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:14px;line-height:1.55;}
a{color:var(--pcgd-primary-2);transition:all .18s ease;}a:hover,a:focus{color:#0b796f;text-decoration:none;}
.wraper{max-width:1220px;margin:0 auto;}
.container{width:100%;max-width:1200px;}
/* HEADER */
header{background:linear-gradient(135deg,#08345f 0%,#0f4c81 46%,#13a89e 100%);box-shadow:0 8px 30px rgba(6,34,60,.22);position:relative;z-index:2;}
header:after{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:linear-gradient(90deg,var(--pcgd-gold),#52d3c8,#7fb3ff);}
.site-banner{min-height:18px;background-size:cover;background-position:center;opacity:.18;}
.section-header-bar{background:rgba(5,24,44,.26);border:0;color:#dcecf8;}
.header-nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:38px;gap:12px;}
.contactDefault,.social-icons,.personalArea{color:#eef8ff;font-size:13px;}
.contactDefault a,.personalArea a,.social-icons a{color:#fff!important;}
.section-header{background:transparent;padding:18px 0 20px;}
#header{min-height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:transparent!important;}
.logo{display:flex;align-items:center;gap:14px;min-height:72px;}
.logo img{max-height:70px;width:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.18));}
.logo h1,.logo .site_name{display:block;margin:0;color:#fff!important;font-weight:800;font-size:25px;letter-spacing:.2px;text-transform:uppercase;text-shadow:0 2px 6px rgba(0,0,0,.22);}
.logo h2,.logo .site_description{display:block;margin-top:4px;color:#dff8ff!important;font-size:14px;font-weight:500;letter-spacing:.1px;}
.right-ads{color:#fff;text-align:right;}
/* MENU */
.section-nav{background:transparent;margin-top:-10px;position:relative;z-index:5;}
.second-nav .container{padding-left:15px;padding-right:15px;}
.second-nav .bg{background:#fff;border:1px solid rgba(219,231,243,.95);border-radius:16px;box-shadow:var(--pcgd-shadow);overflow:hidden;}
#menusite ul{margin:0;padding:0;}
#menusite .navbar,#menusite .navbar-default{margin:0;border:0;background:transparent;box-shadow:none;}
#menusite a{font-weight:700;color:#123a5a!important;text-transform:none;border-radius:10px;margin:4px 2px;padding:13px 15px!important;}
#menusite a:hover,#menusite li.active>a,#menusite .active>a{background:linear-gradient(135deg,var(--pcgd-primary),var(--pcgd-accent))!important;color:#fff!important;box-shadow:0 7px 18px rgba(15,76,129,.22);}
#menusite ul ul{border:0;border-radius:12px;box-shadow:0 16px 34px rgba(17,45,78,.18);padding:8px;background:#fff;}
#menusite ul ul a{font-weight:600;padding:9px 12px!important;margin:2px 0;color:#24445f!important;}
/* BODY */
.section-body{padding-top:16px;}
#body{background:#fff;border:1px solid var(--pcgd-border);border-radius:18px;box-shadow:0 16px 40px rgba(17,45,78,.08);padding:18px 20px 26px;min-height:540px;}
.third-nav .bg{background:linear-gradient(90deg,#f8fbff,#eef8f7);border:1px solid var(--pcgd-border);border-radius:14px;padding:10px 12px;margin-bottom:18px;}
.breadcrumbs-wrap,.current-time{color:var(--pcgd-muted);font-size:13px;}
.breadcrumbs a{color:var(--pcgd-primary)!important;font-weight:600;}
.headerSearch .form-control{height:38px;border:1px solid #cbddeb;border-radius:999px 0 0 999px;box-shadow:none;background:#fff;}
.headerSearch .btn,.btn-info{height:38px;border-radius:0 999px 999px 0;background:linear-gradient(135deg,var(--pcgd-primary),var(--pcgd-accent));border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(15,76,129,.18);}
/* BLOCKS */
.panel,.well,.nv-block-banners,.list-group{border-color:var(--pcgd-border)!important;border-radius:var(--pcgd-radius)!important;box-shadow:0 8px 24px rgba(17,45,78,.07)!important;overflow:hidden;background:#fff;}
.panel-default>.panel-heading,.panel-primary>.panel-heading,.block-title,.panel-heading{background:linear-gradient(135deg,var(--pcgd-primary),var(--pcgd-primary-2))!important;color:#fff!important;border:0!important;font-weight:800;letter-spacing:.15px;}
.panel-heading a,.panel-title a{color:#fff!important;}
.panel-body{padding:16px;}
.table{background:#fff;border-radius:12px;overflow:hidden;}
.table>thead>tr>th{background:linear-gradient(180deg,#f1f7ff,#e5f0fb);color:#123a5a;font-weight:800;border-bottom:2px solid #cfe0ef!important;vertical-align:middle;}
.table>tbody>tr:hover{background:#f6fbff;}
.form-control{border-radius:10px;border-color:#cbddeb;box-shadow:none;}
.form-control:focus{border-color:var(--pcgd-accent);box-shadow:0 0 0 3px rgba(19,168,158,.12);}
.btn{border-radius:10px;font-weight:700;transition:all .18s ease;}
.btn-primary{background:linear-gradient(135deg,var(--pcgd-primary),var(--pcgd-primary-2));border-color:transparent;}
.btn-success{background:linear-gradient(135deg,#0e9f6e,#13a89e);border-color:transparent;}
.btn-warning{background:linear-gradient(135deg,#f5b942,#f59e0b);border-color:transparent;color:#fff;}
.btn:hover{transform:translateY(-1px);box-shadow:0 9px 18px rgba(17,45,78,.12);}
.alert{border-radius:14px;border-width:0 0 0 5px;box-shadow:0 8px 22px rgba(17,45,78,.06);}
.alert-info{background:#eef8ff;border-left-color:var(--pcgd-primary);color:#164669;}
.alert-success{background:#ecfdf5;border-left-color:#0e9f6e;color:#065f46;}
.alert-warning{background:#fffbeb;border-left-color:var(--pcgd-gold);color:#8a5b00;}
.alert-danger{background:#fff1f2;border-left-color:#e11d48;color:#9f1239;}
/* PHOCAP MODULE */
.phocap-wrap,.phocap-front,.phocap-admin-ui,.phocap-v662{background:#fff;border-radius:18px;}
.phocap-wrap .phocap-help,.phocap-admin-ui .alert-info{background:linear-gradient(90deg,#eef8ff,#f4fffd)!important;border-left:5px solid var(--pcgd-accent)!important;border-radius:14px;color:#17435f;}
.phocap-admin-card,.phocap-block,.pcgd-cc-card,.pcgd-cc-panel,.pcgd-admin-hero{border:1px solid var(--pcgd-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 28px rgba(15,76,129,.09)!important;}
.phocap-admin-card:hover,.pcgd-cc-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(15,76,129,.14)!important;}
.phocap-admin-number,.pcgd-cc-card-value{color:var(--pcgd-primary)!important;font-weight:900!important;}
.phocap-admin-label,.pcgd-cc-card-label{color:var(--pcgd-muted)!important;font-weight:700;}
.pcgd-admin-hero{background:linear-gradient(135deg,#0f4c81,#1565a8 58%,#13a89e)!important;color:#fff!important;padding:22px!important;position:relative;overflow:hidden;}
.pcgd-admin-hero:after{content:"";position:absolute;right:-45px;top:-45px;width:150px;height:150px;background:rgba(255,255,255,.13);border-radius:50%;}
.pcgd-admin-hero h1,.pcgd-admin-hero h2,.pcgd-admin-hero p{color:#fff!important;}
.label,.badge{border-radius:999px;font-weight:700;padding:5px 9px;}
/* FOOTER */
#footer,.footer,footer{background:linear-gradient(135deg,#082f55,#0f4c81)!important;color:#dbeafe!important;border:0;margin-top:26px;}
#footer a,.footer a,footer a{color:#fff!important;}
#footer .panel,.footer .panel{background:transparent!important;box-shadow:none!important;border-color:rgba(255,255,255,.14)!important;}
/* RESPONSIVE */
@media(max-width:991px){#header{display:block;text-align:center}.logo{justify-content:center;flex-wrap:wrap}.right-ads{text-align:center;margin-top:12px}.header-nav-inner{flex-wrap:wrap;justify-content:center}.section-nav{margin-top:0}#body{padding:14px}.logo h1,.logo .site_name{font-size:21px}}
@media(max-width:767px){body{font-size:13px}.second-nav .bg,#body{border-radius:12px}.third-nav .col-xs-24{margin-bottom:8px}.headerSearch .form-control{height:36px}.headerSearch .btn{height:36px}.table-responsive{border:0}.logo img{max-height:58px}}