* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Segoe UI', sans-serif; background: #f8fbff; color: #333; }

.app-container { display: flex; height: 100vh; }

/* Sidebar Fixes */
.sidebar { width: 280px; background: #e8f4ff; padding: 40px 30px; display: flex; flex-direction: column; }
.logo-img { width: 100%; height: auto; max-width: 180px; margin-bottom: 50px; }

.nav-links a { 
    display: block; /* Stacks links vertically */
    text-decoration: none; 
    padding: 15px 0; 
    color: #6a7682; 
    font-size: 16px; 
}
.nav-links a.active { color: #0066ff; font-weight: bold; }

/* Content Area */
.main-content { flex: 1; padding: 60px; overflow-y: auto; position: relative; }
.subtitle { color: #88929b; margin-bottom: 30px; }

/* Card Styling to match CodePen exactly */
.card { 
    background: white; 
    border-radius: 25px; 
    padding: 30px; 
    margin-bottom: 25px; 
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}

.tag { position: absolute; top: 25px; right: 25px; padding: 5px 15px; border-radius: 20px; font-size: 11px; font-weight: bold; }
.high { background: #fee2e2; color: #ef4444; }
.medium { background: #fef3c7; color: #f59e0b; }
.low { background: #e6f4ea; color: #1e7e34; }

.red-text { color: #ef4444; }
.status-section { margin: 20px 0; }
.status-section label { font-size: 11px; color: #bdc3c7; font-weight: bold; }
.status-val { font-size: 18px; font-weight: bold; margin-top: 5px; }

/* Button Fixes */

.actions { 
  display: flex; 
  justify-content: flex-end; 
  gap: 12px;
  flex-wrap: wrap; /* Prevents buttons from squishing on smaller screens */
  align-items: center; 
}

button { 
  all: unset; /* Clears default browser button styling */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 25px; 
  border-radius: 12px; 
  cursor: pointer; 
  font-weight: bold; 
  transition: 0.2s;
  box-sizing: border-box; /* Ensures padding doesn't increase button size */
}
.btn-reject { background: white; border: 1px solid #ef4444; color: #ef4444; }
.btn-accept { background: #52c41a; border: none; color: white; }

.fab {
    position: fixed; bottom: 30px; right: 40px;
    background: white; color: #0066ff; padding: 15px 30px;
    border-radius: 50px; border: none; font-weight: bold;
    box-shadow: 0 10px 25px rgba(0, 102, 255, 0.2);
}