/* TuitionMS wireframes – shared styles (mirrors the original wireframe.html look) */
body { background:#f4f6f9; }

/* App shell */
.app-shell { display:flex; min-height:100vh; }
.app-main { flex:1; min-width:0; }

/* Sidebar */
#appSidebar { background-color:#1e293b !important; color:#fff; width:250px; }
@media (min-width:768px) {
  #appSidebar { position:sticky; top:0; height:100vh; overflow-y:auto; flex-shrink:0; }
}
.sidebar a { color:#cbd5e1; text-decoration:none; display:block; padding:9px 16px; border-radius:6px; margin:2px 8px; }
.sidebar a:hover, .sidebar a.active { background:#334155; color:#fff; }
.sidebar a.sidebar-subpage { padding:6px 16px 6px 40px; font-size:.85rem; }
.sidebar a.sidebar-subpage.active { background:#475569; }
.sidebar .brand { font-weight:700; font-size:1.1rem; padding:16px; border-bottom:1px solid #334155; color:#fff; }
.sidebar .sidebar-footer { border-top:1px solid #334155; margin-top:12px; padding-top:8px; }

/* Top bar */
#appTopbar { background:#fff; border-bottom:1px solid #e2e8f0; padding:10px 24px; }
#appTopbar .session-select { max-width:300px; }

/* Cards & wireframe helpers */
.card { border:none; box-shadow:0 1px 3px rgba(0,0,0,.08); }
.wireframe-box { border:2px dashed #cbd5e1; border-radius:8px; padding:12px; background:#fff; }
.placeholder-bar { background:#e2e8f0; height:40px; border-radius:4px; }
.module-title { font-weight:600; color:#1e293b; }
.badge-mod { font-size:.7rem; }
.kpi-card small { text-transform:uppercase; letter-spacing:.03em; font-size:.72rem; }
.kpi-card h4 { margin:4px 0 0; }
.table td, .table th { vertical-align:middle; }
.table-responsive { border-radius:6px; }
.wf-note { font-size:.8rem; color:#64748b; border-left:3px solid #94a3b8; padding-left:8px; }
.form-label { font-size:.85rem; margin-bottom:2px; }
.row-unmarked { background:#fff7ed !important; }
.progress-thin { height:8px; }

/* Index page */
.screen-link { display:block; padding:6px 10px; border-radius:6px; text-decoration:none; color:#1e293b; }
.screen-link:hover { background:#f1f5f9; }

/* Printable documents */
.print-document { max-width:820px; margin:0 auto; background:#fff; padding:40px; box-shadow:0 1px 6px rgba(0,0,0,.12); border-radius:4px; }
.print-document .doc-title { letter-spacing:.08em; font-weight:700; }
.print-document .logo-placeholder { width:64px; height:64px; border:2px dashed #cbd5e1; border-radius:8px; display:flex; align-items:center; justify-content:center; color:#94a3b8; }

/* Login */
.login-shell { min-height:100vh; display:flex; align-items:center; justify-content:center; padding:16px; background:linear-gradient(135deg,#1e293b,#334155); }
.login-card { width:100%; max-width:400px; }

@media print {
  body { background:#fff; }
  #appSidebar, #appTopbar, #moduleSubnav, .no-print, .toast-container { display:none !important; }
  .app-main main { padding:0 !important; }
  .print-document { box-shadow:none; padding:0; max-width:none; }
}