@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}

[x-cloak] { display: none !important; }

html {
    scroll-behavior: smooth;
}

.theme-aurora {
    background:
        radial-gradient(circle at top left, rgba(245, 182, 56, 0.10), transparent 28rem),
        radial-gradient(circle at top right, rgba(7, 27, 61, 0.07), transparent 34rem),
        linear-gradient(135deg, #f5f7fb 0%, #ffffff 48%, #eef3fa 100%);
}

.theme-aurora a,
.theme-aurora button {
    transition-property: color, background-color, border-color, box-shadow, transform, opacity;
    transition-duration: 180ms;
    transition-timing-function: ease-out;
}

.theme-aurora input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.theme-aurora select,
.theme-aurora textarea {
    border-color: rgba(203, 213, 225, 0.95);
    background-color: rgba(255, 255, 255, 0.94);
    color: #071b3d;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.theme-aurora input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
.theme-aurora select:focus,
.theme-aurora textarea:focus {
    border-color: #60a5fa;
    box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.16), 0 12px 30px rgba(7, 27, 61, 0.07);
}

.theme-aurora input[type="checkbox"],
.theme-aurora input[type="radio"] {
    accent-color: #071b3d;
}

.theme-aurora table {
    border-collapse: separate;
    border-spacing: 0;
}

.theme-aurora th,
.theme-aurora td {
    padding-left: 0.9rem;
    padding-right: 0.9rem;
}

.theme-aurora th {
    font-weight: 800;
    letter-spacing: 0.055em;
}

.theme-aurora td {
    color: #334155;
}

.theme-aurora [class*="rounded-3xl"][class*="bg-white"] {
    backdrop-filter: blur(18px);
}

.theme-aurora main > section .rounded-3xl.border.border-slate-200.bg-white.p-6.shadow-sm {
    border-color: rgba(199, 210, 254, 0.72);
    background:
        radial-gradient(circle at top left, rgba(34, 211, 238, 0.09), transparent 18rem),
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.86) 48%, rgba(236, 254, 255, 0.62));
    box-shadow: 0 18px 50px rgba(79, 70, 229, 0.09), 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

