/* _content/tallamondWebSite/Components/Inventory/PartSearchBar.razor.rz.scp.css */
.part-search[b-qpjtxcjhj3] {
    position: relative;
}
.part-search .history-dropdown[b-qpjtxcjhj3] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 30;
    background: #fff;
    border: 1px solid #d9e0e6;
    border-radius: .5rem;
    width: 100%;
    max-width: 420px;
    margin-top: .35rem;
    padding: .4rem .5rem .5rem;
    box-shadow: 0 4px 18px -4px rgba(0,0,0,.18);
}
.history-header[b-qpjtxcjhj3] {
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:.65rem;
    color:#55606c;
    margin-bottom:.25rem;
}
.history-item[b-qpjtxcjhj3] {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.35rem;
    padding:.15rem 0;
}
.history-item .pick[b-qpjtxcjhj3] {
    flex:1;
    text-align:left;
    background:none;
    border:none;
    font-size:.72rem;
    padding:.25rem .4rem;
    border-radius:.35rem;
    cursor:pointer;
    color:#2a3b4e;
    transition:.12s;
}
.history-item .pick:hover[b-qpjtxcjhj3] {
    background:#eef5ff;
    color:#0d5cab;
}
.history-item .del[b-qpjtxcjhj3] {
    background:none;
    border:none;
    color:#999;
    width:1.4rem;
    height:1.4rem;
    line-height:1;
    border-radius:.4rem;
    cursor:pointer;
    font-size:.85rem;
}
.history-item .del:hover[b-qpjtxcjhj3] {
    background:#f1f3f5;
    color:#555;
}
/* _content/tallamondWebSite/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ob1w793iqy] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ob1w793iqy] {
    flex: 1;
}

.sidebar[b-ob1w793iqy] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-ob1w793iqy] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ob1w793iqy]  a, .top-row[b-ob1w793iqy]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-ob1w793iqy]  a:hover, .top-row[b-ob1w793iqy]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-ob1w793iqy]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-ob1w793iqy] {
        justify-content: space-between;
    }

    .top-row[b-ob1w793iqy]  a, .top-row[b-ob1w793iqy]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-ob1w793iqy] {
        flex-direction: row;
    }

    .sidebar[b-ob1w793iqy] {
        width: 200px !important; /* adjust to taste */
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-ob1w793iqy] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-ob1w793iqy]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-ob1w793iqy], article[b-ob1w793iqy] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-ob1w793iqy] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-ob1w793iqy] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.site-header[b-ob1w793iqy] {
    position: sticky;
    top: 0;
    z-index: 1030; /* sits above content */
    background: linear-gradient(90deg, #1f2937, #111827);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    padding: 0.5rem 0.75rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}

.site-header .brand[b-ob1w793iqy] {
    color: #e5e7eb;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.top-links[b-ob1w793iqy] {
    gap: 0.25rem;
}

.top-link[b-ob1w793iqy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    min-width: 2rem;
    padding: 0 0.6rem;
    font-size: 0.9rem;
    color: #e5e7eb;
    text-decoration: none;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.04);
    transition: all .15s ease;
    backdrop-filter: saturate(140%) blur(2px);
}

.top-link:hover[b-ob1w793iqy] {
    color: #ffffff;
    background: rgba(255,255,255,0.10);
    border-color: rgba(255,255,255,0.18);
    transform: translateY(-1px);
}

.top-link:active[b-ob1w793iqy] {
    transform: translateY(0);
}

.top-link.active[b-ob1w793iqy], /* NavLink active */
.top-link[aria-current="page"][b-ob1w793iqy] {
    color: #111827;
    background: #60a5fa; /* accent */
    border-color: #60a5fa;
    box-shadow: 0 0 0 2px rgba(96,165,250,0.25);
}

.top-link.external[b-ob1w793iqy]::after {
    content: "↗";
    font-size: 0.8em;
    margin-left: 0.35rem;
    opacity: 0.8;
}

/* Align right-side top links with the left navigation look */
.content-topbar[b-ob1w793iqy] {
    /* Use the same gradient as the sidebar */
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    color: #d7d7d7;
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}

/* Match link colors and states with sidebar nav links */
.content-topbar .top-link[b-ob1w793iqy] {
    color: #d7d7d7;
    background: transparent;
    border: none;
    border-radius: 4px;          /* match sidebar’s subtle radius */
    height: 2rem;
    padding: 0 0.6rem;
    transition: background-color .15s ease, color .15s ease, transform .15s ease;
}

.content-topbar .top-link:hover[b-ob1w793iqy] {
    background-color: rgba(255,255,255,0.10);
    color: #ffffff;
}

.content-topbar .top-link.active[b-ob1w793iqy],
.content-topbar .top-link[aria-current="page"][b-ob1w793iqy] {
    background-color: rgba(255,255,255,0.37);
    color: #ffffff;
}

/* Match right top bar height to the sidebar brand header (3.5rem) */
.content-topbar[b-ob1w793iqy] {
    height: 3.5rem;            /* same as .top-row in NavMenu.razor.css */
    padding: 0 0.75rem;        /* horizontal padding only */
    display: flex;
    align-items: center;       /* vertical centering for the links */
    box-sizing: border-box;    /* include border in the 3.5rem height */
    border-radius: 0;          /* optional: align look with the sidebar header */
}

/* Optional: keep it visible while scrolling, like the sidebar header */
@media (min-width: 641px) {
    .content-topbar[b-ob1w793iqy] {
        position: sticky;
        top: 0;
        z-index: 2;
    }
}

/* Layout: no gaps, right content flush to nav and top */
.app-layout[b-ob1w793iqy] {
    display: flex;
    align-items: stretch;
    gap: 0;
}

/* Slimmer sidebar width (override previous 250px) */
@media (min-width: 641px) {
    .sidebar[b-ob1w793iqy] {
        width: 200px !important; /* adjust to taste */
        height: 100vh;
        position: sticky;
        top: 0;
    }
}

/* Remove padding from the main content area */
.main[b-ob1w793iqy] {
    padding: 0 !important;
    margin: 0;
    display: block;
}

/* Remove any default top margin from the first child (e.g., h1) */
.main > *:first-child[b-ob1w793iqy] {
    margin-top: 0;
}

/* If pages use <article>, clear template padding */
.main article[b-ob1w793iqy] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* === User dropdown theming (pure Blazor show/hide) === */
.user-dropdown-wrapper[b-ob1w793iqy] {
    position: relative;
}

/* Reset Bootstrap default (which expects JS) and implement our own animation */
.user-dropdown-wrapper .dropdown-menu[b-ob1w793iqy] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: .55rem;
    display: block;                 /* override Bootstrap's display:none */
    min-width: 12rem;
    padding: .5rem .5rem;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: .65rem;
    background:
        linear-gradient(165deg, rgba(255,255,255,0.10), rgba(255,255,255,0.04)),
        linear-gradient(180deg, rgba(8,35,82,0.90), rgba(40,15,70,0.88));
    backdrop-filter: blur(10px) saturate(150%);
    -webkit-backdrop-filter: blur(10px) saturate(150%);
    box-shadow:
        0 6px 18px -4px rgba(0,0,0,0.55),
        0 2px 4px rgba(0,0,0,0.35),
        inset 0 0 0 1px rgba(255,255,255,0.06);
    z-index: 500;

    /* Animation base state */
    opacity: 0;
    transform: translateY(6px) scale(.965);
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity .18s ease,
        transform .20s cubic-bezier(.16,.7,.3,1),
        visibility .18s;
}

