@import '../../../../vendor/filament/filament/resources/css/theme.css';

@source '../../../../app/Filament/**/*.php';
@source '../../../../resources/views/filament/**/*.blade.php';

@theme {
    --color-primary-50: #f4f7f2;
    --color-primary-100: #e4ebdf;
    --color-primary-200: #c8d6bf;
    --color-primary-300: #a6bd99;
    --color-primary-400: #7f9c70;
    --color-primary-500: #59784d;
    --color-primary-600: #3d5e37;
    --color-primary-700: #2d492c;
    --color-primary-800: #1f3529;
    --color-primary-900: #17291f;
    --color-primary-950: #0d1812;
}

.fi-sidebar {
    border-inline-end-color: color-mix(in srgb, #1f3529 12%, transparent);
}

.fi-sidebar-item-active > .fi-sidebar-item-button {
    background: #eef2e9;
    color: #1f3529;
}

.fi-sidebar-item-button:hover {
    background: #f5f7f2;
}

.fi-logo img {
    max-height: 2.25rem;
    width: auto;
}

.fi-wi-stats-overview-stat[href] {
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.fi-wi-stats-overview-stat[href]:hover {
    border-color: color-mix(in srgb, #3d5e37 35%, transparent);
    box-shadow: 0 .7rem 1.5rem rgb(31 53 41 / 10%);
    transform: translateY(-2px);
}

.fi-wi-stats-overview-stat[href]:focus-visible {
    outline: 3px solid rgb(89 120 77 / 35%);
    outline-offset: 3px;
}

.seed-login-layout {
    min-height: 100dvh;
    background: #f7f5ef;
}

.seed-login-visual {
    position: relative;
    display: flex;
    align-items: end;
    min-height: 100dvh;
    overflow: hidden;
    min-height: 11.5rem;
    background: #1f3529 url('../../../../../html-design/assets/images/farm-landscape.jpg') 58% center / cover no-repeat;
    color: #fffaf0;
}

.seed-login-visual__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgb(17 39 28 / 94%), rgb(31 53 41 / 66%) 62%, rgb(91 60 36 / 35%));
}

.seed-login-visual__content {
    position: relative;
    z-index: 1;
    max-width: 34rem;
    padding: 1.5rem;
}

.seed-login-visual__eyebrow,
.seed-login-card__eyebrow {
    color: #b98b5d;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.seed-login-visual h1 {
    margin-top: 1rem;
    font-family: Georgia, serif;
    font-size: clamp(2rem, 4vw, 4.25rem);
    line-height: 1.05;
}

.seed-login-visual p:not(.seed-login-visual__eyebrow) {
    margin-top: .75rem;
    max-width: 28rem;
    color: rgb(255 250 240 / 82%);
    font-size: .95rem;
    line-height: 1.7;
}

.seed-login-main {
    display: grid;
    min-height: auto;
    place-items: center;
    padding: 1.5rem;
}

.seed-login-card {
    width: min(100%, 27rem);
    border: 1px solid rgb(31 53 41 / 10%);
    background: rgb(255 255 255 / 72%);
    box-shadow: 0 1.5rem 4rem rgb(31 53 41 / 8%);
    padding: clamp(1.5rem, 4vw, 2.75rem);
    backdrop-filter: blur(10px);
}

.seed-login-card__brand {
    display: inline-flex;
    margin-bottom: 2.25rem;
}

.seed-login-card__brand img {
    height: 3rem;
    width: auto;
}

.seed-login-card__intro {
    margin-bottom: 2rem;
}

.seed-login-card__intro h2 {
    margin-top: .65rem;
    color: #1f3529;
    font-family: Georgia, serif;
    font-size: 2rem;
    line-height: 1.15;
}

.seed-login-card__intro p:not(.seed-login-card__eyebrow) {
    margin-top: .75rem;
    color: #657066;
    line-height: 1.6;
}

.seed-login-card .fi-sc {
    gap: 1.4rem;
}

.seed-login-card .fi-btn {
    min-height: 3.1rem;
    font-weight: 700;
}

.seed-login-card .fi-fo-field-wrp-error-message {
    margin-top: .4rem;
}

/* Keep the custom login surface readable when Filament switches to dark mode. */
.dark .seed-login-layout {
    background: #101b14;
}

.dark .seed-login-main {
    background: radial-gradient(circle at top, #203a2a, #101b14 62%);
}

.dark .seed-login-card {
    border-color: rgb(255 250 240 / 14%);
    background: rgb(23 41 31 / 92%);
    box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 28%);
}

.dark .seed-login-card__intro h2 {
    color: #fffaf0;
}

.dark .seed-login-card__intro p:not(.seed-login-card__eyebrow) {
    color: #c9d4c6;
}

.dark .seed-login-card .fi-fo-field-label-content,
.dark .seed-login-card .fi-fo-checkbox-label,
.dark .seed-login-card .fi-fo-field-wrp-hint {
    color: #fffaf0;
}

.dark .seed-login-card .fi-input-wrp {
    background: #0f1c14;
    box-shadow: inset 0 0 0 1px rgb(255 250 240 / 18%);
}

.dark .seed-login-card .fi-input,
.dark .seed-login-card .fi-input::selection {
    color: #fffaf0;
    -webkit-text-fill-color: #fffaf0;
}

.dark .seed-login-card .fi-input::placeholder {
    color: #aebdac;
    -webkit-text-fill-color: #aebdac;
    opacity: 1;
}

.dark .seed-login-card .fi-input-wrp:focus-within {
    box-shadow: inset 0 0 0 1px #8dac7d, 0 0 0 3px rgb(141 172 125 / 18%);
}

.dark .seed-login-card .fi-link {
    color: #b8d3aa;
}

@media (min-width: 48rem) and (max-width: 63.999rem) {
    .seed-login-visual { display: flex; align-items: end; min-height: 17rem; }
    .seed-login-visual__content { padding: 2.5rem 3rem; }
    .seed-login-main { min-height: calc(100dvh - 17rem); }
}

@media (min-width: 64rem) {
    .seed-login-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(28rem, .95fr); }
    .seed-login-visual { display: flex; align-items: end; min-height: 100dvh; }
    .seed-login-visual__content { padding: clamp(3rem, 6vw, 6rem); }
    .seed-login-visual p:not(.seed-login-visual__eyebrow) { margin-top: 1.5rem; font-size: 1.05rem; }
    .seed-login-main { min-height: 100dvh; padding: clamp(2rem, 6vw, 6rem); }
    .seed-login-card { padding: clamp(2rem, 4vw, 3.25rem); }
}

html[dir='rtl'] .seed-login-visual { background-position: 60% center; }

html[dir='rtl'] .seed-login-card__intro,
html[dir='rtl'] .seed-login-visual__content { text-align: start; }