.theme-aurora main > section form[wire\:submit\.prevent] {
    border: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

.theme-aurora main > section form[wire\:submit\.prevent].grid {
    align-items: end;
}

.theme-aurora main > section form[wire\:submit\.prevent] > .grid,
.theme-aurora main > section form[wire\:submit\.prevent] > [class*="grid"] {
    align-items: end;
}

.theme-aurora main > section form[wire\:submit\.prevent] label[class*="border-slate-200"],
.theme-aurora main > section form[wire\:submit\.prevent] .rounded-2xl.border.border-slate-200.bg-slate-50 {
    border-color: rgba(199, 210, 254, 0.92);
    background-color: rgba(255, 255, 255, 0.78);
    box-shadow: 0 1px 2px rgba(79, 70, 229, 0.06);
}

.theme-aurora main > section form[wire\:submit\.prevent] input::placeholder,
.theme-aurora main > section form[wire\:submit\.prevent] textarea::placeholder {
    color: #94a3b8;
}

.theme-aurora main > section button[class*="bg-slate-950"],
.theme-aurora main > section button[class*="bg-emerald-600"] {
    border: 0;
    background-image: linear-gradient(135deg, #071b3d 0%, #0a2b5f 100%);
    color: #ffffff;
    box-shadow: 0 14px 30px rgba(7, 27, 61, 0.18);
}

.theme-aurora main > section button[class*="bg-slate-950"]:hover,
.theme-aurora main > section button[class*="bg-emerald-600"]:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 40px rgba(7, 27, 61, 0.24);
    filter: saturate(1.08);
}

.theme-aurora main > section input[data-shortcut="search"],
.theme-aurora main > section input[placeholder*="Search" i] {
    border-color: rgba(203, 213, 225, 0.95);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 24px rgba(7, 27, 61, 0.05);
}

.customer-colorful {
    background:
        radial-gradient(circle at 8% 8%, rgba(34, 211, 238, 0.28), transparent 18rem),
        radial-gradient(circle at 92% 18%, rgba(217, 70, 239, 0.22), transparent 20rem),
        radial-gradient(circle at 50% 100%, rgba(251, 191, 36, 0.22), transparent 22rem),
        linear-gradient(135deg, #ecfeff 0%, #ffffff 40%, #fdf4ff 100%);
}

.theme-aurora .customer-colorful input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.theme-aurora .customer-colorful select,
.theme-aurora .customer-colorful textarea {
    border-color: rgba(124, 58, 237, 0.22) !important;
    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(135deg, rgba(34, 211, 238, 0.65), rgba(168, 85, 247, 0.45), rgba(251, 191, 36, 0.55)) border-box !important;
    box-shadow: 0 10px 24px rgba(79, 70, 229, 0.08) !important;
}

.theme-aurora .customer-colorful input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
.theme-aurora .customer-colorful select:focus,
.theme-aurora .customer-colorful textarea:focus {
    border-color: rgba(6, 182, 212, 0.75) !important;
    box-shadow: 0 0 0 4px rgba(34, 211, 238, 0.18), 0 18px 34px rgba(124, 58, 237, 0.13) !important;
}

.customer-colorful h4 {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72);
}

.customer-colorful table tbody tr:nth-child(4n + 1) {
    background: linear-gradient(90deg, rgba(236, 254, 255, 0.62), rgba(255, 255, 255, 0));
}

.customer-colorful table tbody tr:nth-child(4n + 2) {
    background: linear-gradient(90deg, rgba(250, 245, 255, 0.7), rgba(255, 255, 255, 0));
}

.customer-colorful table tbody tr:nth-child(4n + 3) {
    background: linear-gradient(90deg, rgba(255, 251, 235, 0.7), rgba(255, 255, 255, 0));
}

.customer-colorful table tbody tr:nth-child(4n) {
    background: linear-gradient(90deg, rgba(236, 253, 245, 0.64), rgba(255, 255, 255, 0));
}

.supplier-colorful {
    background:
        radial-gradient(circle at 10% 6%, rgba(251, 191, 36, 0.30), transparent 18rem),
        radial-gradient(circle at 88% 16%, rgba(244, 63, 94, 0.22), transparent 20rem),
        radial-gradient(circle at 50% 100%, rgba(45, 212, 191, 0.18), transparent 22rem),
        linear-gradient(135deg, #fffbeb 0%, #ffffff 42%, #fff1f2 100%);
}

.theme-aurora .supplier-colorful input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.theme-aurora .supplier-colorful select,
.theme-aurora .supplier-colorful textarea {
    border-color: rgba(245, 158, 11, 0.28) !important;
    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(135deg, rgba(251, 191, 36, 0.70), rgba(244, 63, 94, 0.46), rgba(20, 184, 166, 0.42)) border-box !important;
    box-shadow: 0 10px 24px rgba(245, 158, 11, 0.08) !important;
}

.theme-aurora .supplier-colorful input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
.theme-aurora .supplier-colorful select:focus,
.theme-aurora .supplier-colorful textarea:focus {
    border-color: rgba(244, 63, 94, 0.74) !important;
    box-shadow: 0 0 0 4px rgba(251, 191, 36, 0.20), 0 18px 34px rgba(244, 63, 94, 0.12) !important;
}

.supplier-colorful table tbody tr:nth-child(4n + 1) {
    background: linear-gradient(90deg, rgba(255, 251, 235, 0.78), rgba(255, 255, 255, 0));
}

.supplier-colorful table tbody tr:nth-child(4n + 2) {
    background: linear-gradient(90deg, rgba(255, 241, 242, 0.78), rgba(255, 255, 255, 0));
}

.supplier-colorful table tbody tr:nth-child(4n + 3) {
    background: linear-gradient(90deg, rgba(240, 253, 250, 0.66), rgba(255, 255, 255, 0));
}

.supplier-colorful table tbody tr:nth-child(4n) {
    background: linear-gradient(90deg, rgba(254, 242, 242, 0.70), rgba(255, 255, 255, 0));
}

.item-search-box {
    position: relative;
    width: 100%;
}

.item-search-input {
    display: block;
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 46px !important;
    padding-right: 16px !important;
    text-indent: 0 !important;
    line-height: 48px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #fff;
    outline: none;
}

.item-search-input::placeholder {
    text-indent: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1;
}

.item-search-icon {
    position: absolute;
    left: 16px;
    top: 0;
    bottom: 0;
    width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 10;
}

.item-search-icon svg {
    display: block;
    height: 18px;
    width: 18px;
}

.theme-aurora main > section tbody tr {
    transition: background-color 160ms ease-out, transform 160ms ease-out;
}

.theme-aurora main > section tbody tr:hover {
    background-color: rgba(238, 242, 255, 0.55);
}

.scrollbar-thin::-webkit-scrollbar {
    width: 6px;
}
.scrollbar-thin::-webkit-scrollbar-track {
    background: transparent;
}
.scrollbar-thin::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.35);
}

.theme-aurora *::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.theme-aurora *::-webkit-scrollbar-track {
    background: transparent;
}

.theme-aurora *::-webkit-scrollbar-thumb {
    background: rgba(7, 27, 61, 0.24);
    border-radius: 999px;
}

.theme-aurora *::-webkit-scrollbar-thumb:hover {
    background: rgba(7, 27, 61, 0.42);
}