/* All colours inherit the application's existing theme tokens. */
.aw-dashboard,.aw-workspace{color:var(--ink);font-family:var(--font-sans);min-width:0}
.aw-card,.aw-native{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px;min-width:0;box-shadow:0 3px 14px rgba(0,0,0,.04)}
.aw-native{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-top:3px solid var(--gold);margin-bottom:12px}
.aw-native h2{margin:4px 0;font:700 25px var(--font-sans);color:var(--ink)}
.aw-native p{font-size:12px;margin:4px 0;line-height:1.6}.aw-eyebrow{font-size:10px;color:var(--gold);letter-spacing:1.3px;font-weight:800}
.aw-overview-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:16px;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:14px;padding:14px 16px;margin-bottom:12px;box-shadow:0 3px 14px rgba(0,0,0,.04)}
.aw-overview-panel>.aw-native{display:flex;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;gap:8px}
.aw-overview-panel .aw-native h2{font-size:22px;margin:0 0 4px}.aw-overview-panel .aw-native p{font-size:11px;margin:0}
.aw-overview-panel .aw-actions{justify-content:flex-end}.aw-overview-panel .aw-meta{padding-top:8px;margin-top:2px;gap:6px 14px;font-size:10px}
.aw-dashboard .aw-overview-panel .aw-dasha-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0}
.aw-dashboard .aw-overview-panel .aw-period{min-width:0;min-height:74px;padding:8px;border:0;border-radius:7px;background:var(--paper2);box-shadow:none}
.aw-dashboard .aw-overview-panel .aw-period:hover{background:var(--gold-subtle)}
.aw-dashboard .aw-overview-panel .aw-period small{font-size:9px}.aw-dashboard .aw-overview-panel .aw-period b{font-size:12px;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw-actions,.aw-work-tools,.aw-work-tools>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.aw-actions select,.aw-card select,.aw-work-tools select{background:var(--paper2);border:1px solid var(--line);color:var(--ink);border-radius:7px;font-size:12px;padding:7px;max-width:100%}
.aw-actions .btn,.aw-work-tools .btn,.aw-card .btn{font-size:12px;padding:8px 11px;min-height:34px;white-space:normal}
.aw-meta{flex-basis:100%;border-top:1px solid var(--line-subtle);padding-top:10px;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:11px;color:var(--muted)}.aw-meta b{color:var(--ink);font-weight:600}
.aw-dasha-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.aw-period{border:1px solid var(--line);border-radius:12px;background:var(--paper);text-align:left;padding:13px 16px;color:var(--ink);cursor:pointer;box-shadow:inset 3px 0 var(--gold)}.aw-period:hover{background:var(--paper2)}.aw-period small{display:block;font-size:11px;color:var(--muted)}.aw-period b{display:block;font-size:16px;margin:5px 0}.aw-period b span{color:var(--gold)}
.aw-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:12px;align-items:stretch}
.aw-dashboard-grid>.aw-dashboard-charts{height:100%;align-self:stretch}
.aw-dashboard-grid>.aw-positions{display:flex;height:100%;min-height:0;flex-direction:column}
.aw-dashboard-grid>.aw-positions .aw-table-scroll{flex:1;min-height:0;max-height:none}
.aw-dashboard-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.aw-dashboard-charts>.aw-chart>header{min-height:64px}
.aw-card header{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--line-subtle);padding-bottom:9px;margin-bottom:9px}
.aw-card h3{font:700 14px var(--font-sans);margin:5px 0}.aw-card h3 span{font-weight:400;font-size:11px}.aw-chart{padding:12px}.aw-chart header .btn{padding:5px;font-size:10px;min-height:28px}.aw-chart .chart-action-bar{display:flex;gap:5px;justify-content:flex-end;margin:0;padding:3px 0;min-height:28px}.aw-chart .chart-svg-box svg{width:100%;height:auto;max-height:none;display:block;aspect-ratio:1}.aw-chart .chart-note{font-size:10px}.aw-chart .btn-chart-action{font-size:10px;padding:4px 7px}.aw-chart .chart-title{margin:0}
.aw-table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.4}.aw-table th{font-size:10px;text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;position:sticky;top:0;background:var(--paper2);z-index:1}.aw-table td,.aw-table th{padding:9px 7px;border-bottom:1px solid var(--line-subtle);white-space:nowrap}.aw-table td button{border:0;background:none;padding:0;font:700 11px var(--font-sans);cursor:pointer;text-align:left}.aw-table .aw-selected{background:var(--gold-subtle)}.aw-table tr:hover{background:var(--paper2)}.aw-degree{font-family:var(--font-mono);font-weight:600}.aw-table-scroll{overflow:auto;scrollbar-width:thin;max-height:340px}.aw-positions{padding:12px}.aw-positions header small{font-size:10px}.aw-dashboard-bottom{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:12px}.aw-shortcuts{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.aw-reference{margin-top:12px}.aw-reference summary{cursor:pointer;font-weight:600}.aw-work-tools{justify-content:space-between;margin:0 0 12px;font-size:12px}
.aw-study-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:12px;align-items:start}.aw-chart-pair{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:10px;align-items:start}.aw-chart-column .aw-positions{margin-top:12px}.aw-chart-column,.aw-evidence-column{min-width:0}.aw-evidence-column{display:flex;flex-direction:column;gap:12px}.aw-levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:12px}.aw-levels div{background:var(--paper2);border:1px solid var(--line-subtle);border-radius:8px;padding:9px 5px;min-width:0}.aw-levels small{display:block;font-size:9px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.aw-levels b{display:block;font-size:11px;margin:3px 0 5px;overflow-wrap:anywhere}.aw-timing details{font-size:11px;margin:10px 0}.aw-timing summary{cursor:pointer}.aw-timing>.btn{width:100%}.aw-tabs{display:flex;border-bottom:1px solid var(--line);gap:12px;margin-bottom:12px}.aw-tabs button{color:var(--muted);border:0;background:none;padding:8px 0;font-size:12px;cursor:pointer}.aw-tabs button[aria-selected=true]{color:var(--gold);border-bottom:2px solid var(--gold);font-weight:700}.aw-inspection{background:var(--paper2);border-radius:9px;padding:12px}.aw-inspection dl{display:grid;grid-template-columns:90px 1fr;gap:7px;font-size:11px;margin:10px 0 0}.aw-inspection dt{color:var(--muted)}.aw-inspection dd{margin:0;overflow-wrap:anywhere}.aw-focus{border-left:2px solid var(--gold);padding-left:10px;font-size:12px;margin:12px 0}.aw-focus p,.aw-reasoning>p{line-height:1.5;font-size:11px;color:var(--muted)}.aw-house-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.aw-house-grid span{background:var(--paper2);padding:8px;border-radius:7px;font-size:11px}.aw-house-grid small,.aw-house-grid b{display:block}.aw-house-grid small{color:var(--muted);margin-bottom:3px}
.aw-evidence-column>.aw-chart{margin:0}.aw-evidence-column>.aw-chart .chart-svg-box{max-width:360px;margin:0 auto}.aw-evidence-column>.aw-chart header{min-height:44px}
.aw-transit-note{margin:8px 0 0;font-size:10px;line-height:1.4}.aw-transit header select{max-width:190px;font-size:11px;padding:5px}
.aw-levels .aw-dasha-ruler{margin-top:-4px;color:var(--gold);font-weight:700}
.aw-legacy-back{position:fixed;bottom:12px;left:260px;z-index:8;box-shadow:var(--shadow)}
/* Workspace keeps a usable scroll path at shorter laptop heights. */
body.analysis-chart-mode .topbar,body.analysis-chart-mode #birthDetails,body.analysis-chart-mode #activeSampleNativeBanner{display:none!important}
body.analysis-chart-mode .main{padding:14px!important;overflow:auto!important;height:100vh}
body.analysis-chart-mode .shell{height:100vh;overflow:hidden}
body.analysis-chart-mode #analysischart{height:auto;overflow:visible}
.shell.analysis-sidebar-hidden{grid-template-columns:0 minmax(0,1fr)}.shell.analysis-sidebar-hidden .side{width:0;padding:0;border:0;overflow:hidden}
body .main{min-width:0}.aw-card button:focus-visible,.aw-workspace button:focus-visible,.aw-workspace select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(min-width:1600px){.aw-chart-pair{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}}
@media(max-width:1200px){.aw-dashboard-grid{grid-template-columns:1fr}.aw-study-grid{grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr)}.aw-chart-pair{grid-template-columns:1fr 1fr}.aw-levels{grid-template-columns:repeat(3,minmax(0,1fr))}.aw-meta{gap:8px 14px}}
@media(max-width:980px){.aw-study-grid{grid-template-columns:1fr}.aw-evidence-column{display:grid;grid-template-columns:1fr 1fr}.aw-levels{grid-template-columns:repeat(3,minmax(0,1fr))}.aw-native h2{font-size:22px}.aw-legacy-back{left:12px}}
@media(max-width:980px){.aw-overview-panel{grid-template-columns:1fr;gap:12px}}
@media(max-width:650px){.aw-dashboard-charts,.aw-chart-pair,.aw-dashboard-bottom,.aw-evidence-column{grid-template-columns:1fr}.aw-dasha-summary{grid-template-columns:1fr}.aw-actions{width:100%}.aw-native,.aw-card{padding:12px}.aw-native p{font-size:11px}.aw-native h2{font-size:20px}.aw-period b{font-size:14px}.aw-meta span{width:100%}body.analysis-chart-mode .main{padding:8px!important}.aw-levels{grid-template-columns:repeat(3,minmax(0,1fr))}.aw-work-tools{gap:10px}}
@media(max-width:650px){.aw-dashboard .aw-overview-panel .aw-dasha-summary{grid-template-columns:1fr}.aw-overview-panel{padding:12px}.aw-overview-panel>.aw-native{padding:0}}
.aw-chart .chart-svg-box svg{max-width:none;filter:none}
/* Keep the workstation focused on charts: birth details stay visible, while
   the duplicate metadata row is available from the dashboard instead. */