.user-dropdown-wrapper .dropdown-menu.show[b-ob1w793iqy] {
    opacity: 1;
    transform: translateY(0) scale(1);
    visibility: visible;
    pointer-events: auto;
}

/* Arrow pointer */
.user-dropdown-wrapper .dropdown-menu[b-ob1w793iqy]::before {
    content: "";
    position: absolute;
    top: -8px;
    right: 14px;
    width: 14px;
    height: 14px;
    background:
        linear-gradient(160deg, rgba(255,255,255,0.14), rgba(255,255,255,0.02)),
        linear-gradient(180deg, rgba(8,35,82,0.92), rgba(40,15,70,0.90));
    border-left: 1px solid rgba(255,255,255,0.12);
    border-top: 1px solid rgba(255,255,255,0.12);
    transform: rotate(45deg);
    border-top-left-radius: 3px;
    box-shadow: -2px -2px 3px -2px rgba(0,0,0,0.45);
}

/* Header */
.user-dropdown-wrapper .dropdown-header[b-ob1w793iqy] {
    font-size: .7rem;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #b8c4d6 !important;
    padding: .25rem .75rem .35rem;
}

/* Divider */
.user-dropdown-wrapper .dropdown-divider[b-ob1w793iqy] {
    border-color: rgba(255,255,255,0.12);
    margin: .35rem 0 .45rem;
}

