/* Student Lookup UI — green, compact, right-aligned */
:root{
  --ssm-accent:#22c55e;
  --ssm-accent-2:#16a34a;
  --ssm-wrap-bg:#eaf8ef;     /* nền khung tra cứu xanh nhẹ */
  --ssm-card:#ffffff;        /* card trắng */
  --ssm-line:#e5e7eb;        /* viền xám nhạt */
  --ssm-text:#0f172a;
  --ssm-muted:#64748b;
  --ssm-border:rgba(34,197,94,.35);
  --ssm-radius:14px;
  --ssm-shadow:0 10px 28px rgba(0,0,0,.18);
}

.ssm-lookup{display:flex;justify-content:flex-end;padding:8px;border:0;background:transparent;}

.ssm-lookup-wrap{
  margin:16px 24px 16px auto; /* kéo về phía phải nhưng vẫn cách mép */
  max-width:560px;width:100%;
  padding:18px;background:var(--ssm-wrap-bg);
  border-radius:var(--ssm-radius);border:1px solid var(--ssm-border);
  box-shadow:var(--ssm-shadow);
}

.ssm-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px;}
.ssm-title{
  width:100%;text-align:center;
  font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif;
  font-size:clamp(20px,2.6vw,28px);font-weight:800;letter-spacing:.3px;
  color:#065f46;text-shadow:0 1px 0 rgba(255,255,255,.6);
}

.ssm-form{
  display:flex;gap:10px;flex-wrap:wrap;align-items:center;
  margin:12px 0 6px;padding:8px 12px;
  background:#fff;border:1px solid var(--ssm-border);border-radius:12px;
}
.ssm-input{
  flex:1 1 220px;min-width:220px;height:44px;
  padding:8px 12px;border:1px solid var(--ssm-line);border-radius:10px;
  background:#fff;color:var(--ssm-text);outline:none;
  transition:border-color .15s, box-shadow .15s;
}
.ssm-input:focus{border-color:var(--ssm-accent);box-shadow:0 0 0 3px rgba(34,197,94,.16);}
.ssm-btn{
  height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;
  border:0;border-radius:10px;font-weight:700;color:#06120b;
  background:linear-gradient(135deg,var(--ssm-accent),var(--ssm-accent-2));
  transition:transform .12s, filter .18s;
}
.ssm-btn:hover{filter:brightness(1.05)} .ssm-btn:active{transform:translateY(1px)}
.ssm-hint{color:var(--ssm-muted);font-size:13px;margin-top:4px}

.ssm-results{margin-top:14px;display:grid;gap:12px;}

.ssm-card{
  background:var(--ssm-card);color:var(--ssm-text);
  border:1px solid var(--ssm-line);border-radius:12px;padding:14px;
  transform-origin:top;animation:ssm-fade-in .35s ease both;
}
.ssm-card h3{
  margin:0 0 10px;text-align:center;font-weight:800;color:#065f46;
  font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif;
}
.ssm-card h3::after{
  content:"";display:block;width:64px;height:3px;margin:8px auto 0;
  background:linear-gradient(90deg,var(--ssm-accent),var(--ssm-accent-2));
  border-radius:999px;opacity:.75;
}

.ssm-table{width:100%;border-collapse:collapse;}
.ssm-table th,.ssm-table td{border:1px solid var(--ssm-line);padding:8px 10px;text-align:left;}
.ssm-table th{background:#f8fafc;color:#334155;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.3px;}

.ssm-empty{color:var(--ssm-muted);font-style:italic}
.ssm-list{margin:6px 0 12px 20px}

.ssm-spinner{width:18px;height:18px;margin-left:8px;border:3px solid rgba(34,197,94,.35);border-top-color:var(--ssm-accent);border-radius:999px;animation:ssm-spin .8s linear infinite;display:none}
.ssm-loading .ssm-spinner{display:inline-block}

@keyframes ssm-spin{to{transform:rotate(360deg)}}
@keyframes ssm-fade-in{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}

@media (min-width:992px){
  .ssm-lookup-wrap{margin:16px 120px 16px auto !important;} /* kéo vào giữa hơn */
}
/* Center all cells in tables */
.ssm-table th,
.ssm-table td{
  text-align: center !important;
  vertical-align: middle;
}