/* MS Online-QM – Portal V10 */

.portal-authenticated{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

.portal-authenticated .topbar{
  height:82px;
  padding:10px 24px;
  background:rgba(255,255,255,.88);
  border-bottom:1px solid rgba(109,7,30,.08);
  backdrop-filter:blur(16px);
  box-shadow:0 4px 20px rgba(60,35,25,.035);
}

.portal-authenticated .shell{
  grid-template-columns:244px minmax(0,1fr);
}

.portal-authenticated .sidebar{
  position:sticky;
  top:82px;
  height:calc(100vh - 82px);
  overflow-y:auto;
  padding:22px 14px 110px;
  background:rgba(249,247,242,.96);
  border-right:1px solid rgba(109,7,30,.09);
  color:#25211f;
}

.portal-authenticated .sidebar:after{
  display:none;
}

.portal-authenticated .sidebar a,
.portal-authenticated .sidebar .linklike{
  display:flex;
  align-items:center;
  min-height:42px;
  margin:3px 0;
  padding:9px 12px;
  border-radius:11px;
  border:1px solid transparent;
  color:#292523;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  transition:.15s ease;
}

.portal-authenticated .sidebar a:hover,
.portal-authenticated .sidebar .linklike:hover{
  color:#6D071E;
  background:rgba(109,7,30,.055);
  transform:translateX(2px);
}

.portal-authenticated .sidebar a.active{
  color:#fff;
  background:linear-gradient(135deg,#6D071E,#89172F);
  box-shadow:0 7px 18px rgba(109,7,30,.17);
}

.portal-authenticated main{
  padding:30px clamp(22px,3vw,42px) 120px;
}

.portal-authenticated .pagehead{
  margin-bottom:24px;
}

.portal-authenticated .pagehead h1,
.portal-authenticated h1,
.portal-authenticated h2,
.portal-authenticated h3{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  letter-spacing:-.025em;
}

.portal-authenticated .pagehead h1{
  font-size:34px;
  line-height:1.08;
}

.portal-authenticated .eyebrow{
  color:#C1943F;
  font-family:Arial,sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.portal-authenticated .card,
.portal-authenticated .panel,
.portal-authenticated .status-card,
.portal-authenticated .qmcard{
  border:1px solid rgba(109,7,30,.075);
  border-radius:17px;
  background:rgba(255,255,255,.89);
  box-shadow:
    0 12px 30px rgba(65,35,25,.045),
    0 1px 2px rgba(65,35,25,.03);
  backdrop-filter:blur(8px);
}

.portal-authenticated .card,
.portal-authenticated .panel{
  padding:20px;
}

.portal-authenticated .status-card{
  padding:22px;
}

.portal-authenticated .listrow{
  border-bottom:1px solid rgba(109,7,30,.08);
}

.portal-authenticated .listrow:last-child{
  border-bottom:0;
}

.portal-authenticated button{
  border-radius:10px;
}

.portal-authenticated .feedback-btn{
  right:24px;
  bottom:86px;
  padding:7px 11px;
  border:1px solid rgba(109,7,30,.15);
  border-radius:999px;
  background:rgba(255,255,255,.93);
  color:#6D071E;
  font:700 11px Arial,sans-serif;
  box-shadow:0 5px 16px rgba(65,35,25,.08);
}

.portal-authenticated .qm-ai-panel{
  width:min(370px,calc(100vw - 28px));
  height:min(590px,calc(100vh - 115px));
}

.portal-authenticated .qm-ai-quick{
  flex-wrap:wrap;
  overflow:visible;
}

.portal-authenticated:has(.qm-ai-panel.open) .qm-ai-launcher{
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
}

@media(max-width:800px){
  .portal-authenticated .shell{display:block}
  .portal-authenticated .sidebar{display:none}
  .portal-authenticated main{padding:18px 14px 110px}
}