/* NOUN Student Portal 6.31.66
 * Final responsive authority for Student Workspace > TMA Orders.
 * This layer intentionally loads after the retained Workspace appearance and
 * tablet layers so legacy component rules cannot collapse or recolour it.
 */
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell{
  --tma-surface:#ffffff;
  --tma-surface-soft:#f5f8f6;
  --tma-surface-strong:#edf3ef;
  --tma-text:#14231b;
  --tma-body:#35483e;
  --tma-muted:#66776e;
  --tma-line:#d8e3dc;
  --tma-line-strong:#bfd0c6;
  --tma-brand:#07522f;
  --tma-brand-strong:#064326;
  --tma-brand-soft:#e7f3ec;
  --tma-success:#087a47;
  --tma-shadow:0 10px 28px rgba(17,44,29,.07);
  color:var(--tma-text)!important;
  -webkit-text-fill-color:currentColor!important;
  width:100%;
  min-width:0;
}
html[data-theme="dark"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell{
  --tma-surface:#0c1a12;
  --tma-surface-soft:#12251a;
  --tma-surface-strong:#173020;
  --tma-text:#f3f8f5;
  --tma-body:#d4e0d9;
  --tma-muted:#a8bab0;
  --tma-line:#294638;
  --tma-line-strong:#3e5f4f;
  --tma-brand:#45d58b;
  --tma-brand-strong:#8ce8b6;
  --tma-brand-soft:#143523;
  --tma-success:#52dc93;
  --tma-shadow:none;
}

/* Header */
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-orders-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 16px!important;
  min-width:0;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-h2{
  margin:0!important;
  color:var(--tma-text)!important;
  -webkit-text-fill-color:var(--tma-text)!important;
  font:800 clamp(1.28rem,2vw,1.55rem)/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-refresh-btn{
  min-height:44px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
  border:1px solid var(--tma-line-strong)!important;
  border-radius:12px!important;
  background:var(--tma-surface)!important;
  background-image:none!important;
  color:var(--tma-text)!important;
  -webkit-text-fill-color:var(--tma-text)!important;
  font:750 .84rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  box-shadow:none!important;
  transition:border-color .16s ease,background .16s ease,color .16s ease!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-refresh-btn:hover{
  border-color:var(--tma-brand)!important;
  background:var(--tma-brand-soft)!important;
  color:var(--tma-brand-strong)!important;
  -webkit-text-fill-color:var(--tma-brand-strong)!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-refresh-btn:focus-visible{
  outline:3px solid color-mix(in srgb,var(--tma-brand) 30%,transparent)!important;
  outline-offset:2px!important;
}

/* Card architecture */
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-orders-list{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:14px!important;
  margin:0 0 34px!important;
  min-width:0!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order{
  --order-accent:var(--tma-line-strong);
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  margin:0!important;
  border:1px solid var(--tma-line)!important;
  border-left:4px solid var(--order-accent)!important;
  border-radius:16px!important;
  background:var(--tma-surface)!important;
  background-image:none!important;
  color:var(--tma-body)!important;
  box-shadow:var(--tma-shadow)!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order.is-pending{--order-accent:#d39b18!important}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order.is-paid{--order-accent:#427fd6!important}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order.is-in-progress{--order-accent:#1583b5!important}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order.is-completed{--order-accent:#15905a!important}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order.is-refunded{--order-accent:#7d8a82!important}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order.is-cancelled{--order-accent:#bd4141!important}
html[data-theme="dark"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order.is-pending{--order-accent:#efc04a!important}
html[data-theme="dark"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order.is-paid{--order-accent:#7eafff!important}
html[data-theme="dark"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order.is-in-progress{--order-accent:#65c7ef!important}
html[data-theme="dark"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order.is-completed{--order-accent:#58dd98!important}
html[data-theme="dark"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order.is-refunded{--order-accent:#9eaea5!important}
html[data-theme="dark"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order.is-cancelled{--order-accent:#ff8b8b!important}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order:hover{
  border-color:var(--tma-line-strong)!important;
  border-left-color:var(--order-accent)!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order[open]{
  border-color:var(--tma-line-strong)!important;
  border-left-color:var(--order-accent)!important;
  box-shadow:var(--tma-shadow)!important;
}

/* Summary */
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-summary{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding:18px 20px!important;
  margin:0!important;
  cursor:pointer!important;
  list-style:none!important;
  background:transparent!important;
  color:var(--tma-body)!important;
  border:0!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-summary::-webkit-details-marker{display:none!important}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-summary::after{display:none!important;content:none!important}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  color:inherit!important;
  border:0!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-identity{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:9px 11px!important;
  flex:1 1 auto!important;
  min-width:0!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-ref{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  color:var(--tma-text)!important;
  -webkit-text-fill-color:var(--tma-text)!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important;
  font-size:.92rem!important;
  font-weight:800!important;
  line-height:1.35!important;
  letter-spacing:-.015em!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-toggle{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--tma-line)!important;
  border-radius:10px!important;
  background:var(--tma-surface-soft)!important;
  color:var(--tma-muted)!important;
  -webkit-text-fill-color:var(--tma-muted)!important;
  transition:transform .18s ease,color .18s ease,border-color .18s ease!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-toggle svg{width:17px!important;height:17px!important;color:inherit!important}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order[open] .nsp-tmasvc-order-toggle{
  transform:rotate(180deg)!important;
  color:var(--tma-brand-strong)!important;
  -webkit-text-fill-color:var(--tma-brand-strong)!important;
  border-color:var(--tma-brand)!important;
}

/* Status: explicit colours prevent inherited dark-mode text-fill from making
   pale chips unreadable. */
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-status-badge{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  max-width:100%!important;
  padding:5px 10px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  font-size:.72rem!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-theme="light"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-badge-pending{background:#fff4cf!important;border-color:#e8c65b!important;color:#684900!important;-webkit-text-fill-color:#684900!important}
html[data-theme="light"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-badge-paid{background:#eaf2ff!important;border-color:#9ec0f4!important;color:#174f96!important;-webkit-text-fill-color:#174f96!important}
html[data-theme="light"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-badge-in_progress{background:#e8f7fd!important;border-color:#8ecce6!important;color:#075c83!important;-webkit-text-fill-color:#075c83!important}
html[data-theme="light"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-badge-completed{background:#e4f6eb!important;border-color:#8bc9a5!important;color:#075c36!important;-webkit-text-fill-color:#075c36!important}
html[data-theme="light"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-badge-refunded{background:#eef2ef!important;border-color:#bdc8c1!important;color:#405047!important;-webkit-text-fill-color:#405047!important}
html[data-theme="light"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-badge-cancelled{background:#fff0f0!important;border-color:#e8abab!important;color:#8d2929!important;-webkit-text-fill-color:#8d2929!important}
html[data-theme="dark"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-badge-pending{background:#3a2c0d!important;border-color:#80631d!important;color:#ffe39a!important;-webkit-text-fill-color:#ffe39a!important}
html[data-theme="dark"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-badge-paid{background:#142842!important;border-color:#365d8d!important;color:#bcd8ff!important;-webkit-text-fill-color:#bcd8ff!important}
html[data-theme="dark"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-badge-in_progress{background:#123047!important;border-color:#316b88!important;color:#b9e8ff!important;-webkit-text-fill-color:#b9e8ff!important}
html[data-theme="dark"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-badge-completed{background:#123523!important;border-color:#367650!important;color:#acf1ca!important;-webkit-text-fill-color:#acf1ca!important}
html[data-theme="dark"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-badge-refunded{background:#26312b!important;border-color:#52645a!important;color:#d7e2dc!important;-webkit-text-fill-color:#d7e2dc!important}
html[data-theme="dark"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-badge-cancelled{background:#371919!important;border-color:#7d3d3d!important;color:#ffc1c1!important;-webkit-text-fill-color:#ffc1c1!important}

/* Compact facts */
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-facts{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px 0!important;
  margin:12px 0 0!important;
  color:var(--tma-muted)!important;
  -webkit-text-fill-color:var(--tma-muted)!important;
  font-size:.82rem!important;
  font-weight:650!important;
  line-height:1.35!important;
  min-width:0!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-facts :is(span,time){
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  white-space:nowrap!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-facts :is(span,time):not(:first-child)::before{
  content:""!important;
  width:3px!important;
  height:3px!important;
  margin:0 10px!important;
  border-radius:50%!important;
  background:var(--tma-line-strong)!important;
  flex:0 0 auto!important;
}

/* Progress */
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-progress-wrap{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  margin:14px 0 0!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-progress-bar{
  width:100%!important;
  height:7px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:var(--tma-surface-strong)!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-progress-fill{
  height:100%!important;
  border-radius:999px!important;
  background:var(--tma-brand)!important;
  background-image:none!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-progress-text{
  color:var(--tma-body)!important;
  -webkit-text-fill-color:var(--tma-body)!important;
  font-size:.8rem!important;
  font-weight:800!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}

/* Expanded body */
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-body{
  margin:0!important;
  padding:20px!important;
  border-top:1px solid var(--tma-line)!important;
  background:var(--tma-surface)!important;
  color:var(--tma-body)!important;
  min-width:0!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-done-note,
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-pending-note{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin:0 0 20px!important;
  padding:14px 15px!important;
  border-radius:13px!important;
  box-shadow:none!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-done-note{
  background:#edf8f1!important;
  border:1px solid #b5d9c4!important;
  color:#174b32!important;
  -webkit-text-fill-color:#174b32!important;
}
html[data-theme="dark"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-done-note{
  background:#102d1e!important;
  border-color:#336d4b!important;
  color:#d6f7e3!important;
  -webkit-text-fill-color:#d6f7e3!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-pending-note{
  background:#fff8e4!important;
  border:1px solid #ead487!important;
  color:#644d0b!important;
  -webkit-text-fill-color:#644d0b!important;
}
html[data-theme="dark"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-pending-note{
  background:#30270f!important;
  border-color:#776224!important;
  color:#ffe8a6!important;
  -webkit-text-fill-color:#ffe8a6!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-note-icon{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--tma-brand) 12%,transparent)!important;
  color:var(--tma-brand-strong)!important;
  -webkit-text-fill-color:var(--tma-brand-strong)!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-note-icon svg{width:18px!important;height:18px!important;color:inherit!important}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell :is(.nsp-tmasvc-order-done-note,.nsp-tmasvc-order-pending-note) strong{
  display:block!important;
  margin:0 0 3px!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  font-size:.92rem!important;
  font-weight:800!important;
  line-height:1.35!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell :is(.nsp-tmasvc-order-done-note,.nsp-tmasvc-order-pending-note) p{
  margin:0!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  font-size:.84rem!important;
  line-height:1.55!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-done-note a{
  color:var(--tma-brand-strong)!important;
  -webkit-text-fill-color:var(--tma-brand-strong)!important;
  font-weight:800!important;
  text-underline-offset:3px!important;
}

/* Group the metadata into one calm surface instead of loose fragments. */
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-section{
  margin:0 0 22px!important;
  padding:17px!important;
  border:1px solid var(--tma-line)!important;
  border-radius:14px!important;
  background:var(--tma-surface-soft)!important;
  color:var(--tma-body)!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-section-title,
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-courses-h3{
  margin:0 0 12px!important;
  color:var(--tma-text)!important;
  -webkit-text-fill-color:var(--tma-text)!important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:.96rem!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:-.01em!important;
  text-transform:none!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-details-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px 20px!important;
  margin:0!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-details-grid>div{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  min-width:0!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-dt{
  color:var(--tma-muted)!important;
  -webkit-text-fill-color:var(--tma-muted)!important;
  font-size:.76rem!important;
  font-weight:650!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-dd{
  color:var(--tma-text)!important;
  -webkit-text-fill-color:var(--tma-text)!important;
  font-size:.9rem!important;
  font-weight:720!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}

/* Course status */
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-courses-list{
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--tma-line)!important;
  border-radius:14px!important;
  background:var(--tma-surface)!important;
  list-style:none!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-course-row{
  min-height:52px!important;
  padding:11px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border:0!important;
  border-bottom:1px solid var(--tma-line)!important;
  background:var(--tma-surface)!important;
  color:var(--tma-body)!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-course-row:last-child{border-bottom:0!important}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-course-code{
  color:var(--tma-text)!important;
  -webkit-text-fill-color:var(--tma-text)!important;
  font:800 .9rem/1.3 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;
  overflow-wrap:anywhere!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-course-status{
  min-height:26px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:4px 9px!important;
  border:1px solid var(--tma-line)!important;
  border-radius:999px!important;
  background:var(--tma-surface-soft)!important;
  color:var(--tma-body)!important;
  -webkit-text-fill-color:var(--tma-body)!important;
  font-size:.72rem!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-course-done .nsp-tmasvc-course-status{
  background:var(--tma-brand-soft)!important;
  border-color:color-mix(in srgb,var(--tma-brand) 45%,var(--tma-line))!important;
  color:var(--tma-brand-strong)!important;
  -webkit-text-fill-color:var(--tma-brand-strong)!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-course-done .nsp-tmasvc-course-code{
  color:var(--tma-brand-strong)!important;
  -webkit-text-fill-color:var(--tma-brand-strong)!important;
}

/* Messaging: keep it visually subordinate to order state. */
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-msgs{
  margin-top:22px!important;
  padding-top:20px!important;
  border-top:1px solid var(--tma-line)!important;
  color:var(--tma-body)!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-msgs-intro{
  margin:0 0 12px!important;
  color:var(--tma-muted)!important;
  -webkit-text-fill-color:var(--tma-muted)!important;
  font-size:.82rem!important;
  line-height:1.5!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-msgs-input{
  background:var(--tma-surface-soft)!important;
  color:var(--tma-text)!important;
  -webkit-text-fill-color:var(--tma-text)!important;
  border-color:var(--tma-line-strong)!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-msgs-input::placeholder{
  color:var(--tma-muted)!important;
  -webkit-text-fill-color:var(--tma-muted)!important;
  opacity:1!important;
}

/* Pending actions */
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell :is(.nsp-tmasvc-summary-actions,.nsp-tmasvc-pending-actions){
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:14px 0 0!important;
  padding-top:14px!important;
  border-top:1px solid var(--tma-line)!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-act{
  min-height:42px!important;
  padding:0 14px!important;
  border-radius:11px!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:.82rem!important;
  font-weight:800!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-act-pay{
  background:var(--tma-brand-strong)!important;
  border-color:var(--tma-brand-strong)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme="dark"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-act-pay{
  background:#17633d!important;
  border-color:#32835a!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-act-edit{
  background:var(--tma-surface-soft)!important;
  border-color:var(--tma-line-strong)!important;
  color:var(--tma-text)!important;
  -webkit-text-fill-color:var(--tma-text)!important;
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-act-cancel{
  background:transparent!important;
  border-color:#d8a0a0!important;
  color:#8b2d2d!important;
  -webkit-text-fill-color:#8b2d2d!important;
}
html[data-theme="dark"] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-act-cancel{
  border-color:#7d4444!important;
  color:#ffb4b4!important;
  -webkit-text-fill-color:#ffb4b4!important;
}

/* Tablet */
@media (max-width:900px){
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-details-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Phones */
@media (max-width:600px){
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell{
    padding-bottom:calc(88px + env(safe-area-inset-bottom,0px));
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-orders-header{
    gap:12px!important;
    margin-bottom:14px!important;
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-h2{
    font-size:1.3rem!important;
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-refresh-btn{
    min-height:42px!important;
    padding:0 12px!important;
    border-radius:11px!important;
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order{
    border-radius:14px!important;
    border-left-width:3px!important;
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-summary{
    padding:16px!important;
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-identity{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-ref{
    font-size:.9rem!important;
    padding-right:2px!important;
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-status-badge{
    min-height:27px!important;
    font-size:.7rem!important;
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-facts{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:13px!important;
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-facts :is(span,time){
    min-height:34px!important;
    padding:7px 9px!important;
    border-radius:9px!important;
    background:var(--tma-surface-soft)!important;
    color:var(--tma-body)!important;
    -webkit-text-fill-color:var(--tma-body)!important;
    font-size:.78rem!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-facts :is(span,time):not(:first-child)::before{display:none!important;content:none!important}
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-progress-wrap{
    gap:10px!important;
    margin-top:13px!important;
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-progress-text{
    font-size:.77rem!important;
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-body{
    padding:16px!important;
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-section{
    padding:15px!important;
    border-radius:13px!important;
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-details-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:15px 12px!important;
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-details-grid>div:first-child{
    grid-column:1/-1!important;
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-course-row{
    align-items:flex-start!important;
    padding:12px!important;
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-course-status{
    white-space:normal!important;
    text-align:right!important;
    justify-content:flex-end!important;
    max-width:58%!important;
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell :is(.nsp-tmasvc-summary-actions,.nsp-tmasvc-pending-actions){
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-act-pay{
    grid-column:1/-1!important;
  }
}

@media (max-width:380px){
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-refresh-btn span{display:none!important}
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-refresh-btn{width:42px!important;padding:0!important}
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-details-grid{grid-template-columns:1fr!important}
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-order-details-grid>div:first-child{grid-column:auto!important}
}

@media (prefers-reduced-motion:reduce){
  html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
html[data-theme] body.nsp-private-workspace #nsp-app#nsp-app .nsp-tmasvc-orders-shell .nsp-tmasvc-note-copy{flex:1 1 auto!important;min-width:0!important}