/* LiveLecture alpha.3.1.1 – approved UI polish */
:root{
  --ll-panel:rgba(10,25,43,.76);
  --ll-panel-strong:rgba(12,29,51,.9);
  --ll-line:rgba(159,198,235,.17);
  --ll-line-strong:rgba(128,188,255,.3);
  --ll-text:#f7fbff;
  --ll-muted:#9fb2c8;
  --ll-blue:#77c8ff;
  --ll-violet:#9a83ff;
}
body{
  background:
    radial-gradient(circle at 11% 10%,rgba(36,128,218,.18),transparent 28%),
    radial-gradient(circle at 92% 20%,rgba(119,85,235,.18),transparent 32%),
    linear-gradient(150deg,#05101d 0%,#081729 48%,#08121f 100%);
}
.topbar{
  width:min(1280px,calc(100% - 40px));
  min-height:86px;
  border-bottom-color:rgba(170,205,240,.12);
}
.brand{gap:11px;font-size:18px;letter-spacing:-.015em}
.brand-mark{display:none!important}
.alpha311-brand-mark{width:38px;height:38px;display:block;filter:drop-shadow(0 8px 20px rgba(96,157,255,.25))}
.alpha311-brand-word{font-weight:800;letter-spacing:-.025em}
.stage-badge{display:none!important}
.top-actions{gap:10px}
.alpha311-account{
  display:flex;align-items:center;gap:8px;
  min-height:36px;padding:4px 11px 4px 5px;
  border:1px solid var(--ll-line);border-radius:999px;
  background:rgba(255,255,255,.025);color:var(--ll-text);
  font-size:12px;font-weight:700;
}
.alpha311-avatar{
  width:27px;height:27px;border-radius:50%;display:grid;place-items:center;
  color:#071421;background:linear-gradient(135deg,var(--ll-blue),#b7a6ff);
  font-size:12px;font-weight:850;box-shadow:0 6px 16px rgba(99,162,255,.18)
}
.button.ghost{min-height:36px;border-radius:11px;color:#dbe9f7}
.shell{width:min(1280px,calc(100% - 40px));padding-top:48px}
.footer{width:min(1280px,calc(100% - 40px));color:rgba(177,198,220,.66)}

/* Landing / auth keep the same visual language, just cleaner. */
.hero{gap:58px}.hero .showcase{background:linear-gradient(145deg,rgba(13,31,54,.9),rgba(10,24,43,.72));border-color:var(--ll-line)}
.showcase-row{padding:19px 2px}.showcase-row strong{font-weight:760}.showcase-row span{color:#a9bdd2}
.auth-wrap{max-width:560px}.card{background:linear-gradient(150deg,rgba(13,30,52,.93),rgba(8,22,39,.9));border-color:var(--ll-line)}

/* Dashboard heading */
.dashboard-head.alpha311-dashboard-head{margin:0 0 24px;align-items:flex-start}
.dashboard-head.alpha311-dashboard-head .eyebrow{font-size:11px;letter-spacing:.16em}
.dashboard-head.alpha311-dashboard-head h2{font-size:31px;margin-top:6px;margin-bottom:6px}
.dashboard-head.alpha311-dashboard-head .profile-line{display:none!important}
.alpha311-dashboard-subtitle{margin:0;color:var(--ll-muted);font-size:15px}
.alpha311-duplicate-new{display:none!important}

/* Workspace – one compact full-width row. */
.grid.alpha311-workspace-grid{grid-template-columns:1fr!important;gap:14px}
.workspace.alpha311-workspace{
  min-height:0!important;padding:16px 18px!important;
  display:grid!important;grid-template-columns:50px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;column-gap:16px!important;row-gap:3px!important;
  align-items:center!important;
  border-color:var(--ll-line-strong)!important;
  background:linear-gradient(100deg,rgba(14,38,66,.86),rgba(28,42,88,.78))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.16)!important;
}
.alpha311-workspace-icon{
  grid-column:1;grid-row:1/3;width:46px;height:46px;border-radius:13px;
  display:grid;place-items:center;background:linear-gradient(135deg,#77c8ff,#9b82ff);
  box-shadow:0 8px 24px rgba(96,157,255,.22)
}
.alpha311-workspace-icon svg{width:24px;height:24px}
.workspace.alpha311-workspace>div:not(.alpha311-workspace-icon){grid-column:2;grid-row:1;margin:0}
.workspace.alpha311-workspace h3{font-size:19px;margin:0 0 5px}
.workspace.alpha311-workspace .workspace-meta{display:inline-flex;gap:6px;margin-left:8px;vertical-align:middle}
.workspace.alpha311-workspace>p{grid-column:2;grid-row:2;margin:0!important;font-size:13px}
.workspace.alpha311-workspace>.button{grid-column:3;grid-row:1/3;margin:0!important;align-self:center!important;white-space:nowrap}
.workspace.alpha311-workspace>.button::after{content:"  →"}
.pill{padding:5px 8px;font-size:11px;background:rgba(255,255,255,.045);border-color:rgba(179,211,240,.13)}

/* Lectures section */
.alpha31-section.alpha311-lectures-section{margin-top:31px;padding-top:0;border-top:0}
.alpha31-section-head{align-items:flex-end!important;margin-bottom:16px!important}
.alpha31-section-head .eyebrow{font-size:11px;letter-spacing:.16em}
.alpha31-section-head h2{font-size:29px;margin-top:5px}
.alpha311-section-subtitle{margin:3px 0 0;color:var(--ll-muted);font-size:14px}
#alpha31-create-inline{padding:11px 17px}
#alpha31-create-inline::before{content:"+ ";font-size:16px}
.alpha31-lecture-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.alpha31-lecture-card.alpha311-lecture-card{
  min-height:154px!important;padding:17px!important;
  display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto 1fr!important;column-gap:13px!important;row-gap:5px!important;
  border-color:var(--ll-line)!important;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(12,29,50,.88),rgba(8,22,38,.78))!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.alpha31-lecture-card.alpha311-lecture-card:hover{transform:translateY(-2px);border-color:rgba(128,188,255,.3)!important;box-shadow:0 16px 42px rgba(0,0,0,.18)}
.alpha311-doc-icon{
  grid-column:1;grid-row:1/4;width:42px;height:42px;border-radius:12px;
  display:grid;place-items:center;background:linear-gradient(145deg,rgba(119,114,210,.38),rgba(86,128,198,.24));
  border:1px solid rgba(190,202,255,.1)
}
.alpha311-doc-icon svg{width:22px;height:22px}
.alpha31-lecture-card.alpha311-lecture-card>div:not(.alpha311-doc-icon){grid-column:2;grid-row:1;align-self:start}
.alpha31-lecture-card.alpha311-lecture-card h3{grid-column:2/4;grid-row:2;margin:2px 0 0!important;font-size:16px!important;line-height:1.3}
.alpha31-lecture-card.alpha311-lecture-card p{grid-column:2;grid-row:3;margin:6px 0 0!important;align-self:end;font-size:12px}
.alpha31-lecture-card.alpha311-lecture-card>.button{grid-column:3;grid-row:3;align-self:end!important;margin:0!important;padding:8px 12px;font-size:12px}
.alpha31-lecture-card.alpha311-lecture-card>.button::after{content:"  →"}
.alpha31-empty{background:rgba(10,24,42,.45)}

/* Statuses */
.alpha31-lecture-card[data-status="published"] .pill{color:#8ef0bc;border-color:rgba(72,219,139,.35);background:rgba(32,174,97,.12)}
.alpha31-lecture-card[data-status="draft"] .pill{color:#b4c4d7;background:rgba(255,255,255,.045)}

/* Modal polish */
.alpha31-modal-card{border-color:var(--ll-line-strong);background:linear-gradient(150deg,#0c2036,#09182a);border-radius:22px}

@media(max-width:900px){
  .alpha31-lecture-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .topbar,.shell,.footer{width:min(100% - 24px,1280px)}
  .alpha311-account{display:none}
  .workspace.alpha311-workspace{grid-template-columns:46px minmax(0,1fr)!important}
  .workspace.alpha311-workspace>.button{grid-column:2;grid-row:3;margin-top:10px!important;justify-self:start}
  .alpha31-section-head{align-items:flex-start!important;flex-direction:column!important}
  .alpha31-lecture-grid{grid-template-columns:1fr!important}
}
@media(max-width:480px){
  .shell{padding-top:32px}
  .dashboard-head.alpha311-dashboard-head h2{font-size:26px}
  .workspace.alpha311-workspace{padding:14px!important}
  .alpha31-lecture-card.alpha311-lecture-card{grid-template-columns:40px minmax(0,1fr)!important}
  .alpha31-lecture-card.alpha311-lecture-card h3{grid-column:2!important}
  .alpha31-lecture-card.alpha311-lecture-card>.button{grid-column:2!important;grid-row:4!important;justify-self:start;margin-top:8px!important}
}

/* alpha.3.1.2 – UI regression fix */
.dashboard-head.alpha311-dashboard-head h2{letter-spacing:-.025em}
#alpha31-lectures-root{display:block}