@layer components{.crm{--rule:color-mix(in srgb, var(--color-bone30) 55%, transparent);--rule-soft:color-mix(in srgb, var(--color-bone30) 28%, transparent);--raise:color-mix(in srgb, var(--color-bone) 4%, transparent);--row-hover:color-mix(in srgb, var(--color-bone) 5%, transparent);background:var(--color-iron);color:var(--color-bone60);font-family:var(--font-sans);min-height:100dvh}.crm-display{font-family:var(--font-display);text-transform:uppercase;color:var(--color-bone);letter-spacing:.06em;font-weight:500;line-height:1.05}.crm-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--color-bone60);font-size:.6875rem;font-weight:500}.crm-micro{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--color-bone60);white-space:nowrap;font-size:.625rem;font-weight:500}.crm-num{font-family:var(--font-display);color:var(--color-bone);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-weight:500}.crm-panel{background:var(--color-surface);border:1px solid var(--rule-soft);border-radius:.75rem}.crm-hair{border-color:var(--rule-soft)}.crm-table{border-collapse:separate;border-spacing:0;width:100%}.crm-table thead th{z-index:2;background:var(--color-iron);border-bottom:1px solid var(--rule);text-align:left;white-space:nowrap;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--color-bone60);padding:.625rem .75rem;font-size:.6875rem;font-weight:500;position:sticky;top:0}.crm-table tbody td{border-bottom:1px solid var(--rule-soft);color:var(--color-bone60);vertical-align:middle;padding:.6875rem .75rem;font-size:.875rem}.crm-table tbody tr:hover td{background:var(--row-hover)}.crm-table tbody tr:last-child td{border-bottom:0}.crm-table td.is-num{font-variant-numeric:tabular-nums;text-align:right}.crm-table td.is-key{color:var(--color-bone)}.crm-chip{background:color-mix(in srgb, currentColor 12%, transparent);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;border-left:2px solid;border-radius:0 .25rem .25rem 0;align-items:center;gap:.375rem;padding:.1875rem .5rem .1875rem .4375rem;font-size:.625rem;font-weight:500;display:inline-flex}.crm-chip-live{color:var(--color-lift)}.crm-chip-paid{color:#5fa872}.crm-chip-hold{color:#c9a93b}.crm-chip-rejected{color:#c4566a}.crm-chip-idle{color:var(--color-bone60)}.crm-input,.crm-select{background:var(--color-pressed);border:1px solid var(--rule-soft);color:var(--color-bone);font-family:var(--font-sans);border-radius:.375rem;width:100%;padding:.4375rem .625rem;font-size:.875rem}.crm-input::placeholder{color:var(--color-bone30)}.crm-input:hover,.crm-select:hover{border-color:var(--rule)}.crm-btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:background-color .16s var(--ease-out-expo), border-color .16s var(--ease-out-expo), color .16s var(--ease-out-expo);border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.75rem;font-weight:500;display:inline-flex}.crm-btn-primary{background:var(--color-bone);color:var(--color-iron)}.crm-btn-primary:hover{background:#fffdf7}.crm-btn-ghost{border-color:var(--rule);color:var(--color-bone60);background:0 0}.crm-btn-ghost:hover{border-color:var(--color-bone60);color:var(--color-bone)}.crm-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width:767px),(pointer:coarse){.crm-btn,.crm-input,.crm-select,.crm-table select{min-height:44px}.crm-label{font-size:.75rem}.crm-micro{white-space:normal;font-size:.6875rem}.crm-chip{padding:.25rem .5rem .25rem .4375rem;font-size:.6875rem}.crm-input,.crm-select,textarea.crm-input{font-size:16px}}.crm :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-lift);outline-offset:2px;border-radius:.25rem}.crm-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.crm-scroll::-webkit-scrollbar{width:10px;height:10px}.crm-scroll::-webkit-scrollbar-thumb{background:var(--rule-soft);border-radius:999px}.crm-scroll::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){.crm *,.crm :before,.crm :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}}
