/* TMTD ACADEMY — styles for tmtd-consistency.js. Shared by the admin, parent, tutor portals; edit here. */
.cns-wrap{margin:0 0 22px;}
.cns-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px;}
.cns-title{font-family:'Fraunces',serif;font-size:18px;font-weight:700;color:var(--navy,#0B2B5C);}
.cns-sub{font-size:12.5px;color:var(--muted,#64748b);margin:0 0 14px;line-height:1.5;}
.cns-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;}
.cns-seg{display:inline-flex;background:#f1f5f9;border-radius:10px;padding:3px;gap:2px;}
.cns-rb{border:none;background:transparent;padding:7px 14px;border-radius:8px;font-family:'DM Sans',sans-serif;font-size:12.5px;font-weight:600;color:var(--muted,#64748b);cursor:pointer;}
.cns-rb.on{background:#fff;color:var(--navy,#0B2B5C);box-shadow:0 1px 3px rgba(7,29,64,.12);}
.cns-sel,.cns-search{border:1px solid var(--border,#e2e8f0);border-radius:9px;padding:7px 11px;font-family:'DM Sans',sans-serif;font-size:12.5px;color:var(--navy,#0B2B5C);background:#fff;}
.cns-search{min-width:180px;}
.cns-btn{border:1px solid var(--border,#e2e8f0);background:#fff;border-radius:9px;padding:7px 14px;font-family:'DM Sans',sans-serif;font-size:12.5px;font-weight:600;color:var(--navy,#0B2B5C);cursor:pointer;}
.cns-btn:hover{background:#f8fafc;}

.cns-strip{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;}
.cns-kpi{flex:1 1 150px;border:1.5px solid var(--border,#e2e8f0);border-radius:13px;padding:12px 15px;background:#fff;}
.cns-kpi .n{font-family:'Fraunces',serif;font-size:23px;font-weight:800;color:var(--navy,#0B2B5C);line-height:1;}
.cns-kpi .l{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted,#64748b);margin-top:5px;font-weight:600;}
.cns-kpi.warn{border-color:#fcd34d;background:linear-gradient(180deg,#fffbeb,#fff);}
.cns-kpi.warn .n{color:#b45309;}
.cns-kpi.bad{border-color:#fecaca;background:linear-gradient(180deg,#fef2f2,#fff);}
.cns-kpi.bad .n{color:#b91c1c;}
.cns-kpi.good{border-color:#bbf7d0;background:linear-gradient(180deg,#f0fdf4,#fff);}
.cns-kpi.good .n{color:#15803d;}

.cns-row{border:1.5px solid var(--border,#e2e8f0);border-radius:14px;padding:14px 16px;background:#fff;margin-bottom:11px;}
.cns-row.att{border-color:#fecaca;background:linear-gradient(180deg,#fef2f2,#fff);}
.cns-row.warn{border-color:#fde68a;background:linear-gradient(180deg,#fffbeb,#fff);}
.cns-r1{display:flex;align-items:flex-start;gap:11px;flex-wrap:wrap;}
.cns-av{width:36px;height:36px;border-radius:11px;background:var(--navy,#0B2B5C);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;}
.cns-nm{font-size:14.5px;font-weight:700;color:var(--navy,#0B2B5C);line-height:1.25;}
.cns-gr{font-size:11px;color:var(--muted,#64748b);}
.cns-right{margin-left:auto;text-align:right;}
.cns-streak{font-size:13px;font-weight:700;color:#c2410c;white-space:nowrap;}
.cns-last{font-size:11px;color:var(--muted,#64748b);margin-top:2px;}
.cns-tag{display:inline-block;font-size:10.5px;font-weight:800;border-radius:6px;padding:3px 8px;margin-top:5px;white-space:nowrap;}
.cns-tag.t-strong{background:#dcfce7;color:#15803d;}
.cns-tag.t-ok{background:#e0e7ff;color:#4338ca;}
.cns-tag.t-idle{background:#fef3c7;color:#92400e;}
.cns-tag.t-dormant{background:#fee2e2;color:#b91c1c;}
.cns-tag.t-unused{background:#f1f5f9;color:#475569;}

.cns-map{display:flex;flex-wrap:wrap;gap:3px;margin:12px 0 4px;}
.cns-d{width:13px;height:13px;border-radius:4px;background:#f1f5f9;border:1px solid #e2e8f0;box-sizing:border-box;}
.cns-d.v0{background:#e0eaff;border-color:#c7d8ff;}       /* signed in, no work */
.cns-d.v1{background:#bbf7d0;border-color:#86efac;}
.cns-d.v2{background:#4ade80;border-color:#22c55e;}
.cns-d.v3{background:#16a34a;border-color:#15803d;}
.cns-d.v4{background:#14532d;border-color:#14532d;}
.cns-d.wk{box-shadow:0 0 0 1.5px #F5A623 inset;}          /* chapter passed / homework in */
.cns-d.today{outline:1.5px solid var(--navy,#0B2B5C);outline-offset:1px;}
.cns-mlbl{display:flex;justify-content:space-between;font-size:10px;color:var(--muted,#64748b);margin-bottom:9px;}

.cns-stats{display:flex;gap:16px;flex-wrap:wrap;font-size:11.5px;color:var(--muted,#64748b);padding-top:10px;border-top:1px solid var(--border,#e2e8f0);}
.cns-stats b{color:var(--navy,#0B2B5C);font-weight:700;}
.cns-note{font-size:11.5px;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:7px 10px;margin-top:10px;}
.cns-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--muted,#64748b);margin:2px 0 16px;}
.cns-legend span{display:inline-flex;align-items:center;gap:5px;}
.cns-empty{text-align:center;padding:34px 18px;color:var(--muted,#64748b);font-size:13px;border:1.5px dashed var(--border,#e2e8f0);border-radius:14px;}
@media(max-width:640px){ .cns-right{margin-left:0;text-align:left;width:100%;} .cns-d{width:11px;height:11px;} }