/* phpChain - Layout Stylesheet (Bootstrap 5 edition) */

/* ------- SSL warning bar ------- */
#nossl { text-align: center; font-size: 13px; font-weight: 600; background: #dc2626; color: #fff; padding: 6px 20px; cursor: pointer; }
#nossl a { text-decoration: underline; color: #fff; font-weight: bold; }

/* ------- App layout ------- */
#app-layout { display: flex; align-items: flex-start; min-height: calc(100vh - 56px); }

/* ------- Sidebar ------- */
#sidebar { width: 210px; min-width: 210px; min-height: calc(100vh - 56px); background: #1e293b; padding: 12px 8px; flex-shrink: 0; }
#groupswrap { margin-bottom: 8px; }
#groups ul { margin: 4px 0 0; padding: 0; list-style-type: none; }
#groups li { margin: 1px 0; }
#groups a { display: block; padding: 6px 10px; font-size: 13px; color: #cbd5e1; border-radius: 5px; text-decoration: none; transition: background .15s, color .15s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#groups a:hover { background: rgba(255,255,255,.1); color: #fff; text-decoration: none; }
#selected a { background: #2563eb !important; color: #fff !important; font-weight: 600; }
#groups form { text-align: center; }
#sidebox { margin-top: 12px; padding: 10px; border-radius: 6px; background: rgba(255,255,255,.05); color: #94a3b8; font-size: 11px; font-style: italic; line-height: 1.5; }
#sidebox p { text-align: center; margin: 0; }
.sidebar-label { font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #475569; padding: 4px 10px 2px; display: block; }

/* ------- Main content ------- */
#content { flex: 1; padding: 20px 24px; text-align: left; background: transparent; min-width: 0; }

/* ------- Heading strips ------- */
.heading1 { display: block; background: #0f172a; color: #e2e8f0; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 6px 10px; border-radius: 6px 6px 0 0; }

/* ------- Entries table ------- */
.entries { font-size: 13px; }
.entries th { background: #0f172a; color: #e2e8f0; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; border-bottom: 2px solid #2563eb !important; }
.entryodd  { background: #ffffff; }
.entryeven { background: #f8fafc; }
.entryodd:hover td:not([class*="password"]), .entryeven:hover td:not([class*="password"]) { background: #eff6ff; }
.entries a { color: #2563eb; }

/* ------- Footer ------- */
#footer { background: #0f172a; color: #64748b; font-size: 11px; clear: both; }
#footer a { color: #64748b; text-decoration: none; }
#footer a:hover { color: #94a3b8; }