/* Classbuster granite Pending transcripts · SCOPED owner/Krisp UI only.
   Display layer. Nothing here changes queue semantics or authorization. */
body #krispInboxPanel{
  --inbox-gold:#9deb52;
  --inbox-mint:#aaf3b5;
  --inbox-line:rgba(176,211,169,.22);
  position:fixed;
  width:min(600px,calc(100vw - 32px));
  max-height:calc(100dvh - 28px);
  min-height:0;
  padding:24px;
  background:linear-gradient(145deg,#25282b,#1c1e20 75%);
  border:1px solid #ffffff38;
  border-radius:20px;
  color:#edf0ee;
  font-family:var(--font-body),sans-serif;
  box-shadow:0 28px 80px #000a,0 8px 24px #0005,inset 0 1px #ffffff0d;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#5c6260 transparent;
}
body #krispInboxPanel::backdrop{background:#0006;backdrop-filter:blur(3px)}
body #krispInboxPanel .krisp-inbox-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
body #krispInboxPanel .krisp-inbox-eyebrow{
  margin:0 0 10px;
  font:750 10px/1.35 var(--font-body),sans-serif;
  letter-spacing:.24em;color:#b1d3b4
}
body #krispInboxPanel #krispInboxTitle{
  margin:0;font:650 22px/1.3 var(--font-body),sans-serif;
  letter-spacing:-.025em;color:#edf0ee;text-wrap:balance
}
body #krispInboxPanel #krispInboxClose{
  flex:none;width:44px;height:44px;min-height:44px;
  display:grid;place-items:center;
  color:#bec6c9;background:linear-gradient(145deg,#353a3e,#292d30);
  border:1px solid #ffffff2e;
  border-radius:50%;box-shadow:inset 0 1px #ffffff0b,0 2px 6px #0003;padding:0;
  transition:background .16s,color .16s,border-color .16s
}
body #krispInboxPanel #krispInboxClose svg{width:18px;height:18px;pointer-events:none}
body #krispInboxPanel #krispInboxClose:hover{
  background:#3d4448;color:#fff;border-color:#ffffff55
}
body #krispInboxPanel .krisp-inbox-description{
  margin:8px 0 22px;max-width:550px;
  color:#acb4af;font:400 14px/1.55 var(--font-body),sans-serif
}
body #krispInboxPanel .source-pending-group{
  --source-accent:#6fd1c4;
  padding:16px;margin:0;border:1px solid #ffffff2b;border-left:3px solid var(--source-accent);
  border-radius:14px;min-width:0;background:linear-gradient(135deg,#303539,#282c2f);
  box-shadow:inset 0 1px #ffffff07,0 3px 10px #0002
}
body #krispInboxPanel #krispPendingGroup{
  --source-accent:#6fd1c4
}
body #krispInboxPanel #radarVanPendingGroup{
  --source-accent:#9deb52;margin-top:12px
}
body #krispInboxPanel .source-pending-group[hidden]{display:none!important}
body #krispInboxPanel .source-pending-title{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin:0 0 12px;
  color:#f5f7f6;font:600 15px/1.4 var(--font-body),sans-serif;letter-spacing:0
}
body #krispInboxPanel .source-pending-icon{
  flex:none;display:inline-grid;place-items:center;
  width:28px;height:28px;min-width:28px;padding:0;border-radius:8px;background:#ffffff07;
  font:500 17px/1 var(--font-body),sans-serif
}
body #krispInboxPanel .source-pending-icon svg{width:17px;height:17px}
body #krispInboxPanel .source-pending-title .krisp-source-icon{color:#6fd1c4;background:#6fd1c416}
body #krispInboxPanel .source-pending-title .scout-source-icon{
  color:#9deb52;background:#9deb5216;text-shadow:none
}
body #krispInboxPanel .source-pending-title>span[id$="PendingCount"] ,
body #krispInboxPanel .source-pending-title #radarVanPendingPopoverCount{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:24px;height:24px;margin:0;padding:0 7px;box-sizing:border-box;
  border:1px solid #ffffff16;border-radius:7px;background:#ffffff05;box-shadow:none;
  color:#acb4af;font:600 12px/1 var(--font-body),sans-serif;
  font-variant-numeric:tabular-nums
}
body #krispInboxPanel #radarVanPendingPopoverCount{
  border-color:#ffffff16;background:#ffffff05;color:#acb4af;box-shadow:none
}
body #krispInboxPanel #krispPendingGroup:has(.krisp-pending-card) #krispSourcePendingCount,
body #krispInboxPanel #radarVanPendingGroup:has(.radar-van-item) #radarVanPendingPopoverCount{
  color:var(--source-accent);border-color:var(--source-accent);background:#0002
}
body #krispInboxPanel #krispInboxEmpty{
  margin:0;padding:2px 0 4px 38px;min-height:0;border:0;border-radius:0;background:none;
  text-align:left;color:#acb4af;font:400 13px/1.6 var(--font-body),sans-serif
}
body #krispInboxPanel #krispInboxEmpty[hidden]{display:none!important}
body #krispInboxPanel #krispInboxEmpty::before{
  content:none
}
body #krispInboxPanel #krispInboxStatus{
  margin:4px 0 11px;font-size:12px;color:#b3cabc;line-height:1.5
}
body #krispInboxPanel #krispInboxStatus:empty{display:none}
body #krispInboxPanel #radarVanPendingGroup>.radar-van-hint{
  margin:0;padding:2px 0 4px 38px;color:#acb4af;font:400 13px/1.6 var(--font-body),sans-serif
}
body #krispInboxPanel #radarVanPendingPopoverStatus{
  color:#acb4af!important;font-weight:400!important
}
body #krispInboxPanel .radar-van-list{
  display:grid;gap:13px;margin:18px 0 0;padding:0;
  list-style:none;min-width:0
}
body #krispInboxPanel .radar-van-list:empty{display:none}
body #krispInboxPanel .radar-van-list .radar-van-item{
  position:relative;min-width:0;
  padding:16px;border:1px solid #ffffff16;border-radius:12px;background:#272a2d;
  box-shadow:none;transition:border-color .18s
}
body #krispInboxPanel .radar-van-item:hover{
  border-color:#ffffff30
}
body #krispInboxPanel .radar-van-item-title{
  display:block;padding-right:36px;
  color:#edf0ee;
  font:600 14px/1.5 var(--font-body),sans-serif;
  overflow-wrap:anywhere
}
body #krispInboxPanel .radar-van-item-meta{
  display:block;margin:6px 0 0;
  color:#acb4af;font:400 12px/1.6 var(--font-body),sans-serif;
  overflow-wrap:anywhere
}
body #krispInboxPanel .radar-van-item-preview{
  margin:13px 0 17px;padding:0;
  max-height:none;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;white-space:normal;overflow-wrap:anywhere;
  color:#acb4af;font:400 13px/1.6 var(--font-body),sans-serif
}
body #krispInboxPanel .radar-van-row{
  display:grid;grid-template-columns:minmax(0,1.48fr) minmax(0,1fr);
  gap:10px
}
body #krispInboxPanel .radar-van-row button{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-width:0;min-height:44px;margin:0;padding:10px 14px;
  border-radius:11px;text-transform:none;letter-spacing:0;
  font:600 13px/1.4 var(--font-body),sans-serif;
  white-space:normal;opacity:1;
  box-sizing:border-box;
  transition:background .17s,box-shadow .17s,border-color .17s,color .17s
}
body #krispInboxPanel .radar-van-row .radar-van-claim{
  color:#15200d;border:1px solid #b4f77a;background:#9deb52;box-shadow:none
}
body #krispInboxPanel .radar-van-claim::before{
  content:none
}
body #krispInboxPanel .radar-van-row .radar-van-claim:hover:not(:disabled){
  background:#b0f370;border-color:#b4f77a;box-shadow:none
}
body #krispInboxPanel .radar-van-row .radar-van-dismiss{
  color:#edf0ee;border:1px solid #ffffff25;background:transparent
}
body #krispInboxPanel .radar-van-dismiss::before{content:"×";font-size:22px;font-weight:300;line-height:1}
body #krispInboxPanel .radar-van-row .radar-van-dismiss:hover:not(:disabled){
  color:#edf0ee;border-color:#ffffff40;background:#ffffff09
}
body #krispInboxPanel .radar-van-row button:disabled{opacity:.52;cursor:wait}
body #krispInboxPanel .radar-van-list .radar-van-item .radar-van-more{
  position:absolute;top:6px;right:6px;z-index:2;
  width:44px;height:44px;min-height:44px;padding:0;
  border-radius:10px;border:1px solid transparent;
  background:transparent;color:#bacbbd;font-size:23px;line-height:1
}
body #krispInboxPanel .radar-van-more:hover,
body #krispInboxPanel .radar-van-more[aria-expanded="true"]{
  border-color:#ffffff16;background:#ffffff09
}
body #krispInboxPanel .radar-van-item-menu{
  position:absolute;z-index:5;top:48px;right:12px;width:min(208px,calc(100% - 24px));
  padding:6px;display:grid;gap:3px;border:1px solid #ffffff25;
  border-radius:11px;background:#303437;box-shadow:0 16px 42px #0009
}
body #krispInboxPanel .radar-van-item-menu[hidden]{display:none!important}
body #krispInboxPanel .radar-van-item-menu button{
  min-height:44px;padding:11px 12px;background:transparent;color:#edf0ee;
  border:0;border-radius:7px;text-align:left;font-size:12px;
}
body #krispInboxPanel .radar-van-item-menu button:hover{background:#ffffff0b}
body #krispInboxPanel .radar-van-expanded-preview{
  display:block;padding:13px 14px;margin:0 0 15px;max-height:195px;
  overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;
  border-radius:10px;border:1px solid #ffffff16;
  background:#1c1e20;color:#edf0ee;font-size:13px;line-height:1.6
}
body #krispInboxPanel .radar-van-expanded-preview[hidden]{display:none!important}
body #krispInboxPanel .krisp-pending-card{
  background:#272a2d!important;
  border:1px solid #ffffff16!important;
  border-radius:12px!important;
  padding:16px 18px!important;
  gap:12px!important
}
body #krispInboxPanel .krisp-pending-card>div:last-child{
  min-width:125px!important
}
body #krispInboxPanel .krisp-insert-btn{
  background:#9deb52!important;color:#15200d!important;border-color:#b4f77a!important
}
body #krispInboxPanel .krisp-pending-card button{min-height:44px;border-radius:9px;font-weight:600}
body #krispInboxPanel button:focus-visible{outline:2px solid #9deb52;outline-offset:3px}
@media(max-width:650px){
  body #krispInboxPanel{
    inset:auto 10px 10px;
    width:calc(100vw - 20px);
    padding:18px;
    max-height:calc(100dvh - 20px);border-radius:19px
  }
  body #krispInboxPanel #krispInboxTitle{font-size:20px}
  body #krispInboxPanel .krisp-pending-card{flex-wrap:wrap}
  body #krispInboxPanel .radar-van-item{padding:16px}
}
@media(max-width:380px){
  body #krispInboxPanel{padding:19px 12px}
  body #krispInboxPanel .radar-van-item{padding:13px}
  body #krispInboxPanel .radar-van-row{gap:7px}
  body #krispInboxPanel .radar-van-row button{padding:9px 5px;font-size:11px}
  body #krispInboxPanel .source-pending-title{gap:7px}
}
@media(prefers-reduced-motion:reduce){
  body #krispInboxPanel .radar-van-item,
  body #krispInboxPanel button{transform:none!important;transition:none!important}
}