/* Items */
.user-dropdown-wrapper .dropdown-item[b-ob1w793iqy] {
    font-size: .85rem;
    padding: .45rem .75rem;
    border-radius: .45rem;
    color: #e5e7eb;
    display: flex;
    align-items: center;
    gap: .5rem;
    transition: background-color .15s, color .15s;
}
.user-dropdown-wrapper .dropdown-item:hover[b-ob1w793iqy],
.user-dropdown-wrapper .dropdown-item:focus[b-ob1w793iqy] {
    background: rgba(255,255,255,0.12);
    color: #ffffff;
}
.user-dropdown-wrapper .dropdown-item:active[b-ob1w793iqy] {
    background: rgba(255,255,255,0.22);
}
.user-dropdown-wrapper .dropdown-item.text-danger[b-ob1w793iqy] {
    color: #f87171;
}
.user-dropdown-wrapper .dropdown-item.text-danger:hover[b-ob1w793iqy],
.user-dropdown-wrapper .dropdown-item.text-danger:focus[b-ob1w793iqy] {
    background: rgba(248,113,113,0.12);
    color: #ff9a9a;
}

/* Focus outline (align with app focus aesthetic) */
.user-dropdown-wrapper .dropdown-item:focus-visible[b-ob1w793iqy] {
    outline: 2px solid #60a5fa;
    outline-offset: 2px;
}

/* Compact scrollbar if content grows (rare here, but safe) */
.user-dropdown-wrapper .dropdown-menu[b-ob1w793iqy] {
    max-height: 60vh;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.3) transparent;
}
.user-dropdown-wrapper .dropdown-menu[b-ob1w793iqy]::-webkit-scrollbar {
    width: 8px;
}
.user-dropdown-wrapper .dropdown-menu[b-ob1w793iqy]::-webkit-scrollbar-track {
    background: transparent;
}
:user-dropdown-wrapper .dropdown-menu[b-ob1w793iqy]::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.25);
    border-radius: 20px;
}
.content-topbar #userMenuBtn[b-ob1w793iqy] {
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.18);
    color: #ffffff;
    backdrop-filter: saturate(140%) blur(2px);
    transition: background-color .15s, border-color .15s, transform .15s;
}
.content-topbar #userMenuBtn:hover[b-ob1w793iqy] {
    background: rgba(255,255,255,0.18);
}
.content-topbar #userMenuBtn:active[b-ob1w793iqy] {
    transform: translateY(1px);
}
.content-topbar #userMenuBtn[aria-expanded="true"][b-ob1w793iqy] {
    background: rgba(255,255,255,0.28);
    border-color: rgba(255,255,255,0.32);
}

/* Reduce motion preference */
@media (prefers-reduced-motion: reduce) {
    .user-dropdown-wrapper .dropdown-menu[b-ob1w793iqy],
    .user-dropdown-wrapper .dropdown-menu.show[b-ob1w793iqy] {
        transition: none;
        transform: none;
    }
}
/* _content/tallamondWebSite/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-7eak9b8a2k] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-7eak9b8a2k] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-7eak9b8a2k] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-7eak9b8a2k] {
    font-size: 1.1rem;
}

/* Make the brand in the sidebar header visible */
.top-row .navbar-brand[b-7eak9b8a2k] {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.bi[b-7eak9b8a2k] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-7eak9b8a2k] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-7eak9b8a2k] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-7eak9b8a2k] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-7eak9b8a2k] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-7eak9b8a2k] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-7eak9b8a2k] {
        padding-bottom: 1rem;
    }

    .nav-item[b-7eak9b8a2k]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-7eak9b8a2k]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-7eak9b8a2k]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-7eak9b8a2k] {
    display: none;
}

/* === Dropdown visibility fixes === */
.content-topbar[b-7eak9b8a2k] {
    position: relative;
    z-index: 300;
    overflow: visible;
}

