/*========================================================================
  SYSTEM NOTICE
==========================================================================
  Developed and maintained by ClickaNerd International LLC
  ClickaNerd International LLC. All rights reserved.

  This platform is engineered and hosted on hardened AWS infrastructure
  utilizing region-isolated deployments across multiple availability zones.

  Core environment specifications include:
  - AWS EC2 compute instances (T3-class and higher)
  - SSD-backed EBS volumes with encrypted storage at rest
  - Region-specific data locality and failover controls
  - Managed network segmentation and access isolation
  - Continuous uptime monitoring and integrity validation

  This system is actively maintained, versioned, and audited.
  Unauthorized duplication, probing, or misuse is prohibited.

========================================================================*/


/* Screen-reader-only (SEO safe) */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Ops header styling */
.ops-header {
  margin-bottom: 18px;
}

.ops-title {
  font-size: 20px;
  letter-spacing: 2px;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 10px;
}

.ops-clock {
  font-size: 12px;
  opacity: 0.7;
  margin-top: 4px;
}

/* ===== GLOBAL ===== */
body{
  font-family:"Segoe UI",Arial,sans-serif;
  background:#0c0c0c;
  color:#ccc;
  margin:0;
  min-height:100vh;
}
.page{
  padding:35px;
  max-width:1200px;
  margin:auto;
}

/* ===== TOP NAV BUTTONS ===== */
.top-nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:25px;
}
.nav-left{
  display:flex;
  gap:12px;
}
.nav-btn{
  display:inline-block;
  padding:8px 16px;
  border-radius:6px;
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  letter-spacing:.5px;
  border:1px solid;
  transition:all .25s ease;
}
.nav-home{
  color:#00d9ff;
  border-color:#00d9ff;
}
.nav-home:hover{
  background:#00d9ff;
  color:#000;
  box-shadow:0 0 12px rgba(0,217,255,.7);
}
.nav-contact{
  color:#f5b301;
  border-color:#f5b301;
}
.nav-contact:hover{
  background:#f5b301;
  color:#000;
  box-shadow:0 0 12px rgba(245,179,1,.6);
}

/* ===== TITLE ===== */
h1{
  color:#f4f6f8;
  margin-bottom:6px;
  text-shadow:0 0 10px rgba(0,255,0,0.35);
  display:flex;
  align-items:center;
  gap:10px;
}
.status-light{
  width:10px;height:10px;border-radius:50%;
  background:#00ff91;
  box-shadow:0 0 10px #00ff91;
  animation:blink 1.4s infinite;
}
@keyframes blink{
  0%,60%,100%{opacity:1;}
  30%,80%{opacity:.3;}
}

/* ===== CLOCK ===== */
#clock-line{
  font-family:Consolas,monospace;
  color:#00ff91;
  font-size:14px;
  margin-bottom:28px;
  text-shadow:0 0 12px rgba(0,255,0,0.4);
}

/* ===== AI CONSOLE ===== */
#ai-console{
  background:#111;
  border:1px solid #0f3;
  border-radius:10px;
  padding:15px;
  margin-bottom:30px;
  box-shadow:0 0 15px rgba(0,255,0,0.2) inset;
  color:#0f0;
  font-family:Consolas,monospace;
}
.ai-header{
  text-align:center;
  font-weight:700;
  letter-spacing:1px;
  color:#0f8;
  margin-bottom:10px;
  text-shadow:0 0 6px rgba(0,255,0,0.6);
}
.ai-body{
  background:#000;
  padding:10px;
  height:150px;
  overflow:auto;
  font-size:13px;
  border-radius:4px;
  box-shadow:inset 0 0 10px rgba(0,255,0,0.3);
}
.ai-btn{
  margin-top:10px;
  background:#033;
  color:#0f0;
  border:1px solid #0f0;
  padding:6px 14px;
  border-radius:4px;
  cursor:pointer;
}
.ai-btn:hover{background:#060;}

/* ===== DIRECTORY LIST ===== */
.folder{
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#1a1a1a;
  border:1px solid #333;
  border-radius:8px;
  padding:10px 15px;
  margin-bottom:10px;
  box-shadow:0 2px 5px rgba(0,0,0,0.4);
}
.folder-name{
  font-weight:600;
  color:#39a9ff;
}
.folder button{
  background:#27ae60;
  color:#fff;
  border:none;
  border-radius:6px;
  padding:6px 14px;
  cursor:pointer;
  font-size:14px;
}
.folder button:hover{background:#2ecc71;}