/* ICTPBD shared skyline and footer theme */
.welcome,.page-hero.skyline{background-color:#edf7ff;background-image:url('/assets/img/skyline-welcome-v2.png');background-repeat:no-repeat;background-position:center bottom;background-size:100% auto;color:#082747;position:relative;isolation:isolate}
.welcome{padding:45px 0 100px}.page-hero.skyline{padding:45px 0 100px}
.welcome .container,.page-hero.skyline .container{position:relative;z-index:1}
.welcome p,.page-hero.skyline p{background:rgba(255,255,255,.68);border-radius:12px;padding:14px 20px;line-height:1.8}
.company-footer,.company-footer.admin-footer{background:#fff url('/assets/img/footer-waves-v2.png') center bottom/100% 100% no-repeat;color:#082747;border-top:1px solid #dce6ee}
.company-footer .company-row{min-height:190px;padding:30px 24px 45px;gap:28px;flex-wrap:wrap}
.company-footer .company-row>a,.company-footer .developer{background:rgba(255,255,255,.82);border-radius:12px;padding:10px;max-width:100%}
.company-footer .company-logo{width:280px;max-width:100%;height:auto;max-height:105px;object-fit:contain}
.company-footer .developer img{width:160px;max-width:100%;height:100px;object-fit:contain}
.company-footer .footer-links a{display:block;margin:6px 0}
.company-footer .copyright,.company-footer.admin-footer .copyright{background:#082747;color:#fff;padding:13px 16px;font-size:12px}
.company-footer.admin-footer .company-row{min-height:160px;padding:24px 25px 40px}
@media(max-width:900px){.welcome,.page-hero.skyline{background-size:auto 280px;padding-bottom:95px}.company-footer .company-row{justify-content:center;text-align:center}.company-footer .company-row>div{flex:1 1 200px}}
@media(max-width:600px){.welcome,.page-hero.skyline{background-size:auto 220px;padding:30px 0 85px}.welcome p,.page-hero.skyline p{padding:12px; margin-left:12px;margin-right:12px}.company-footer .company-row{padding:24px 16px 40px;gap:22px}.company-footer .company-row>div{flex-basis:100%}}
/* Admin presentation only: existing forms and permissions are unchanged. */
.admin-shell{--admin-gold:#c99523;--admin-blue:#086ad8;font-family:Arial,Helvetica,sans-serif;line-height:1.5}
.admin-shell .admin-side{background:linear-gradient(155deg,#082e50,#041d36);box-shadow:4px 0 20px #08274712;padding:24px 16px}
.admin-shell .admin-side .logo{border-radius:10px;padding:9px;box-shadow:0 5px 18px #0002}
.admin-shell .admin-side h3{color:#efc35d;font-size:19px;letter-spacing:.3px;margin:14px 8px 20px}
.admin-shell .admin-side>a,.admin-shell .admin-side details a{padding:11px 14px;border-radius:7px;transition:background .15s;color:#e8f1fb}
.admin-shell .admin-side a:hover{background:#ffffff14}
.admin-shell .admin-side a.active{background:linear-gradient(110deg,#d8aa3d,#b7861e);color:#fff;box-shadow:0 4px 12px #0002}
.admin-shell .admin-side details{border-top:1px solid #ffffff18;padding:5px 0}
.admin-shell .admin-side details summary{text-transform:uppercase;font-size:12px;letter-spacing:.9px;color:#a9c1d9;padding:14px 10px}
.admin-shell .admin-main{background:linear-gradient(135deg,#eef4fa,#f8fafc);padding:28px}
.admin-shell .admin-main .topbar{background:#fff;border-bottom:1px solid #dce6ee;padding:20px 26px;margin:-28px -28px 25px;gap:16px;box-shadow:0 2px 12px #08274704}
.admin-shell .topbar h1{font-size:28px;color:#061f40;line-height:1.25}
.admin-shell .topbar small{font-size:12px;letter-spacing:.6px;color:#587089}
.admin-shell .user-chip{border:1px solid #dce6ee;background:#f6f9fd;padding:10px 16px;color:#082747;border-radius:8px}
.admin-shell .admin-main .form-card{border:1px solid #dce6ee;border-radius:12px;background:#fff;box-shadow:0 6px 22px #08274705;padding:24px;margin-bottom:22px}
.admin-shell .admin-main h3{color:#082747;font-size:19px}
.admin-shell .editor-columns{grid-template-columns:minmax(0,1fr) 280px;gap:24px}
.admin-shell .editor-sidebar{padding:18px;background:#f7faff;border:1px solid #dce6ee;border-radius:12px}
.admin-shell .section-shortcut{position:relative;border-radius:10px;padding:17px 17px 17px 22px;border:1px solid #dce6ee;box-shadow:0 2px 8px #08274703;border-left:4px solid #086ad8}
.admin-shell .section-shortcut:nth-of-type(2){border-left-color:#dba126}.admin-shell .section-shortcut:nth-of-type(3){border-left-color:#159b61}.admin-shell .section-shortcut:nth-of-type(4){border-left-color:#8556ce}
.admin-shell .section-shortcut:hover{box-shadow:0 5px 18px #08274712;background:#fff}
.admin-shell .admin-tabs{gap:8px;border-bottom:1px solid #dce6ee;margin:20px 0;padding-bottom:0}
.admin-shell .admin-tabs a{padding:12px 15px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#526683}
.admin-shell .admin-tabs a.active{color:#ac7810;border-bottom-color:#c99523;font-weight:700}
.admin-shell .form-grid{gap:20px}.admin-shell .field label{display:block;margin-bottom:7px;font-size:14px;font-weight:600}
.admin-shell .form-grid input,.admin-shell .form-grid textarea,.admin-shell .form-grid select{border:1px solid #cddae6;border-radius:7px;padding:11px 12px;background:#fff;box-sizing:border-box}
.admin-shell .form-grid input:focus,.admin-shell .form-grid textarea:focus,.admin-shell .form-grid select:focus{outline:2px solid #086ad833;outline-offset:1px;border-color:#086ad8}
.admin-shell input[type=file]{background:#f6f9fd;border:2px dashed #cddae6;padding:20px 12px;max-width:100%;min-height:90px}
.admin-shell input[type=file]::file-selector-button{border:1px solid #cddae6;background:#fff;color:#082747;padding:9px 12px;border-radius:6px;margin-right:10px;cursor:pointer}
.admin-shell .btn{border-radius:7px;padding:10px 16px}.admin-shell .btn-gold{background:linear-gradient(110deg,#d9ab3c,#b7861e);color:#fff;font-weight:600}
.admin-shell .editor-card-heading>.btn{background:#086ad8;color:#fff}
.admin-shell table th{background:#edf3f8;color:#173252;font-size:13px;font-weight:700}
.admin-shell table td{font-size:14px;padding:14px 12px}.admin-shell table tr:hover td{background:#f9fbfd}
.admin-shell .record-table img{width:150px;height:80px;object-fit:cover;border-radius:7px;border:1px solid #dce6ee}
.admin-shell .record-table td:last-child>a{background:#f5f8fc;color:#082747;padding:8px 12px;border-radius:6px;border:1px solid #dce6ee}
.admin-shell .record-table td:last-child .btn{background:#fff6f6;color:#c62828;border:1px solid #efc2c2;padding:8px 12px}
.admin-shell .stat-card,.admin-shell .admin-module-grid>a{border-radius:12px;box-shadow:0 5px 20px #08274705}
.admin-shell .notice{border-radius:8px;line-height:1.6}
@media(max-width:1200px){.admin-shell .editor-columns{grid-template-columns:1fr}.admin-shell .editor-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-shell .section-shortcut{margin-bottom:0}}
@media(max-width:900px){.admin-shell{display:block}.admin-shell .admin-side{height:auto;position:relative;width:100%;box-sizing:border-box}.admin-shell .admin-side .logo{width:240px;max-width:100%}.admin-shell .admin-main{padding:18px}.admin-shell .admin-main .topbar{margin:-18px -18px 20px;padding:18px;flex-wrap:wrap}.admin-shell .topbar h1{font-size:24px}}
@media(max-width:600px){.admin-shell .editor-sidebar{display:block}.admin-shell .section-shortcut{margin-bottom:12px}.admin-shell .admin-main .form-card{padding:16px}.admin-shell .form-grid{grid-template-columns:1fr}.admin-shell .editor-card-heading{flex-wrap:wrap}.admin-shell .admin-tabs a{padding:10px;font-size:14px}.admin-shell .record-table img{width:90px;height:55px}}
/* Approved circuit board with occasional connected computers and switches. */
.site-header{background:#fff url('/assets/img/menu-circuit-network-v7.svg?v=8') repeat-x center center;background-size:1440px 64px;border-top:0;border-bottom:1px solid #c4dbea;box-shadow:0 3px 12px #0827470c}
.site-header .nav-wrap{min-height:64px;padding-top:3px;padding-bottom:3px;gap:18px;box-sizing:border-box;max-width:1440px}
.site-header .brand{display:flex;align-items:center;flex-shrink:0;background:transparent;border:0;padding:0;box-shadow:none}
.site-header .brand img{width:340px;max-width:100%;max-height:58px;object-fit:contain;background:transparent;border:0;box-shadow:none;border-radius:0;mix-blend-mode:multiply}
.site-header .main-nav{gap:7px;align-items:center;flex-wrap:wrap}
.site-header .main-nav>a,.site-header .main-nav summary{font-size:16px;font-weight:700;line-height:1.2;padding:8px 10px;border:1px solid transparent;border-radius:7px;color:#082747;background:#ffffffee;box-shadow:none;transition:background .18s,color .18s}
.site-header .main-nav>a[aria-current=page]{color:#1565c0}
.site-header .main-nav>a:hover,.site-header .main-nav summary:hover,.site-header .main-nav details[open]>summary{background:#1565c0;color:#fff;border-color:#1565c0;box-shadow:0 2px 7px #1565c022}
.site-header .nav-dropdown>div{top:calc(100% + 5px);border-radius:8px;border:1px solid #cddfeb;background:#fff;box-shadow:0 10px 28px #08274720}
.site-header .nav-dropdown>div a{font-size:14px;padding:10px 12px;border-radius:5px}
.site-header .nav-dropdown>div a:hover{background:#1565c0;color:#fff}
.site-header .nav-toggle{background:#fff;color:#1565c0;border:1px solid #bddcf4;border-radius:7px;padding:7px 12px}
.site-header .main-nav a:focus-visible,.site-header .main-nav summary:focus-visible,.site-header .nav-toggle:focus-visible{outline:2px solid #1565c0;outline-offset:3px}
.company-footer .company-row>a,.company-footer .developer{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
.company-footer .company-logo,.company-footer .developer img{background:transparent;box-shadow:none;border:0;border-radius:0;mix-blend-mode:multiply}
@media(max-width:1100px) and (min-width:901px){.site-header .brand img{width:270px;max-height:54px}.site-header .nav-wrap{gap:12px}.site-header .main-nav{gap:3px}.site-header .main-nav>a,.site-header .main-nav summary{font-size:15px;padding:8px 7px}}
@media(max-width:900px){.site-header .nav-wrap{min-height:60px;justify-content:space-between}.site-header .brand img{width:280px;max-height:54px}.site-header .main-nav{align-items:stretch;gap:4px;padding-bottom:10px;background:#fffffff5}.site-header .main-nav>a,.site-header .main-nav summary{padding:12px}.site-header .nav-dropdown>div{position:static}}
@media(prefers-reduced-motion:reduce){.site-header .main-nav>a,.site-header .main-nav summary{transition:none}}

/* Live proportion correction: override inherited fixed logo height. */
.site-header{background-size:960px 80px;background-position:center center;border-bottom:1px solid #a8c9e1;backdrop-filter:none}
.site-header .nav-wrap{width:94%;max-width:1220px;min-height:86px;padding:3px 0;justify-content:center;gap:24px}
.site-header .brand{width:260px;flex:0 0 260px;position:relative}
.site-header .brand img{display:block;width:260px;height:auto;max-height:none;max-width:100%;object-fit:initial}
.site-header .main-nav{margin-left:0;gap:8px;flex-wrap:nowrap}
.site-header .main-nav>a,.site-header .main-nav summary{font-size:16px;padding:8px 10px;background:#ffffffed;border-radius:6px}
.site-header .main-nav>a:hover,.site-header .main-nav summary:hover,.site-header .main-nav details[open]>summary{background:#1565c0;color:#fff;border-color:#1565c0}
@media(max-width:1200px) and (min-width:901px){.site-header .nav-wrap{gap:14px}.site-header .brand{width:235px;flex-basis:235px}.site-header .brand img{width:235px;height:auto;max-height:none}.site-header .main-nav{gap:3px}.site-header .main-nav>a,.site-header .main-nav summary{font-size:15px;padding:8px 7px}}
@media(max-width:900px){.site-header .nav-wrap{min-height:78px;justify-content:space-between;gap:10px}.site-header .brand{width:220px;flex:0 1 220px}.site-header .brand img{width:220px;height:auto;max-height:none}.site-header .main-nav{margin-left:0;flex-wrap:wrap;gap:4px}.site-header .main-nav>a,.site-header .main-nav summary{padding:12px}.site-header .nav-toggle{margin-left:auto}}

/* Solid pearl menu with subtle raised buttons — approved replacement theme. */
.site-header{background:#f2f4f7;background-image:none;border-top:1px solid #fff;border-bottom:1px solid #d5dee8;box-shadow:inset 0 1px 0 #fff,0 4px 12px #08274716;backdrop-filter:none}
.site-header .main-nav>a,.site-header .main-nav summary{background:#f5f7f9;border:1px solid #e4e9ef;border-radius:6px;box-shadow:inset 0 1px 0 #fff,0 2px 4px #0827470d;color:#082747;padding:8px 10px}
.site-header .main-nav>a[aria-current=page]{color:#1565c0;background:#f8faff}
.site-header .main-nav>a:hover,.site-header .main-nav summary:hover,.site-header .main-nav details[open]>summary{background:#1565c0;border-color:#1565c0;color:#fff;box-shadow:0 3px 7px #1565c026}
.site-header .nav-dropdown>div{background:#fff;border:1px solid #dce4ed;box-shadow:0 8px 20px #08274718}
.site-header .nav-dropdown>div a:hover{background:#1565c0;color:#fff}
.site-header .brand,.site-header .brand img{background:transparent;border:0;box-shadow:none}
@media(max-width:1200px) and (min-width:901px){.site-header .main-nav>a,.site-header .main-nav summary{padding:8px 7px}}
@media(max-width:900px){.site-header .main-nav{background:#f2f4f7}.site-header .main-nav>a,.site-header .main-nav summary{padding:12px}}
