/* HeyFarma POS identity. Kept separate from the blue customer marketplace. */
@font-face {
    font-family: "Manrope";
    src: url("/static/fonts/heyfarma/Manrope-Variable.946beb949095.ttf") format("truetype");
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
}

@font-face {
    font-family: "Space Grotesk";
    src: url("/static/fonts/heyfarma/SpaceGrotesk-Variable.effdd4f91ca2.ttf") format("truetype");
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
}

.heyfarma-pos-theme {
    --pos-violet: #6a24e8;
    --pos-violet-dark: #5016bd;
    --pos-violet-deep: #381078;
    --pos-violet-soft: #f2ebff;
    --pos-violet-soft-strong: #e5d6ff;
    --pos-lime: #e6ff48;
    --pos-lime-soft: #f7ffd0;
    --pos-ink: #111318;
    --pos-muted: #666477;
    --pos-canvas: #faf9f5;
    --pos-surface: #ffffff;
    --pos-border: #dedbe5;
    font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight: 400;
    color: var(--pos-ink);
    background: var(--pos-canvas);
}

.heyfarma-pos-theme * {
    letter-spacing: 0;
}

.heyfarma-pos-theme h1,
.heyfarma-pos-theme h2,
.heyfarma-pos-theme h3,
.heyfarma-pos-theme h4,
.heyfarma-pos-theme h5,
.heyfarma-pos-theme h6 {
    font-family: "Manrope", system-ui, sans-serif;
    font-weight: 700;
    letter-spacing: 0;
}

.heyfarma-pos-theme button,
.heyfarma-pos-theme [role="button"],
.heyfarma-pos-theme .button {
    font-family: inherit;
    font-weight: 600;
    letter-spacing: 0;
}

.heyfarma-brand-lockup {
    display: inline-flex;
    min-width: 100px;
    align-items: center;
    padding: 4px;
    line-height: 0;
}

.heyfarma-brand-wordmark {
    display: block;
    width: auto;
    min-width: 100px;
    height: 24px;
    object-fit: contain;
}

.heyfarma-brand-wordmark--large {
    min-width: 154px;
    height: 36px;
}

.heyfarma-brand-symbol {
    display: block;
    width: 24px;
    min-width: 16px;
    height: 24px;
    min-height: 16px;
    object-fit: contain;
}

.heyfarma-brand-lockup img {
    filter: none;
    transform: none;
}

.heyfarma-pos-theme input:focus-visible,
.heyfarma-pos-theme select:focus-visible,
.heyfarma-pos-theme textarea:focus-visible,
.heyfarma-pos-theme button:focus-visible,
.heyfarma-pos-theme a:focus-visible {
    outline-color: rgb(106 36 232 / 28%);
}

.heyfarma-pos-theme ::selection {
    color: var(--pos-ink);
    background: var(--pos-lime);
}

/* Existing blue utilities become the POS violet scale on panel pages only. */
.heyfarma-pos-theme .text-sky-400,
.heyfarma-pos-theme .text-sky-500,
.heyfarma-pos-theme .text-sky-600,
.heyfarma-pos-theme .text-sky-700,
.heyfarma-pos-theme .text-sky-800,
.heyfarma-pos-theme .text-sky-900,
.heyfarma-pos-theme .text-sky-950,
.heyfarma-pos-theme .text-blue-400,
.heyfarma-pos-theme .text-blue-500,
.heyfarma-pos-theme .text-blue-600,
.heyfarma-pos-theme .text-blue-700,
.heyfarma-pos-theme .text-blue-800,
.heyfarma-pos-theme .text-blue-900 {
    color: var(--pos-violet) !important;
}

.heyfarma-pos-theme .bg-sky-50,
.heyfarma-pos-theme .bg-blue-50 {
    background-color: var(--pos-violet-soft) !important;
}

.heyfarma-pos-theme .bg-sky-100,
.heyfarma-pos-theme .bg-blue-100 {
    background-color: var(--pos-violet-soft-strong) !important;
}

