/* Geometry for the board; its cards, inputs, buttons and status pills use the shared AE components. */
.ae-demo-board { min-width: 0; }
.ae-board-toolbar { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 12px; }
.ae-board-toolbar > div { min-width: 150px; }
.ae-board-toolbar .ae-board-search { flex: 1 1 250px; max-width: 380px; }
.ae-board-toolbar > button { height: 42px; font-size: 14px; line-height: 20px; }
.ae-board-guide { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin: 20px 0 14px; font-size: 12px; }
.ae-board-guide strong { font-weight: 600; }
.ae-board-scroll { overflow-x: auto; padding-bottom: 16px; }
.ae-board-columns { display: grid; grid-template-columns: repeat(7, minmax(268px, 1fr)); align-items: start; gap: 12px; min-width: 1948px; }
.ae-board-column { background: #eef0f4; border: 1px solid #dde1e9; border-radius: 10px; min-height: 440px; }
.ae-board-column-header { padding: 17px 14px 13px; }
.ae-board-column-header h3 { font-size: 13px; font-weight: 600; color: #284363; flex: 1; }
.ae-board-column-header p { font-size: 11px; color: #6b7280; margin-top: 7px; }
.ae-board-phase-dot { width: 6px; height: 6px; border-radius: 50%; flex: none; background: #6b7280; }
.ae-board-phase-info { background: #025f9c; }.ae-board-phase-warn { background: #92590a; }.ae-board-phase-ok { background: #026b3e; }
.ae-board-card-list { padding: 0 9px 12px; min-height: 345px; }
.ae-board-card { margin-bottom: 9px; position: relative; }
.ae-board-card:last-child { margin-bottom: 0; }
.ae-board-card:hover > div { border-color: #9dc7df; }
.ae-board-card .ae-board-card-body { padding: 14px; }
.ae-board-yard-name { color: #284363; font-size: 13px; font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; flex: 1; }
.ae-board-yard-name:hover { color: #025f9c; text-decoration: underline; }
.ae-board-drag { color: #6b7280; cursor: grab; padding-left: 6px; font-size: 18px; line-height: 1; }
.ae-board-location { font-size: 11px; color: #6b7280; margin-top: 4px; }
.ae-board-card-status { font-size: 11.5px; line-height: 1.45; padding-top: 13px; color: #4b5563; }
.ae-board-card-attention { color: #92590a; }
.ae-board-card-date { font-size: 11px; margin-top: 7px; color: #4b5563; }
.ae-board-card-owner { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 13px; font-size: 10.5px; color: #6b7280; }
.ae-board-avatar { width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 600; background: #d1eaf7; color: #025f9c; }
.ae-board-card-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid #eef0f4; margin-top: 12px; padding-top: 10px; font-size: 11px; color: #025f9c; }
.ae-board-move-menu { position: relative; }
.ae-board-move-menu summary { list-style: none; cursor: pointer; font-weight: 600; padding: 3px 0; }
.ae-board-move-menu summary::-webkit-details-marker { display: none; }
.ae-board-move-options { position: absolute; z-index: 20; left: -4px; top: 100%; width: 205px; padding: 5px; background: white; border: 1px solid #dde1e9; border-radius: 7px; box-shadow: 0 8px 20px #28436318; }
.ae-board-move-options a { display: block; padding: 9px; border-radius: 4px; }
.ae-board-move-options a:hover { background: #f5f9fc; }
.ae-board-more-actions:hover { text-decoration: underline; }
.ae-board-empty { padding: 34px 12px; text-align: center; font-size: 12px; color: #6b7280; border: 1px dashed #dde1e9; border-radius: 8px; }
.ae-board-column-reserved { background: #f5f6fa; border-style: dashed; }
.ae-board-reserved-note { margin: 14px; padding: 25px 10px; font-size: 11.5px; color: #6b7280; line-height: 1.65; }
.ae-board-reserved-note strong { font-weight: 500; }
.ae-board-reserved-note p { margin-top: 5px; }
.ae-board-column-footer { text-align: center; padding: 0 10px 12px; }
.ae-board-verification { margin-bottom: 18px; border: 1px solid #f2e3c8; border-radius: 8px; padding: 14px; background: #fef3e2; font-size: 12px; }
.ae-board-verification summary { cursor: pointer; font-weight: 600; color: #92590a; }
.ae-board-verification > p { margin-top: 8px; }.ae-board-verification-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px; margin-top: 12px; }
.ae-board-announcement:not(:empty) { margin-bottom: 14px; padding: 12px 14px; border-radius: 8px; border: 1px solid #dde1e9; background: white; font-size: 12px; }
.ae-board-transition-intro { padding: 20px; background: #f5f9fc; border-bottom: 1px solid #eef0f4; }
.ae-board-form-section { padding: 20px; border-bottom: 1px solid #eef0f4; }
.ae-board-form-section[hidden], .ae-board-transition-form [hidden] { display: none; }
.ae-board-form-section h3 { font-size: 13px; font-weight: 600; color: #284363; margin-bottom: 12px; }
.ae-board-form-help { font-size: 11.5px; color: #6b7280; line-height: 1.6; margin-bottom: 12px; }
.ae-board-email-choice { padding: 14px; border: 1px solid #dde1e9; border-radius: 8px; font-size: 12px; margin-top: 12px; }
.ae-board-email-preview { padding: 12px 0 0; font-size: 11.5px; line-height: 1.6; overflow-wrap: anywhere; }
.ae-board-confirm-footer { position: sticky; bottom: 0; display: flex; justify-content: flex-end; gap: 10px; padding: 16px 20px; background: white; border-top: 1px solid #dde1e9; }
.ae-board-transition-form [role=alert]:not([hidden]) { color: #a52d1e; background: #fef3e2; font-size: 12px; }
.ae-board-drag-ghost { opacity: .35; }.ae-board-drag-chosen { cursor: grabbing; }
.ae-board-scroll:focus-visible, .ae-board-card a:focus-visible, .ae-board-move-menu summary:focus-visible { outline: 2px solid #025f9c; outline-offset: 3px; }
@media (max-width: 640px) { .ae-board-toolbar > div, .ae-board-toolbar .ae-board-search { flex: 1 1 100%; max-width: none; }.ae-board-columns { grid-template-columns: repeat(7, 270px); min-width: 1962px; }.ae-board-guide { margin-top: 14px; } }
@media (prefers-reduced-motion: reduce) { .ae-demo-board * { scroll-behavior: auto; transition: none; } }
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Daily Work Queue geometry stays inside its mini-app. Colors use existing ISR tokens. */
@layer components {
  .isr-queue [hidden] { display: none !important; }
  .isr-queue-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 1.2fr); }
  .isr-queue-metric { @apply relative min-w-0 p-4; }
  .isr-queue-metric-trigger { position: absolute; inset: 0; width: 100%; padding: 0; border-radius: 0; }
  .isr-queue-metric-trigger:hover { @apply bg-shopearl-blue/5; }
  .isr-queue-metric-trigger:focus-visible { @apply outline outline-2 -outline-offset-2 outline-shopearl-blue; }
  .isr-queue-metric + .isr-queue-metric { @apply border-l border-shopearl-border; }
  .isr-queue-sparkline { display: flex; gap: 3px; height: 55px; }
  .isr-queue-spark-bucket { display: flex; flex: 1; min-width: 0; flex-direction: column; text-align: center; gap: 4px; }
  .isr-queue-spark-track { display: flex; align-items: end; justify-content: center; height: 36px; }
  .isr-queue-grid { display: grid; grid-template-columns: minmax(280px, 0.38fr) minmax(0, 1fr); gap: 20px; align-items: start; }
  .isr-queue-rail { position: sticky; top: 0; }
  .isr-queue-rail [data-segmented-active] { @apply whitespace-nowrap px-2; flex-shrink: 0; }
  .isr-queue-rail-scroll { max-height: calc(100vh - 300px); min-height: 220px; overflow-y: auto; }
  .isr-queue-account { @apply border-shopearl-border bg-white transition-colors hover:bg-shopearl-hover-blue; }
  .isr-queue-account[aria-pressed="true"] { @apply border-shopearl-blue bg-shopearl-sched-bg; }
  .isr-queue-account:focus-visible, .isr-queue-customer-name:focus-visible, .isr-queue-page-tab:focus-visible,
  .isr-queue-order summary:focus-visible { @apply outline outline-2 outline-offset-2 outline-shopearl-blue; }
  .isr-queue-customer-name { @apply underline decoration-shopearl-border underline-offset-4 hover:text-shopearl-blue; }
  .isr-queue-page-tab { @apply whitespace-nowrap border-b-2 border-transparent pb-3 pt-2 text-sm font-medium text-shopearl-muted; }
  .isr-queue-page-tab.is-active { @apply border-shopearl-blue text-shopearl-blue; }
  .isr-queue-account-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .isr-queue-account-stats > div + div { @apply border-l border-shopearl-hairline; }
  .isr-queue-bottom-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 16px; align-items: start; }
  .isr-queue-table { border-radius: 0; box-shadow: none; }
  .isr-queue-drawer { max-width: 880px; }
  .isr-queue[data-queue-drawer-mode="metric"] .isr-queue-drawer { max-width: 720px; }
  /* Below 880px the panel covers the backdrop, so a loading/failed body still needs a close. */
  .isr-queue-drawer:has([data-controller~="isr-queue-customer"]) .isr-queue-drawer-close { display: none; }
  .isr-queue-drawer:has([data-isr-queue-action-target="layer"]:not(.hidden)) .isr-queue-drawer-close { display: none; }
  .isr-queue-drawer [data-segmented-active] { white-space: nowrap; flex-shrink: 0; }
  .isr-queue-drawer-tabs { scrollbar-width: thin; }
  .isr-queue-back { display: none; }
  .isr-queue-history { @apply space-y-5 text-xs; }
  .isr-queue-history li { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 14px; position: relative; }
  .isr-queue-history li::before { content: ''; position: absolute; left: 70px; top: 4px; width: 7px; height: 7px; border-radius: 50%; @apply bg-shopearl-blue; }
  .isr-queue-history li:not(:last-child)::after { content: ''; position: absolute; left: 73px; top: 15px; bottom: -17px; @apply border-l border-shopearl-hairline; }
  .isr-queue-lifecycle-stage { @apply flex-1 shrink-0 rounded-md border border-shopearl-border bg-shopearl-surface px-3 py-2 text-center text-xs text-shopearl-muted; min-width: 100px; }
  .isr-queue-lifecycle-stage span { display: block; margin-top: 3px; font-size: 10px; }
  .isr-queue-lifecycle-stage.is-current { @apply border-yellow-400 bg-yellow-100 font-semibold text-yellow-800; }
  .isr-queue-lifecycle-stage.is-risk { @apply border-dashed border-red-400 bg-white text-red-700; }
  .isr-queue-lifecycle-facts > div { @apply border-b border-r border-shopearl-hairline; }
  .isr-queue-order summary { list-style: none; }
  .isr-queue-order summary::-webkit-details-marker { display: none; }
  .isr-queue-order[open] .isr-queue-order-chevron { transform: rotate(180deg); }
  .isr-queue-issue-facts { grid-template-columns: 100px minmax(0, 1fr); }
  .isr-queue-issue-steps li { position: relative; padding-top: 16px; @apply border-t-2 border-shopearl-blue; }
  .isr-queue-issue-steps li::before { content: ''; width: 8px; height: 8px; position: absolute; top: -5px; left: 0; border-radius: 50%; @apply bg-shopearl-blue; }
  .isr-queue-issue-steps li:last-child { border-top-color: transparent; }
  .isr-queue-issue-steps li.is-pending-link { @apply border-shopearl-check-empty; }
  .isr-queue-issue-steps li.is-pending::before { @apply border-2 border-shopearl-check-empty bg-white; }
  .isr-queue-issue-steps li.is-replaced::before { @apply bg-shopearl-success; }
  .isr-queue-timeline { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 12px; }
  .isr-queue-timeline-labels { @apply text-[10px] font-semibold uppercase tracking-wider text-shopearl-muted; display: flex; flex-direction: column; justify-content: end; gap: 22px; }
  .isr-queue-timeline-plot { position: relative; min-width: 0; }
  .isr-queue-timeline-line { position: relative; height: 2px; @apply bg-shopearl-border; }
  .isr-queue-event { position: absolute; width: 8px; height: 8px; top: -3px; transform: translateX(-50%); border-radius: 50%; }
  .isr-queue-today, .isr-queue-joined { position: absolute; top: 22px; bottom: -12px; @apply border-l border-shopearl-body; }
  .isr-queue-joined { @apply border-dashed border-shopearl-border; }
  .isr-queue-today span { position: absolute; bottom: -17px; transform: translateX(-50%); @apply text-[10px] font-semibold text-shopearl-heading; }
  .isr-queue-risk { position: absolute; top: 16px; height: 14px; @apply border-l-2 border-red-600; }
  @media (max-width: 1279px) {
    .isr-queue-grid { display: block; }
    .isr-queue-back { display: block; margin-bottom: 16px; }
    .isr-queue-rail { position: static; }
    .isr-queue-rail-scroll { max-height: 65vh; }
    .isr-queue[data-queue-screen="list"] .isr-queue-details { display: none; }
    .isr-queue[data-queue-screen="details"] .isr-queue-rail { display: none; }
  }
  @media (max-width: 1023px) {
    .isr-queue-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .isr-queue-metric + .isr-queue-metric { border-left: 0; }
    .isr-queue-metric { @apply border-b border-shopearl-border; }
    .isr-queue-metric:last-child { grid-column: 1 / -1; border-bottom: 0; }
    .isr-queue-bottom-grid { grid-template-columns: minmax(0, 1fr); }
  }
  @media (max-width: 639px) {
    .isr-queue-metrics { grid-template-columns: minmax(0, 1fr); }
    .isr-queue-account-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .isr-queue-account-stats > div + div { border-left: 0; }
    .isr-queue-account-stats > div { @apply border-b border-shopearl-hairline; }
    .isr-queue-issue-facts { grid-template-columns: minmax(0, 1fr); }
    .isr-queue-kpi > div { padding-left: 16px; padding-right: 16px; }
    .isr-queue-order summary { display: grid; grid-template-columns: 38px minmax(0, 1fr) 14px; align-items: start; }
    .isr-queue-order summary > span:first-child { grid-column: 1; grid-row: 1; }
    .isr-queue-order summary > span:nth-child(2) { grid-column: 2; grid-row: 1; }
    .isr-queue-order summary > span:nth-child(3) { grid-column: 2; grid-row: 2; text-align: left; }
    .isr-queue-order summary > span:nth-child(4) { grid-column: 3; grid-row: 1; }
  }
}

/* Override Tailwind container max-width to match Partner Portal behavior */
/* Content expands to fill available space with fixed gutters */
@layer utilities {
  .container {
    max-width: none;
  }
}

/* Heat Map Styling */
.heat-map-cell {
  min-width: 60px;
  min-height: 32px;
  transition: all 0.2s ease-in-out;
}

.heat-map-cell:hover {
  transform: scale(1.1);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Heat Map Intensity Colors (Blue gradient) */
.heat-map-intensity-0 {
  background-color: #f8fafc; /* gray-50 - no activity */
}

.heat-map-intensity-1 {
  background-color: #dbeafe; /* blue-100 - minimal activity */
}

.heat-map-intensity-2 {
  background-color: #93c5fd; /* blue-300 - low activity */
}

.heat-map-intensity-3 {
  background-color: #3b82f6; /* blue-500 - medium activity */
}

.heat-map-intensity-4 {
  background-color: #1d4ed8; /* blue-700 - high activity */
}

/* Department Analytics Expandable Sections */
.expand-icon {
  transition: transform 0.2s ease-in-out;
}

.expand-icon.expanded {
  transform: rotate(180deg);
}

/* Performance Chart Styles - Stripe-like Design */
.performance-toggle-btn {
  @apply text-gray-600 border-gray-300 bg-white hover:bg-gray-50;
  transition: all 0.15s ease;
  font-weight: 500;
}

.performance-toggle-btn.active {
  @apply bg-gradient-to-r from-blue-50 to-indigo-50 text-blue-700 border-blue-300;
  box-shadow: 0 1px 2px rgba(59, 130, 246, 0.1);
}

.performance-toggle-btn:hover:not(.active) {
  @apply border-gray-400;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Chart.js Canvas Container */
canvas {
  max-width: 100%;
  height: auto !important;
}

/* Performance Chart Card Hover Effect */
.bg-white.rounded-xl:hover {
  box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}

/* Smooth number transitions */
[data-stat] {
  transition: all 0.3s ease;
}

/* Markdown prose styles for data decisions page */
.prose-sm code {
  @apply bg-gray-100 px-1.5 py-0.5 rounded text-sm font-mono text-gray-800;
}

.prose-sm pre {
  @apply bg-gray-900 rounded-lg p-4 overflow-x-auto;
}

.prose-sm pre code {
  @apply bg-transparent text-green-400 p-0;
}

.prose-sm ul {
  @apply list-disc pl-5 space-y-1;
}

.prose-sm ol {
  @apply list-decimal pl-5 space-y-1;
}

.prose-sm strong {
  @apply font-semibold text-gray-900;
}

.prose-sm p {
  @apply mb-2;
}

/* Response preview — larger spacing between paragraphs/lists */
.response-preview p {
  @apply mb-4;
}

.response-preview p:last-child {
  @apply mb-0;
}

.response-preview ol {
  @apply list-decimal pl-5 space-y-1 mb-4;
}

.response-preview ol:last-child {
  @apply mb-0;
}

/* Careers Hero Animated Orbs */
@keyframes careers-float {
  0%, 100% { transform: translate(0, 0) scale(1); }
  25% { transform: translate(30px, -50px) scale(1.1); }
  50% { transform: translate(-20px, 20px) scale(0.95); }
  75% { transform: translate(40px, 30px) scale(1.05); }
}

.careers-orb {
  animation: careers-float 20s ease-in-out infinite;
  will-change: transform;
}

@keyframes careers-fade-up {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

.careers-fade-up {
  animation: careers-fade-up 0.8s ease-out forwards;
  opacity: 0;
}

.careers-fade-up-delay-1 { animation-delay: 0.1s; }
.careers-fade-up-delay-2 { animation-delay: 0.25s; }
.careers-fade-up-delay-3 { animation-delay: 0.4s; }
/* Styles for expandable content component */
/* Used for AI summaries and other collapsible sections */

[data-controller="expandable-content"] [data-expandable-content-target="content"] {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

[data-controller="expandable-content"] [data-expandable-content-target="content"].expanded {
  transition: max-height 0.3s ease-in;
}

[data-controller="expandable-content"] [data-expandable-content-target="icon"] {
  transition: transform 0.3s ease;
}
/* Inventory Helper Custom Styles */

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in {
  animation: fadeIn 0.3s ease-out;
}

/* Enhanced form input focus styles */
input[type="text"]:focus {
  box-shadow: 0 0 0 3px rgba(251, 146, 60, 0.1);
  transition: box-shadow 0.2s ease-in-out;
}

/* Button hover enhancements */
button[type="submit"] {
  transition: all 0.2s ease-in-out;
}

button[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Card hover effects */
.hover\:bg-gray-50 {
  transition: background-color 0.2s ease-in-out;
}

/* Badge animations */
.inline-flex.rounded-full {
  transition: transform 0.2s ease-in-out;
}

.inline-flex.rounded-full:hover {
  transform: scale(1.05);
}

.ka-recovery-scroll { overflow-x: auto; overscroll-behavior-x: contain; scrollbar-gutter: stable; }
.ka-recovery-board { display: grid; grid-template-columns: repeat(6, minmax(240px, 1fr)); gap: 12px; }
.ka-recovery-board > section { display: flex; flex-direction: column; }
.ka-recovery-column { flex: 1; min-height: 240px; display: flex; flex-direction: column; gap: 8px; padding-bottom: 30px; }
.ka-recovery-card { cursor: grab; touch-action: pan-y; overflow-wrap: anywhere; transition: box-shadow 150ms, opacity 150ms; }
.ka-recovery-card:active { cursor: grabbing; }
.ka-recovery-card[data-pending="true"] { cursor: progress; opacity: .7; }
.ka-recovery-ghost { opacity: .2; }
.ka-recovery-chosen { box-shadow: 0 8px 25px rgb(0 0 0 / .12); }
.ka-recovery-fallback { opacity: .95; transform: rotate(1deg); z-index: 190 !important; }
.ka-recovery-timeline li { position: relative; }
.ka-recovery-timeline li::before { content: ""; position: absolute; left: -21px; top: 3px; height: 8px; width: 8px; border-radius: 50%; background: #284363; box-shadow: 0 0 0 3px white; }
.ka-recovery-timeline li:last-child::before { background: #e8a33d; }
.ka-recovery-column:not(:has(.ka-recovery-card))::before { content: "No recoveries"; text-align: center; padding: 30px 8px; color: #7c828d; font-size: 12px; pointer-events: none; }
[data-ka-recovery-board-available-value="false"] .ka-recovery-column:not(:has(.ka-recovery-card))::before { content: "Unavailable"; }
@media (prefers-reduced-motion: reduce) { .ka-recovery-card { transition: none; } .ka-recovery-fallback { transform: none; } }
/* Queue Kanban Drag and Drop Styles */

/* Prevent action buttons from being clickable during drag */
.dragging .action-buttons {
  pointer-events: none;
  opacity: 0.5;
}

/* Visual feedback during drag operations */
.dragging {
  transform: rotate(2deg);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

/* Ghost element (placeholder where item will be dropped) */
.sortable-ghost {
  opacity: 0.4 !important;
  background-color: #f3f4f6 !important;
  border: 2px dashed #d1d5db !important;
}

/* Chosen element (item being dragged) */
.sortable-chosen {
  opacity: 1 !important;
  box-shadow: 0 0 0 2px #3b82f6, 0 0 10px rgba(59, 130, 246, 0.3) !important;
  cursor: grabbing !important;
}

/* Drag state (follows mouse) */
.sortable-drag {
  opacity: 0 !important;
}

/* Column highlight when dragging over */
.kanban-column:hover {
  background-color: rgba(59, 130, 246, 0.02);
}

/* Ensure proper spacing for drag operations */
.kanban-column .space-y-3 > * + * {
  margin-top: 0.75rem;
}

/* Make queue items look draggable */
[data-queue-item-id] {
  cursor: grab;
  user-select: none;
}

[data-queue-item-id]:active {
  cursor: grabbing;
}

/* Ensure buttons inside cards are still clickable */
[data-queue-item-id] button,
[data-queue-item-id] a {
  cursor: pointer;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

/* Custom header size for exactly 28px */
.text-header-28 {
  font-size: 28px;
  line-height: 1.2;
}

/* Enhanced tooltip styles */
[data-controller="tooltip"] {
  cursor: help;
  position: relative;
}

[data-controller="tooltip"]:hover {
  color: #374151; /* text-gray-700 */
}

/* Task description styling */
.task-description {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Partner help widget wave animation */
@keyframes wave {
  0%, 100% { transform: rotate(0deg); }
  25% { transform: rotate(20deg); }
  75% { transform: rotate(-10deg); }
}
.animate-wave {
  animation: wave 1.5s ease-in-out infinite;
  transform-origin: 70% 70%;
  display: inline-block;
}