.content-topbar .dropdown-menu[b-7eak9b8a2k] {
    z-index: 400;
}

#userMenuBtn[b-7eak9b8a2k] {
    position: relative; /* optional; can omit */
    z-index: 401;
}

.navbar-toggler[b-7eak9b8a2k] {
    left: .75rem;
    right: auto;
    width: 40px;
    height: 40px;
    z-index: 50;
}
/* 让品牌与按钮紧贴 */
.nav-header .navbar-brand[b-7eak9b8a2k] {
    font-weight:700;
    font-size:1.05rem;
    line-height:1;
    padding:0;
}

/* Toggle 容器 */
.nav-toggle[b-7eak9b8a2k] {
    cursor: pointer;
    user-select: none;
    padding: .35rem .4rem;
    border-radius: .4rem;
    transition: background .2s;
}
.nav-toggle:hover[b-7eak9b8a2k] {
    background: rgba(0,0,0,.06);
}

.nav-toggle-icon[b-7eak9b8a2k] {
    position: relative;
    width: 20px;
    height: 16px;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}
.nav-toggle-icon span[b-7eak9b8a2k] {
    display: block;
    height: 2px;
    background: #1f2d3d;
    border-radius: 2px;
    transition: transform .35s, opacity .25s;
}

/* 选中（折叠关闭）状态的动画效果*/
.navbar-toggler:not(:checked) + .nav-toggle-icon span:nth-child(1)[b-7eak9b8a2k] { transform: translateY(0); }
.navbar-toggler:not(:checked) + .nav-toggle-icon span:nth-child(2)[b-7eak9b8a2k] { opacity: 1; }
.navbar-toggler:not(:checked) + .nav-toggle-icon span:nth-child(3)[b-7eak9b8a2k] { transform: translateY(0); }

.navbar-toggler:checked + .nav-toggle-icon span:nth-child(1)[b-7eak9b8a2k] { transform: translateY(7px) rotate(45deg); }
.navbar-toggler:checked + .nav-toggle-icon span:nth-child(2)[b-7eak9b8a2k] { opacity:0; }
.navbar-toggler:checked + .nav-toggle-icon span:nth-child(3)[b-7eak9b8a2k] { transform: translateY(-7px) rotate(-45deg); }

/* 折叠行为（小屏才生效） */
@media (max-width: 991.98px) {
    .nav-scrollable[b-7eak9b8a2k] {
        max-height: 0;
        overflow: hidden;
        transition: max-height .35s ease;
    }
    .nav-scrollable.open[b-7eak9b8a2k] {
        max-height: 70vh;
    }
}

/* 大屏始终展开，隐藏切换按钮动画 */
@media (min-width: 992px) {
    .nav-toggle[b-7eak9b8a2k] {
        display: none;
    }
    .nav-scrollable[b-7eak9b8a2k] {
        max-height: none !important;
        overflow: auto;
    }
}