.aw-workspace .aw-native{padding:8px 12px;margin-bottom:6px;gap:6px}.aw-workspace .aw-native h2{font-size:18px}.aw-workspace .aw-native p{margin:1px 0;font-size:10px}.aw-workspace .aw-native .aw-meta{display:none}.aw-workspace .aw-work-tools{margin-bottom:6px}.aw-focus details{font-size:11px;line-height:1.5}.aw-focus summary{color:var(--gold);cursor:pointer}
@media(min-width:1200px){
 .aw-workspace .aw-study-grid{grid-template-columns:minmax(0,2.8fr) minmax(310px,1fr)}
 .aw-workspace .aw-chart-column{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto auto auto;gap:10px;align-items:stretch}
 .aw-workspace .aw-chart-pair{display:contents}
 .aw-workspace .aw-primary{grid-column:1;grid-row:1/span 2;align-self:stretch}
 .aw-workspace .aw-chart:not(.aw-primary):not(.aw-secondary){grid-column:2;grid-row:1}
 .aw-workspace .aw-secondary{grid-column:2;grid-row:2;min-height:0}
 .aw-workspace .aw-chart>header{min-height:76px}
 .aw-workspace .aw-chart:not(.aw-primary) .chart-svg-box{display:flex;justify-content:center}
 /* Keep the comparison/D10 cards in their existing grid cells, but give the
    actual chart enough room for degree labels and planetary abbreviations. */
 .aw-workspace .aw-chart:not(.aw-primary) .chart-svg-box svg{width:min(100%,360px);height:auto}
 .aw-workspace .aw-positions{grid-column:1/-1;grid-row:3;display:flex;min-height:0;flex-direction:column;margin-top:0}
 .aw-workspace .aw-positions .aw-table-scroll{flex:1;min-height:0;max-height:min(38vh,380px)}
 .aw-workspace .aw-positions .aw-table td,.aw-workspace .aw-positions .aw-table th{padding:8px 4px;font-size:10px}
 .aw-workspace .aw-positions header{flex-wrap:wrap}
 .aw-workspace .aw-chart:not(.aw-primary) .chart-note{display:none}
}
@media(max-width:860px){.shell.analysis-sidebar-hidden{grid-template-columns:minmax(0,1fr)}.shell.analysis-sidebar-hidden .side{width:280px;padding:18px;border-right:1px solid var(--line)}.aw-workspace .aw-work-tools .btn:nth-child(2){display:none}}

