/**
 * v4.3.0 Teaching Portfolio dashboard.
 * Four editorial sections on the left; searchable, scroll-contained records on the right.
 */

.had-teaching-portfolio-screen{min-height:0;overflow:hidden}
.had-teaching-portfolio-layout{
  min-height:0;
  height:100%;
  display:grid;
  grid-template-columns:minmax(0,1.68fr) minmax(340px,.62fr);
  gap:8px;
  overflow:hidden;
}
.had-teaching-overview-panel,
.had-teaching-records-panel{
  min-width:0;
  min-height:0;
  height:100%;
  overflow:hidden;
  padding:10px;
}
.had-teaching-overview-panel{display:flex;flex-direction:column}
.had-teaching-card-grid{
  min-height:0;
  flex:1;
  padding-top:7px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:7px;
}
.had-teaching-overview-card{
  --had-teaching-accent:var(--had-cyan);
  min-width:0;
  min-height:0;
  overflow:hidden;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  padding:13px 14px 12px;
  border:1px solid color-mix(in srgb,var(--had-teaching-accent) 43%,#173d51);
  border-radius:7px;
  background:
    radial-gradient(circle at 94% 4%,color-mix(in srgb,var(--had-teaching-accent) 12%,transparent),transparent 34%),
    linear-gradient(150deg,rgba(7,31,46,.98),rgba(3,18,29,.96));
  color:inherit;
  text-align:left;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.had-teaching-overview-card:hover,
.had-teaching-overview-card:focus-visible{
  border-color:var(--had-teaching-accent);
  transform:translateY(-2px);
  box-shadow:0 15px 34px rgba(0,0,0,.24),inset 0 0 32px color-mix(in srgb,var(--had-teaching-accent) 7%,transparent);
  outline:none;
}
.had-teaching-overview-card.is-filter-active{border-color:var(--had-teaching-accent);box-shadow:inset 3px 0 var(--had-teaching-accent)}
.had-teaching-overview-card.had-accent-cyan{--had-teaching-accent:#22d3ee}
.had-teaching-overview-card.had-accent-blue{--had-teaching-accent:#56a8ff}
.had-teaching-overview-card.had-accent-amber{--had-teaching-accent:#f2b84b}
.had-teaching-overview-card.had-accent-violet{--had-teaching-accent:#a78bfa}
.had-teaching-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.had-teaching-card-head>span{
  width:29px;height:29px;display:grid;place-items:center;
  border:1px solid var(--had-teaching-accent);
  color:var(--had-teaching-accent);
  background:color-mix(in srgb,var(--had-teaching-accent) 8%,transparent)
}
.had-teaching-card-head .dashicons{width:15px;height:15px;font-size:15px}
.had-teaching-card-head>b{color:var(--had-teaching-accent);font:300 22px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.had-teaching-overview-card h3{margin:10px 0 4px;font-size:clamp(15px,1.06vw,19px);line-height:1.15;letter-spacing:-.02em}
.had-teaching-card-subtitle{min-height:30px;margin:0;color:#8aa7b5;font-size:9px;line-height:1.48}
.had-teaching-card-metrics{
  margin-top:auto;
  padding-top:10px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
}
.had-teaching-card-metrics span{min-width:0;border:1px solid #17475d;background:rgba(3,22,34,.68);padding:8px 9px}
.had-teaching-card-metrics b{display:block;color:var(--had-teaching-accent);font:500 15px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.had-teaching-card-metrics small{display:block;margin-top:4px;color:#668899;font:700 7px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.06em}
.had-teaching-card-action{display:flex;align-items:center;gap:6px;margin-top:9px;color:var(--had-teaching-accent);font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}
.had-teaching-card-action .dashicons{width:13px;height:13px;font-size:13px;transition:transform .2s ease}
.had-teaching-overview-card:hover .had-teaching-card-action .dashicons{transform:translateX(3px)}

.had-teaching-records-panel{display:flex;flex-direction:column}
.had-teaching-stream-tools{padding:7px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;border-bottom:1px solid #173d51}
.had-teaching-stream-tools>label{min-width:0;height:32px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #1d5067;background:#041924}
.had-teaching-stream-tools>label .dashicons{width:14px;height:14px;font-size:14px;color:#5f8496}
.had-teaching-stream-tools input{min-width:0;width:100%;border:0!important;outline:0;background:transparent!important;color:#cfe2ea;font-size:9px;box-shadow:none!important}
.had-teaching-stream-tools input::placeholder{color:#57798a}
.had-teaching-stream-tabs{display:flex;align-items:center;gap:4px}
.had-teaching-stream-tabs button{height:32px;padding:0 9px;border:1px solid #24556c;background:#061b28;color:#85a6b5;font-size:8px}
.had-teaching-stream-tabs button:hover,.had-teaching-stream-tabs button:focus-visible,.had-teaching-stream-tabs button.is-active{border-color:var(--had-cyan);color:var(--had-cyan);background:rgba(34,211,238,.08);outline:none}
.had-teaching-stream{
  min-height:0;
  flex:1;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#24718b transparent;
}
.had-teaching-stream-row{
  width:100%;
  min-height:69px;
  display:grid;
  grid-template-columns:23px 48px minmax(0,1fr) 16px;
  align-items:center;
  gap:7px;
  padding:8px 4px;
  border:0;
  border-bottom:1px solid #164155;
  background:transparent;
  color:inherit;
  text-align:left;
  transition:background .18s ease,box-shadow .18s ease;
}
.had-teaching-stream-row:hover,.had-teaching-stream-row:focus-visible{background:linear-gradient(90deg,rgba(34,211,238,.08),transparent);box-shadow:inset 2px 0 var(--had-cyan);outline:none}
.had-teaching-stream-number{color:#416b7d;font:700 7px ui-monospace,SFMono-Regular,Consolas,monospace}
.had-teaching-stream-row time{color:var(--had-cyan);font:500 13px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.had-teaching-stream-row>span:nth-of-type(2){min-width:0}
.had-teaching-stream-row label{display:block;margin-bottom:3px;color:#f2b84b;font:700 7px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.04em}
.had-teaching-stream-row b{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#e6f1f5;font-size:9px;line-height:1.24}
.had-teaching-stream-row em{display:block;overflow:hidden;margin-top:4px;color:#7392a0;font-size:8px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}
.had-teaching-stream-row>.dashicons{width:14px;height:14px;font-size:14px;color:var(--had-cyan)}
.had-teaching-stream-footer{min-height:31px;display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:6px;border-top:1px solid #173d51;color:#668899;font:700 7px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.05em}
.had-teaching-stream-footer b{color:var(--had-cyan);font-size:10px}
.had-teaching-stream-empty{margin:16px}

/* Teaching records inside the shared white record drawer. */
.had-detail-content .had-teaching-longform,
.had-detail-content .had-syllabus-record{max-width:none;color:#264d5d;font-size:14px;line-height:1.72}
.had-detail-content .had-teaching-longform h2,
.had-detail-content .had-syllabus-record h2{margin:0 0 18px;color:#073e4b;font-size:28px;line-height:1.15}
.had-detail-content .had-teaching-longform h3,
.had-detail-content .had-syllabus-record h3{margin:27px 0 9px;color:#07596a;font-size:18px;line-height:1.25}
.had-detail-content .had-teaching-longform h4,
.had-detail-content .had-syllabus-record h4{margin:20px 0 8px;color:#126a78;font-size:14px;line-height:1.3}
.had-detail-content .had-teaching-longform p,
.had-detail-content .had-syllabus-record p{margin:0 0 13px}
.had-detail-content .had-teaching-longform ul,
.had-detail-content .had-teaching-longform ol,
.had-detail-content .had-syllabus-record ul,
.had-detail-content .had-syllabus-record ol{margin:8px 0 18px;padding-left:22px}
.had-detail-content .had-teaching-longform li,
.had-detail-content .had-syllabus-record li{margin:0 0 7px}
.had-detail-content .had-syllabus-lead{padding:13px 15px;border-left:3px solid #0cb7ca;background:#e6f2f5;color:#164c5b}
.had-detail-content .had-teaching-table-wrap{max-width:100%;margin:10px 0 24px;overflow:auto;border:1px solid #a9c8d1;background:#fff;box-shadow:0 8px 24px rgba(15,63,75,.07)}
.had-detail-content .had-teaching-table{width:100%;min-width:850px;border-collapse:collapse;color:#234b59;font-size:12px;line-height:1.45}
.had-detail-content .had-teaching-table th{position:sticky;top:0;z-index:1;padding:10px 11px;border:1px solid #a8c8d1;background:#0b6373;color:#fff;text-align:left;font:700 10px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.04em}
.had-detail-content .had-teaching-table td{padding:9px 11px;border:1px solid #c2d8de;vertical-align:top}
.had-detail-content .had-teaching-table tbody tr:nth-child(even){background:#edf6f8}
.had-detail-content .had-syllabus-record a{color:#007d91;text-decoration:underline;text-underline-offset:2px}

@media (max-width:1180px){
  .had-teaching-portfolio-layout{grid-template-columns:minmax(0,1.45fr) minmax(315px,.65fr)}
  .had-teaching-card-subtitle{font-size:8px}
  .had-teaching-card-metrics b{font-size:13px}
}

@media (max-width:900px){
  body.had-theme .had-teaching-portfolio-screen{height:auto!important;overflow:visible!important}
  .had-teaching-portfolio-layout{height:auto;display:block;overflow:visible}
  .had-teaching-overview-panel,.had-teaching-records-panel{height:auto;margin-bottom:10px;overflow:visible}
  .had-teaching-card-grid{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:minmax(190px,auto)}
  .had-teaching-stream{max-height:620px}
}

@media (max-width:600px){
  .had-teaching-card-grid{grid-template-columns:1fr}
  .had-teaching-stream-tools{grid-template-columns:1fr}
  .had-teaching-stream-tabs{justify-content:flex-start}
  .had-teaching-stream-row{grid-template-columns:20px 43px minmax(0,1fr) 14px}
  .had-teaching-stream-footer{flex-wrap:wrap}
}