.heyfarma-pos-theme .bg-sky-500,
.heyfarma-pos-theme .bg-sky-600,
.heyfarma-pos-theme .bg-sky-700,
.heyfarma-pos-theme .bg-blue-400,
.heyfarma-pos-theme .bg-blue-500,
.heyfarma-pos-theme .bg-blue-600,
.heyfarma-pos-theme .bg-blue-700,
.heyfarma-pos-theme .bg-blue-800 {
    color: #fff !important;
    background-color: var(--pos-violet) !important;
}

.heyfarma-pos-theme .border-sky-100,
.heyfarma-pos-theme .border-sky-200,
.heyfarma-pos-theme .border-sky-300,
.heyfarma-pos-theme .border-sky-400,
.heyfarma-pos-theme .border-sky-500,
.heyfarma-pos-theme .border-sky-600,
.heyfarma-pos-theme .border-blue-100,
.heyfarma-pos-theme .border-blue-200,
.heyfarma-pos-theme .border-blue-300,
.heyfarma-pos-theme .border-blue-400,
.heyfarma-pos-theme .border-blue-500,
.heyfarma-pos-theme .border-blue-600 {
    border-color: rgb(106 36 232 / 38%) !important;
}

.heyfarma-pos-theme .hover\:bg-sky-50:hover,
.heyfarma-pos-theme .hover\:bg-sky-100:hover,
.heyfarma-pos-theme .hover\:bg-blue-50:hover,
.heyfarma-pos-theme .hover\:bg-blue-100:hover {
    background-color: var(--pos-violet-soft) !important;
}

.heyfarma-pos-theme .hover\:bg-sky-600:hover,
.heyfarma-pos-theme .hover\:bg-sky-700:hover,
.heyfarma-pos-theme .hover\:bg-blue-600:hover,
.heyfarma-pos-theme .hover\:bg-blue-700:hover,
.heyfarma-pos-theme .hover\:bg-blue-800:hover {
    background-color: var(--pos-violet-dark) !important;
}

.heyfarma-pos-theme .hover\:text-sky-600:hover,
.heyfarma-pos-theme .hover\:text-sky-700:hover,
.heyfarma-pos-theme .hover\:text-sky-900:hover,
.heyfarma-pos-theme .hover\:text-blue-600:hover,
.heyfarma-pos-theme .hover\:text-blue-700:hover,
.heyfarma-pos-theme .hover\:text-blue-800:hover {
    color: var(--pos-violet-dark) !important;
}

.heyfarma-pos-theme .ring-sky-400,
.heyfarma-pos-theme .ring-sky-500,
.heyfarma-pos-theme .ring-sky-200,
.heyfarma-pos-theme .ring-blue-400,
.heyfarma-pos-theme .ring-blue-500,
.heyfarma-pos-theme .focus\:ring-sky-400:focus,
.heyfarma-pos-theme .focus\:ring-sky-500:focus,
.heyfarma-pos-theme .focus\:ring-sky-100:focus,
.heyfarma-pos-theme .focus\:ring-blue-100:focus,
.heyfarma-pos-theme .focus\:ring-blue-400:focus,
.heyfarma-pos-theme .focus\:ring-blue-500:focus,
.heyfarma-pos-theme .focus\:ring-blue-600:focus {
    --tw-ring-color: rgb(106 36 232 / 42%) !important;
}

.heyfarma-pos-theme .focus\:border-sky-400:focus,
.heyfarma-pos-theme .focus\:border-sky-500:focus,
.heyfarma-pos-theme .focus\:border-blue-400:focus,
.heyfarma-pos-theme .focus\:border-blue-500:focus {
    border-color: var(--pos-violet) !important;
}

.heyfarma-pos-theme .hover\:border-sky-200:hover,
.heyfarma-pos-theme .hover\:border-sky-300:hover,
.heyfarma-pos-theme .hover\:border-sky-400:hover,
.heyfarma-pos-theme .hover\:border-sky-500:hover,
.heyfarma-pos-theme .hover\:border-blue-300:hover {
    border-color: var(--pos-violet) !important;
}