/* ==========================================================================
   Native Dashboard: Enable Smooth Scrolling Across All Viewports & Devices
   ========================================================================== */

/* Enable fluid vertical scrolling on html & body for overview mode */
html:has(body.overview-mode),
body.overview-mode {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
  height: auto !important;
  min-height: 100vh !important;
  scrollbar-width: thin;
}

/* Modern slim scrollbars for desktop overview */
html:has(body.overview-mode)::-webkit-scrollbar,
body.overview-mode::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
html:has(body.overview-mode)::-webkit-scrollbar-thumb,
body.overview-mode::-webkit-scrollbar-thumb {
  background: var(--line, rgba(0, 0, 0, 0.2));
  border-radius: 4px;
}

/* Shell, main, and overview pane must allow content expansion and fluid scrolling */
body.overview-mode .shell {
  min-height: 100vh !important;
  height: auto !important;
  overflow: visible !important;
}

body.overview-mode .main {
  min-width: 0 !important;
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
}

body.overview-mode #overview {
  overflow: visible !important;
  height: auto !important;
  min-height: 0 !important;
}

/* Dashboard container fluid scrolling and touch gestures */
.aw-dashboard {
  min-width: 0;
  height: auto !important;
  overflow: visible !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
}

/* Let positions and table expand naturally instead of locking */
.aw-dashboard .aw-positions {
  height: auto !important;
  min-height: auto !important;
}
.aw-dashboard .aw-table-scroll {
  overflow-x: auto !important;
  overflow-y: visible !important;
  max-height: none !important;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y;
  scrollbar-width: thin;
}