@media (min-width: 641px) {
    .navbar-toggler[b-7eak9b8a2k] {
        display: none;
    }

    .nav-scrollable[b-7eak9b8a2k] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/tallamondWebSite/Components/Pages/AddInventory.razor.rz.scp.css */
.import-wrapper[b-t00qhgretu] {
    max-width: 640px;
    margin: 0 auto;
}

.import-wrapper .card[b-t00qhgretu] {
    border-radius: .75rem;
}

.import-wrapper input[b-t00qhgretu]::placeholder {
    color: #888;
    opacity: .9;
}
/* _content/tallamondWebSite/Components/Pages/AddSingleInventory.razor.rz.scp.css */
.small-form .form-label[b-3od4exz1i1]{font-size:.7rem;font-weight:500;margin-bottom:.15rem;}
.small-form .form-control-sm[b-3od4exz1i1]{font-size:.72rem;padding:.25rem .45rem;}
/* _content/tallamondWebSite/Components/Pages/Counter.razor.rz.scp.css */
.muyu-img[b-rxq3ab10wp] {
    width: 160px;
    user-select: none;
    pointer-events: none;
}
.muyu-img.hit[b-rxq3ab10wp] {
    animation: muyu-hit-b-rxq3ab10wp 200ms ease-in-out;
}
@keyframes muyu-hit-b-rxq3ab10wp {
    0% { transform: scale(1); }
    50% { transform: scale(0.95); }
    100% { transform: scale(1); }
}

.knock-container[b-rxq3ab10wp] {
    position: relative;
    display: inline-block;
}
.plus-one[b-rxq3ab10wp] {
    position: absolute;
    left: 100%;
    margin-left: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: #dc3545; /* Bootstrap danger */
    font-weight: 700;
    opacity: 0;
    animation: plus-pop-b-rxq3ab10wp 800ms ease-out forwards;
    text-shadow: 0 1px 0 rgba(0,0,0,0.15);
}
@keyframes plus-pop-b-rxq3ab10wp {
    0%   { transform: translate(10px, 0) scale(0.9); opacity: 0; }
    15%  { transform: translate(0, -10px) scale(1.1); opacity: 1; }
    100% { transform: translate(0, -40px) scale(1.0); opacity: 0; }
}
/* _content/tallamondWebSite/Components/Pages/Home.razor.rz.scp.css */
.home-hero[b-i6uszakawt] {
    background: radial-gradient(1200px 600px at -10% -20%, rgba(96,165,250,0.25), transparent 60%),
                radial-gradient(1000px 500px at 110% 0%, rgba(168,85,247,0.20), transparent 60%),
                linear-gradient(90deg, #1f2937, #111827);
    color: #e5e7eb;
    padding: 2.5rem 0 2rem;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 2px 8px rgba(0,0,0,0.25) inset;
}

.home-hero__content[b-i6uszakawt] {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 1.25rem;
}

@media (max-width: 991.98px) {
    .home-hero__content[b-i6uszakawt] {
        grid-template-columns: 1fr;
    }
}

.home-hero__greeting .eyebrow[b-i6uszakawt] {
    opacity: 0.85;
    font-weight: 500;
    letter-spacing: .3px;
    margin-bottom: .25rem;
}

.home-quote[b-i6uszakawt] {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.12);
    color: #e5e7eb;
    backdrop-filter: saturate(140%) blur(2px);
}

.home-quote .quote-mark[b-i6uszakawt] {
    font-size: 2.25rem;
    line-height: 1;
    color: rgba(255,255,255,0.6);
}

.time-pill[b-i6uszakawt] {
    background: #60a5fa;
    color: #111827;
    border-radius: 999px;
    padding: .25rem .75rem;
    font-weight: 700;
    min-width: 88px;
    text-align: center;
}
/* _content/tallamondWebSite/Components/Pages/Inventory.razor.rz.scp.css */
/* Centered search card with subtle elevation */
.inventory-page .search-card[b-ps4l9le900] {
    border: 0;
    border-radius: 0.75rem;
}

/* Improve focus ring for accessibility */
.inventory-page .form-control:focus[b-ps4l9le900],
.inventory-page .btn:focus[b-ps4l9le900] {
    box-shadow: 0 0 0 .2rem rgba(13,110,253,.25);
}

/* Table polish */
.inventory-table thead th[b-ps4l9le900] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.inventory-table td[b-ps4l9le900],
.inventory-table th[b-ps4l9le900] {
    white-space: nowrap;
}

@media (max-width: 992px) {
    .inventory-table td[b-ps4l9le900],
    .inventory-table th[b-ps4l9le900] {
        white-space: normal;
    }
}

/* Compact numeric columns */
.inventory-table td.text-end[b-ps4l9le900] {
    font-variant-numeric: tabular-nums;
}

/* Search input with dropdown history */
.search-input-wrapper[b-ps4l9le900] {
    position: relative;
}

.history-dropdown[b-ps4l9le900] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #d9e0e6;
    border-radius: .5rem;
    margin-top: .25rem;
    z-index: 25;
    padding: .35rem .45rem .45rem;
    max-height: 260px;
    overflow: auto;
    font-size: .78rem;
}

.history-header[b-ps4l9le900] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .7rem;
    padding: 0 .1rem .25rem;
    border-bottom: 1px solid #eef1f4;
    margin-bottom: .35rem;
    font-weight: 500;
    color: #495667;
}

.history-header .clear-all[b-ps4l9le900] {
    font-size: .65rem;
    color: #888;
}