.heyfarma-pos-theme .from-sky-500,
.heyfarma-pos-theme .from-sky-600,
.heyfarma-pos-theme .from-blue-500,
.heyfarma-pos-theme .from-blue-600,
.heyfarma-pos-theme .from-blue-700,
.heyfarma-pos-theme .from-blue-800 {
    --tw-gradient-from: var(--pos-violet) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(106 36 232 / 0%) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.heyfarma-pos-theme .to-sky-600,
.heyfarma-pos-theme .to-sky-700,
.heyfarma-pos-theme .to-blue-400,
.heyfarma-pos-theme .to-blue-600,
.heyfarma-pos-theme .to-blue-700,
.heyfarma-pos-theme .to-blue-800 {
    --tw-gradient-to: var(--pos-violet-dark) var(--tw-gradient-to-position) !important;
}

/* The old near-black primary buttons now belong to the purple POS identity. */
.heyfarma-pos-theme .bg-slate-950,
.heyfarma-pos-theme .bg-gray-950 {
    color: #fff !important;
    background-color: var(--pos-violet) !important;
}

.heyfarma-pos-theme .hover\:bg-slate-800:hover,
.heyfarma-pos-theme .hover\:bg-gray-800:hover {
    background-color: var(--pos-violet-dark) !important;
}

/* Shared operational components and sidebar states. */
.heyfarma-pos-theme .ops-page {
    --ops-border: var(--pos-border);
    --ops-muted: var(--pos-muted);
    --ops-ink: var(--pos-ink);
    --ops-surface: var(--pos-surface);
    --ops-soft: #f7f5fa;
}

.heyfarma-pos-theme .ops-workflow-action:hover,
.heyfarma-pos-theme .ops-workflow-action[data-active="true"],
.heyfarma-pos-theme .ops-workflow-action.is-active {
    border-color: rgb(106 36 232 / 52%);
    background: var(--pos-violet-soft);
}

.heyfarma-pos-theme .ops-workflow-action[data-active="true"],
.heyfarma-pos-theme .ops-workflow-action.is-active {
    box-shadow: inset 3px 0 0 var(--pos-violet);
}

.heyfarma-pos-theme .ops-workflow-icon {
    color: var(--pos-violet-deep);
    background: var(--pos-violet-soft-strong);
}

.heyfarma-pos-theme .panel-nav-summary:hover,
.heyfarma-pos-theme .panel-nav-group[open] > summary {
    color: var(--pos-ink);
    background: #f5f2fa;
}

.heyfarma-pos-theme .panel-subnav:hover {
    color: var(--pos-violet-dark);
    background: var(--pos-violet-soft);
}

.heyfarma-pos-theme .panel-subnav-active {
    color: var(--pos-violet-dark);
    background: var(--pos-violet-soft);
    box-shadow: inset 3px 0 0 var(--pos-lime);
}

.heyfarma-pos-theme .pos-step[data-state="active"] .pos-step-dot {
    color: #fff;
    border-color: var(--pos-violet);
    background: var(--pos-violet);
}

.heyfarma-pos-theme .pos-step[data-state="active"] .pos-step-label {
    color: var(--pos-violet-dark);
}

.heyfarma-pos-theme input[type="checkbox"],
.heyfarma-pos-theme input[type="radio"] {
    accent-color: var(--pos-violet);
}

/* Legacy catalog editor loaded after the main theme. */
.heyfarma-pos-theme .catalog-primary {
    color: #fff;
    border-color: var(--pos-violet);
    background: var(--pos-violet);
}

.heyfarma-pos-theme .catalog-primary:hover {
    border-color: var(--pos-violet-dark);
    background: var(--pos-violet-dark);
}

.heyfarma-pos-theme .catalog-control:focus,
.heyfarma-pos-theme .catalog-dialog select:focus {
    outline-color: rgb(106 36 232 / 35%);
}

.heyfarma-pos-theme .catalog-text-button {
    color: var(--pos-violet);
}

.heyfarma-pos-theme .catalog-lookup-option:hover,
.heyfarma-pos-theme .catalog-lookup-option:focus {
    background: var(--pos-violet-soft);
}

.heyfarma-pos-theme .catalog-issue-info {
    border-color: var(--pos-violet);
    background: var(--pos-violet-soft);
}

.heyfarma-pos-theme .catalog-input:focus {
    border-color: var(--pos-violet);
    outline-color: var(--pos-violet-soft-strong);
}

/* Lime is deliberately limited to small brand accents and never replaces status colors. */
.heyfarma-pos-theme .pos-brand-accent {
    color: var(--pos-ink);
    background: var(--pos-lime);
}