.aw-dashboard .aw-table td,
.aw-dashboard .aw-table th {
  padding: 6.5px 7px;
}

/* ==========================================================================
   Chidra Dasha Notification & Explanatory Hover Card
   Kundali Workstation Page
   ========================================================================== */

.aw-chidra-notification {
  display: none !important;
  position: relative;
  margin: 0 0 10px;
  border-radius: 10px;
  background: var(--paper);
  border: 1px solid var(--line);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  outline: none;
  cursor: pointer;
  z-index: 25;
}

.aw-chidra-notification:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}

/* Active State: Glowing Amber/Gold Aura */
.aw-chidra-notification.aw-chidra-active {
  border-color: rgba(245, 158, 11, 0.65);
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.14) 0%, rgba(223, 177, 91, 0.08) 100%), var(--paper);
  box-shadow: 0 3px 14px rgba(245, 158, 11, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.aw-chidra-notification.aw-chidra-active:hover {
  border-color: var(--gold);
  box-shadow: 0 4px 20px rgba(245, 158, 11, 0.3);
}

/* Inactive State: Informational Status */
.aw-chidra-notification.aw-chidra-inactive {
  border-color: var(--line-subtle);
  background: var(--paper2);
}

.aw-chidra-notification.aw-chidra-inactive:hover {
  border-color: var(--line);
  background: var(--paper);
}

/* Compact mode for multi-chart view */
.aw-chidra-notification.aw-chidra-compact {
  margin: 4px 0;
  border-radius: 6px;
  font-size: 10px;
}

.aw-chidra-compact .aw-chidra-bar {
  padding: 4px 8px;
}

.aw-chidra-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 14px;
  padding: 9px 14px;
}

.aw-chidra-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.aw-chidra-active .aw-chidra-badge {
  color: #f59e0b;
}

.aw-chidra-inactive .aw-chidra-badge {
  color: var(--muted);
}

.aw-chidra-pulse {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #f59e0b;
  box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.7);
  animation: awChidraPulse 2s infinite;
  display: inline-block;
  flex-shrink: 0;
}

@keyframes awChidraPulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.7);
  }
  70% {
    transform: scale(1.1);
    box-shadow: 0 0 0 6px rgba(245, 158, 11, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(245, 158, 11, 0);
  }
}

.aw-chidra-icon {
  font-size: 14px;
  line-height: 1;
}

.aw-chidra-summary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  font-size: 12px;
  color: var(--ink);
}

.aw-chidra-flow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.aw-chidra-highlight {
  color: #f59e0b;
  background: rgba(245, 158, 11, 0.16);
  padding: 1px 7px;
  border-radius: 4px;
  border: 1px solid rgba(245, 158, 11, 0.35);
  font-weight: 800;
}

.aw-chidra-next {
  color: var(--ink2);
  font-size: 11px;
}

.aw-chidra-arrow {
  color: var(--gold);
  font-weight: 800;
}

.aw-chidra-dates {
  font-size: 11px;
  color: var(--muted);
  font-family: var(--font-mono);
}

.aw-chidra-sep {
  color: var(--line);
}

.aw-chidra-prompt {
  margin-left: auto;
}

.aw-chidra-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 10.5px;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 6px;
  border: 1px solid var(--line);
  background: var(--paper);
  color: var(--gold2);
  transition: all 0.2s ease;
}