.history-header .clear-all:hover[b-ps4l9le900] {
    color: #c00;
    text-decoration: none;
}

.history-item[b-ps4l9le900] {
    display: flex;
    align-items: center;
    border-radius: .35rem;
    padding: .15rem .25rem;
    transition: .12s;
    position: relative;
}

.history-item:hover[b-ps4l9le900] {
    background: #f2f6fa;
}

.history-item .pick[b-ps4l9le900] {
    flex: 1;
    text-align: left;
    background: transparent;
    border: none;
    font-size: .72rem;
    padding: .2rem .25rem;
    cursor: pointer;
    color: #2c3e50;
}

.history-item .pick:hover[b-ps4l9le900] {
    color: #0d6efd;
}

.history-item .del[b-ps4l9le900] {
    background: transparent;
    border: none;
    color: #999;
    font-size: .9rem;
    padding: .1rem .3rem;
    cursor: pointer;
    line-height: 1;
}

.history-item .del:hover[b-ps4l9le900] {
    color: #d23737;
}
/* _content/tallamondWebSite/Components/Pages/InventoryEdit.razor.rz.scp.css */
/* Smooth anchor scroll */
html[b-ztnf2qp9i0], body[b-ztnf2qp9i0] { scroll-behavior:smooth; }
/* (keep existing styles below) */
.compact-form[b-ztnf2qp9i0] {
    --gap: .4rem;
    font-size: .78rem;
}
.compact-form .grid[b-ztnf2qp9i0] {
    display: grid;
    gap: var(--gap) .6rem;
    margin-bottom: .75rem;
    align-items: start;
}
.grid-product[b-ztnf2qp9i0]      { grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); }
.grid-price[b-ztnf2qp9i0]        { grid-template-columns: repeat(auto-fill,minmax(130px,1fr)); }
.grid-stock[b-ztnf2qp9i0]        { grid-template-columns: repeat(auto-fill,minmax(120px,1fr)); }
.grid-specs[b-ztnf2qp9i0]        { grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); }

.compact-form .field[b-ztnf2qp9i0] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}
.compact-form .field label[b-ztnf2qp9i0] {
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1.1;
    font-size: .68rem;
    text-wrap: nowrap;
    color: #444;
}
.compact-form .field.wide[b-ztnf2qp9i0] {
    grid-column: span 2;
}
@media (min-width:1400px){
    .compact-form .field.wide[b-ztnf2qp9i0] { grid-column: span 1; }
}

.compact-form .form-control[b-ztnf2qp9i0],
.compact-form textarea[b-ztnf2qp9i0] {
    padding: .15rem .35rem;
    line-height: 1.1;
    min-height: 1.8rem;
}
.compact-form textarea[b-ztnf2qp9i0] {
    resize: vertical;
}

.section-tags[b-ztnf2qp9i0] {
    display:flex;
    gap:.35rem;
    flex-wrap:wrap;
    margin:.25rem 0 .4rem;
    font-size:.6rem;
}
.section-tags span[b-ztnf2qp9i0]{
    background:#eef1f4;
    padding:.25rem .5rem;
    border-radius:.35rem;
    letter-spacing:.5px;
}

.actions[b-ztnf2qp9i0] {
    margin-top: 1.25rem;
    display: flex;
    align-items: center;
}
.actions .btn[b-ztnf2qp9i0] {
    min-width: 120px;
    font-weight:900;
}

.btn-sm[b-ztnf2qp9i0] {
    padding:.25rem .65rem;
    font-size:.72rem;
}

.alert.small[b-ztnf2qp9i0] {
    font-size:.7rem;
    line-height:1.2;
    margin-top:.25rem;
}

.validation-errors[b-ztnf2qp9i0] { font-size:.65rem; }

.compact-form .input-validation-error[b-ztnf2qp9i0] {
    border-color:#dc3545;
    box-shadow:0 0 0 1px rgba(220,53,69,.25);
}

.save-btn.btn-secondary[b-ztnf2qp9i0] {
    background: #b9bcc2;
    border-color: #b9bcc2;
    color: #fff;
    cursor: not-allowed;
    opacity: .9;
}
.save-btn.btn-secondary:disabled:hover[b-ztnf2qp9i0] {
    background:#b9bcc2;
}

