/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
*/

/* Accessible skip link: migrated to Tailwind utilities in layout */

/* Small spinner for status */
.spinner{ display:inline-block; width:12px; height:12px; border-radius:9999px;
  border:2px solid rgba(245,158,11,.35); border-top-color:#f59e0b; animation: spin .8s linear infinite; }
@keyframes spin{ to { transform: rotate(360deg); } }

/* If spinner also has .hidden, force-hide it without affecting other Tailwind utilities */
.spinner.hidden{ display:none !important; }

@keyframes pulse{
  0%, 100%{ transform:scale(1); opacity:1; }
  50%{ transform:scale(1.15); opacity:.6; }
}

/* Payments page accent + UI tokens (global, lightweight) */
:root{ --accent: #fe5f0a; }



/* Removed legacy .pp-input/.pp-input-sm in favor of Tailwind utility classes */

/* Payment page enhancements */
/* payment toast migrated to Tailwind utilities in view/controller */

/* address blocks migrated to Tailwind */

/* status chip migrated to Tailwind */

/* status dot migrated to Tailwind */


/* sticky bar migrated to Tailwind */




/* Compact definition list for key/value cards */
.kv dl{ display:grid; grid-template-columns: 1fr; row-gap:.5rem; }
@media (min-width: 640px){ .kv dl{ grid-template-columns: 1.2fr 2fr; column-gap:1rem; } }
.kv dt{ font-size:.72rem; letter-spacing:.06em; color:#64748b; text-transform:uppercase; }
.kv dd{ font-size:.95rem; color:#0f172a; display:flex; align-items:center; justify-content:space-between; gap:.5rem; }
.kv .mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; }
.kv .pill{ display:inline-flex; align-items:center; padding:.25rem .45rem; border-radius:.5rem; background:#f1f5f9; border:1px solid #e2e8f0; }
.kv .break{ word-break: break-word; overflow-wrap:anywhere; }
@media (hover:hover){
  .kv dd .copy{ opacity: 0; transition: opacity .15s ease; }
  .kv dd:hover .copy{ opacity: 1; }
}
/* details summary reset */
details.summary-card{ border-radius:.75rem; }
details.summary-card > summary{ list-style:none; cursor:pointer; }
details.summary-card > summary::-webkit-details-marker{ display:none; }