.aw-chidra-notification:hover .aw-chidra-chip,
.aw-chidra-notification:focus-within .aw-chidra-chip,
.aw-chidra-notification.aw-card-open .aw-chidra-chip {
  background: var(--gold-subtle);
  border-color: var(--gold);
  color: var(--ink);
}

.aw-chidra-chip em {
  font-style: normal;
  font-size: 9.5px;
  color: var(--muted);
  font-weight: 400;
}

/* Floating Explanatory Hover Card */
.aw-chidra-hover-card {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  max-width: 720px;
  background: var(--navy2);
  border: 1px solid var(--gold);
  border-radius: 12px;
  padding: 16px 18px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.7), 0 0 20px rgba(223, 177, 91, 0.22);
  z-index: 100;
  backdrop-filter: blur(14px);
  color: var(--ink);
  pointer-events: auto;
  animation: awCardFadeIn 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes awCardFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px) scale(0.99);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Show on hover, focus-within, or open class */
.aw-chidra-notification:hover .aw-chidra-hover-card,
.aw-chidra-notification:focus-within .aw-chidra-hover-card,
.aw-chidra-notification.aw-card-open .aw-chidra-hover-card {
  display: block;
}

.aw-chc-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 10px;
  margin-bottom: 12px;
}

.aw-chc-title {
  font-size: 15px;
  font-weight: 800;
  color: var(--gold2);
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 3px;
}

.aw-chc-subtitle {
  font-size: 11px;
  color: var(--muted);
  margin: 0;
}

.aw-chc-badge {
  font-size: 10px;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

.aw-chc-badge.active {
  background: rgba(245, 158, 11, 0.22);
  color: #f59e0b;
  border: 1px solid rgba(245, 158, 11, 0.45);
}

.aw-chc-badge.inactive {
  background: var(--paper3);
  color: var(--muted);
  border: 1px solid var(--line-subtle);
}

.aw-chc-status-banner {
  background: var(--paper3);
  border-left: 3px solid var(--gold);
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 11.5px;
  line-height: 1.5;
  margin-bottom: 12px;
}

.aw-chc-status-banner strong {
  color: var(--gold2);
}

.aw-chc-section {
  margin-bottom: 12px;
}

.aw-chc-heading {
  font-size: 11.5px;
  font-weight: 800;
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 0.6px;
  margin: 0 0 7px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.aw-chc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.aw-chc-item {
  background: var(--paper);
  border: 1px solid var(--line-subtle);
  border-radius: 7px;
  padding: 8px 10px;
  font-size: 11px;
  line-height: 1.45;
}

.aw-chc-item b {
  display: block;
  color: var(--ink);
  font-size: 11px;
  margin-bottom: 3px;
}

.aw-chc-item span {
  color: var(--muted);
}

.aw-chc-advisory {
  background: rgba(16, 185, 129, 0.08);
  border: 1px solid rgba(16, 185, 129, 0.25);
  border-radius: 7px;
  padding: 9px 12px;
  font-size: 11px;
  line-height: 1.5;
  color: var(--ink2);
}

.aw-chc-advisory b {
  color: #34d399;
}

/* Timing panel badges */
.aw-chidra-pill {
  font-size: 9px;
  font-weight: 800;
  padding: 1px 5px;
  border-radius: 4px;
  background: rgba(245, 158, 11, 0.2);
  color: #f59e0b;
  border: 1px solid rgba(245, 158, 11, 0.4);
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
  letter-spacing: 0.3px;
}

.aw-pulse-pill {
  animation: awPillPulse 2s infinite ease-in-out;
}

@keyframes awPillPulse {
  0%, 100% { border-color: rgba(245, 158, 11, 0.4); }
  50% { border-color: #f59e0b; box-shadow: 0 0 6px rgba(245, 158, 11, 0.4); }
}

.aw-chidra-schedule-tag {
  font-size: 8.5px;
  font-weight: 800;
  padding: 1px 4px;
  border-radius: 3px;
  background: rgba(245, 158, 11, 0.16);
  color: #f59e0b;
  border: 1px solid rgba(245, 158, 11, 0.3);
  margin-left: 6px;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .aw-chidra-hover-card {
    position: fixed;
    top: auto;
    bottom: 10px;
    left: 10px;
    right: 10px;
    max-width: none;
    max-height: 80vh;
    overflow-y: auto;
  }
  .aw-chc-grid {
    grid-template-columns: 1fr;
  }
}