.cancel-btn[b-ztnf2qp9i0] {
    font-weight:500;
}

/* 更美观 + 紧凑但不挤压，左侧锚点 + 卡片分区 */
.page-title[b-ztnf2qp9i0]{font-size:1rem;margin:0 0 .4rem;font-weight:600;}

.edit-wrapper[b-ztnf2qp9i0]{
    display:grid;
    grid-template-columns:120px 1fr;
    gap:0.75rem;
    align-items:start;
}

.section-nav[b-ztnf2qp9i0]{
    position:sticky;
    top:0.5rem;
    display:flex;
    flex-direction:column;
    gap:.35rem;
    padding:.4rem .5rem;
    background:#f8f9fb;
    border:1px solid #e3e7ec;
    border-radius:.6rem;
    font-size:.68rem;
    max-height:calc(100vh - 1rem);
}
.section-nav a[b-ztnf2qp9i0]{
    text-decoration:none;
    color:#44505e;
    padding:.3rem .4rem;
    border-radius:.4rem;
    line-height:1;
    transition:.15s;
    font-weight:500;
    background:#fff;
    border:1px solid #dfe3e7;
}
.section-nav a:hover[b-ztnf2qp9i0]{background:#e7f1ff;border-color:#c3d8f5;color:#0d5cab;}
.section-nav a:active[b-ztnf2qp9i0]{transform:scale(.96);}

.sections[b-ztnf2qp9i0]{
    display:flex;
    flex-direction:column;
    gap:.55rem;
}

.section[b-ztnf2qp9i0]{
    display:grid;
    gap:.4rem .7rem;
    grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
    padding:.55rem .65rem .65rem;
    background:linear-gradient(135deg,#ffffff,#f5f7fa);
    border:1px solid #e2e6ea;
    border-radius:.75rem;
    box-shadow:0 1px 2px rgba(0,0,0,.04);
    position:relative;
}

.section:hover[b-ztnf2qp9i0]{
    border-color:#cdd5dd;
}

.sec-title[b-ztnf2qp9i0]{
    grid-column:1 / -1;
    font-size:.62rem;
    font-weight:600;
    letter-spacing:.8px;
    text-transform:uppercase;
    color:#647182;
    margin:-.2rem 0 .15rem;
    display:flex;
    gap:.4rem;
}
.sec-title[b-ztnf2qp9i0]:after{
    content:"";
    flex:1;
    height:1px;
    background:linear-gradient(90deg,#cfd6de,transparent);
    align-self:center;
    margin-left:.4rem;
}

.field[b-ztnf2qp9i0]{
    display:flex;
    flex-direction:column;
    gap:.15rem;
    min-width:0;
}

.field.wide[b-ztnf2qp9i0], .field.wide .ctl[b-ztnf2qp9i0] {
    width: 100%;
}
@media (min-width:1600px){ .field.wide[b-ztnf2qp9i0]{grid-column:span 1;} }

.field label[b-ztnf2qp9i0]{
    font-size:.63rem;
    font-weight:500;
    letter-spacing:.5px;
    color:#394451;
    margin:0;
    line-height:1.05;
    white-space:nowrap;
}

.ctl[b-ztnf2qp9i0]{
    font-size:.7rem;
    padding:.2rem .45rem;
    line-height:1.15;
    min-height:1.75rem;
}

textarea.ctl[b-ztnf2qp9i0]{
    resize:vertical;
}

.vm[b-ztnf2qp9i0]{font-size:.55rem;color:#c62828;}

.actions[b-ztnf2qp9i0]{
    display:flex;
    gap:.5rem;
    padding:.35rem .2rem 0;
}

.btn-sm[b-ztnf2qp9i0], .actions .btn[b-ztnf2qp9i0]{
    padding:.28rem .7rem;
    font-size:.68rem;
    line-height:1.1;
}

.alert.slim[b-ztnf2qp9i0]{
    padding:.35rem .55rem;
    font-size:.72rem;
    margin-bottom:.5rem;
}

.input-validation-error[b-ztnf2qp9i0]{
    border-color:#dc3545;
    box-shadow:0 0 0 1px rgba(220,53,69,.3);
}

/* 更紧凑的滚动条（如果出现高度超过窗口） */
.sections[b-ztnf2qp9i0]{
    scrollbar-width:thin;
    scrollbar-color:#c4ccd4 transparent;
}
.sections[b-ztnf2qp9i0]::-webkit-scrollbar{height:8px;width:8px;}
.sections[b-ztnf2qp9i0]::-webkit-scrollbar-track{background:transparent;}
.sections[b-ztnf2qp9i0]::-webkit-scrollbar-thumb{
    background:#c4ccd4;
    border-radius:4px;
}
.sections[b-ztnf2qp9i0]::-webkit-scrollbar-thumb:hover{background:#9aa5af;}

textarea.ctl[b-ztnf2qp9i0],
.remarks-textarea[b-ztnf2qp9i0] {
    width: 100%;
    height: 1.8rem; /* 与其它 .ctl 输入保持一致 */
    min-height: 1.8rem;
    max-height: 1.8rem;
    line-height: 1.15;
    padding: .2rem .45rem;
    resize: none; /* 禁止拖拽调整高度 */
    overflow-y: auto; /* 内容超出时出现滚动条 */
    font-family: inherit; /* 与其它输入一致 */
}


/* 让编辑区更宽（可根据需要调整最大宽度或去掉限制） */
.edit-form .sections[b-ztnf2qp9i0] {
    max-width: 1300px;
}

/* 提高可读性 */
.edit-form .ctl[b-ztnf2qp9i0] {
    font-size: .9rem;
}

/* 可选：滚到顶部标题区域留白 */
.page-title[b-ztnf2qp9i0] { margin-bottom: 1rem; }
/* 描述 (model.Name) 输入框加宽 */
.name-field[b-ztnf2qp9i0] {
    width: 100%;
}
.name-field .name-input[b-ztnf2qp9i0] {
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .3px;
    padding: .55rem .75rem;
}

/* 让最上方产品区更宽（如有需要可放开） */
/* .edit-form .sections { max-width: 1400px; } */

/* 大按钮再放大：字体 + 高度（覆盖 bootstrap btn / btn-lg） */
.actions .action-big[b-ztnf2qp9i0] {
    font-size: 1.15rem;
    line-height: 1.2;
    padding: .85rem 2.2rem;
    border-radius: .65rem;
    font-weight: 600;
    min-width: 140px;
}

.actions .save-btn.btn-secondary[b-ztnf2qp9i0] {
    background: #b9bcc2;
    border-color: #b9bcc2;
    color: #fff;
    cursor: not-allowed;
    opacity: .9;
}

.actions .save-btn.btn-secondary:disabled:hover[b-ztnf2qp9i0] {
    background: #b9bcc2;
}

/* 取消按钮强调一致感 */
.actions .cancel-btn[b-ztnf2qp9i0] {
    font-weight: 600;
}

/* 可选：当有变更时给“确定”按钮一点轻微阴影 */
.actions .save-btn.btn-primary[b-ztnf2qp9i0] {
    box-shadow: 0 4px 14px -4px rgba(30,100,200,.45);
}
.actions .save-btn.btn-primary:hover[b-ztnf2qp9i0] {
    box-shadow: 0 6px 18px -4px rgba(30,100,200,.55);
}

/* Make the Name (描述) field span the entire row in any section grid */
.section .name-field[b-ztnf2qp9i0] {
    grid-column: 1 / -1;      /* full width across all grid columns */
}

/* (Optional) Also let Supplier field take full row if you want */
.section #sec-product .field.wide[b-ztnf2qp9i0] {
    grid-column: 1 / -1;
}

/* Allow the sections container to use full available width (remove max constraint if you want edge-to-edge) */
.edit-form .sections[b-ztnf2qp9i0] {
    max-width: 100%;          /* change from 1300px if you want it to stretch */
}

/* Ensure the input really fills its cell */
.name-field .name-input[b-ztnf2qp9i0] {
    width: 100%;
    box-sizing: border-box;
}

.search-inline-results .table td[b-ztnf2qp9i0],
.search-inline-results .table th[b-ztnf2qp9i0] {
    vertical-align: middle;
}
.search-inline-results .table tr.table-info > td[b-ztnf2qp9i0] {
    background: #e3f2ff !important;
}
.search-inline-results .card-header[b-ztnf2qp9i0] {
    font-size: .75rem;
}