/* _content/Floorspan.Floorplan.Ui/Components/Layout/AccountNav.razor.rz.scp.css */
/* _content/Floorspan.Floorplan.Ui/Components/Layout/AdminLayout.razor.rz.scp.css */
/* _content/Floorspan.Floorplan.Ui/Components/Layout/AdminNav.razor.rz.scp.css */
/* _content/Floorspan.Floorplan.Ui/Components/Layout/MainLayout.razor.rz.scp.css */
/* _content/Floorspan.Floorplan.Ui/Components/Layout/NavMenu.razor.rz.scp.css */
.icon-nav[b-2m1d1vjv3i] {
    --glass-size: 46px;

    display: flex;
    flex-direction: column;
    gap: 10px;

    width: max-content;
    padding: 4px;
}

/* 
   NavLink renders the real <a> inside a child component.
   Because this is a scoped CSS file, ::deep is required.
*/
.icon-nav[b-2m1d1vjv3i]  a {
    width: var(--glass-size);
    height: var(--glass-size);
    border-radius: 999px;

    position: relative;
    isolation: isolate;
    overflow: visible;

    display: flex;
    align-items: center;
    justify-content: center;

    color: rgba(207, 229, 255, 0.86);
    text-decoration: none;

    background:
            radial-gradient(circle at 34% 22%, rgba(255, 255, 255, 0.34), transparent 26%),
            radial-gradient(circle at 70% 82%, rgba(95, 151, 210, 0.14), transparent 42%),
            linear-gradient(145deg, rgba(255, 255, 255, 0.135), rgba(255, 255, 255, 0.035)),
            rgba(8, 20, 42, 0.36);

    border: 1px solid rgba(210, 232, 255, 0.24);

    box-shadow:
            0 9px 22px rgba(0, 0, 0, 0.22),
            0 1px 0 rgba(255, 255, 255, 0.12),
            inset 0 1px 1px rgba(255, 255, 255, 0.26),
            inset 0 -1px 1px rgba(0, 0, 0, 0.18);

    backdrop-filter: blur(18px) saturate(132%);
    -webkit-backdrop-filter: blur(18px) saturate(132%);

    transition:
            transform 160ms ease,
            color 160ms ease,
            border-color 160ms ease,
            background 160ms ease,
            box-shadow 160ms ease,
            opacity 160ms ease;
}

/* Soft outer glass rim */
.icon-nav[b-2m1d1vjv3i]  a::after {
    content: "";
    position: absolute;
    inset: 1px;

    border-radius: inherit;
    pointer-events: none;
    z-index: 1;

    background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.30), transparent 34%),
            linear-gradient(315deg, rgba(255, 255, 255, 0.08), transparent 45%);

    box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, 0.08);

    opacity: 0.72;
}

/* Hidden light field behind each button */
.icon-nav[b-2m1d1vjv3i]  a::before {
    content: "";
    position: absolute;
    inset: -12px;

    border-radius: inherit;
    pointer-events: none;
    z-index: -1;

    opacity: 0;

    background:
            radial-gradient(
                    circle at 50% 50%,
                    rgba(155, 198, 255, 0.34) 0%,
                    rgba(111, 166, 229, 0.18) 32%,
                    rgba(92, 136, 196, 0.08) 54%,
                    transparent 76%
            );

    filter: blur(9px);

    transition:
            opacity 180ms ease,
            transform 180ms ease;
}

/* SVG icon */
.icon-nav[b-2m1d1vjv3i]  .nav-svg {
    width: 19px;
    height: 19px;

    display: block;

    position: relative;
    z-index: 3;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;

    filter:
            drop-shadow(0 1px 1px rgba(0, 0, 0, 0.22));

    transition:
            stroke-width 160ms ease,
            filter 160ms ease,
            transform 160ms ease;
}

/* Hover: light, expensive-feeling lift, not neon */
.icon-nav[b-2m1d1vjv3i]  a:hover {
    transform: translateY(-2px);

    color: rgba(244, 250, 255, 0.98);

    border-color: rgba(231, 244, 255, 0.42);

    background:
            radial-gradient(circle at 34% 22%, rgba(255, 255, 255, 0.44), transparent 27%),
            radial-gradient(circle at 70% 82%, rgba(126, 178, 232, 0.20), transparent 42%),
            linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.055)),
            rgba(13, 30, 58, 0.46);

    box-shadow:
            0 12px 26px rgba(0, 0, 0, 0.26),
            0 0 18px rgba(150, 199, 255, 0.10),
            0 1px 0 rgba(255, 255, 255, 0.14),
            inset 0 1px 1px rgba(255, 255, 255, 0.34),
            inset 0 -1px 1px rgba(0, 0, 0, 0.18);
}

.icon-nav[b-2m1d1vjv3i]  a:hover::before {
    opacity: 0.36;
}

.icon-nav[b-2m1d1vjv3i]  a:hover .nav-svg {
    transform: scale(1.035);
}

/* Keyboard focus */
.icon-nav[b-2m1d1vjv3i]  a:focus-visible {
    outline: none;

    border-color: rgba(255, 255, 255, 0.74);

    box-shadow:
            0 0 0 3px rgba(185, 219, 255, 0.18),
            0 12px 26px rgba(0, 0, 0, 0.28),
            inset 0 1px 1px rgba(255, 255, 255, 0.36);
}

/*
   Active route:
   This is the "torch shining through glass" effect.
   The warm beam comes from behind-left and bleeds through the frosted disc.
*/
.icon-nav[b-2m1d1vjv3i]  a.active {
    color: rgba(255, 255, 255, 0.98);

    border-color: rgba(255, 246, 220, 0.68);

    background:
            radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.66), transparent 25%),
            radial-gradient(circle at 44% 46%, rgba(255, 232, 176, 0.46), transparent 34%),
            radial-gradient(circle at 68% 72%, rgba(130, 186, 255, 0.24), transparent 42%),
            linear-gradient(145deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.07)),
            rgba(19, 38, 68, 0.52);

    box-shadow:
            -10px 0 34px rgba(255, 210, 129, 0.20),
            -4px 0 18px rgba(255, 237, 192, 0.28),
            0 10px 24px rgba(0, 0, 0, 0.30),
            0 0 0 1px rgba(255, 255, 255, 0.12),
            inset 4px 0 12px rgba(255, 238, 190, 0.24),
            inset -6px -6px 14px rgba(60, 114, 184, 0.14),
            inset 0 1px 1px rgba(255, 255, 255, 0.58);
}

/* Big soft torch bloom behind selected item */
.icon-nav[b-2m1d1vjv3i]  a.active::before {
    opacity: 1;

    inset: -24px -18px -24px -42px;

    background:
            radial-gradient(
                    ellipse at 16% 50%,
                    rgba(255, 238, 193, 0.62) 0%,
                    rgba(255, 216, 139, 0.34) 22%,
                    rgba(125, 181, 255, 0.14) 48%,
                    transparent 74%
            );

    filter: blur(13px);
}

/* Brighter optical rim on active glass */
.icon-nav[b-2m1d1vjv3i]  a.active::after {
    background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.48), transparent 32%),
            radial-gradient(circle at 30% 30%, rgba(255, 252, 236, 0.28), transparent 34%),
            linear-gradient(315deg, rgba(145, 198, 255, 0.12), transparent 46%);

    box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, 0.16),
            inset 5px 0 10px rgba(255, 239, 197, 0.16);
}

.icon-nav[b-2m1d1vjv3i]  a.active .nav-svg {
    stroke-width: 1.9;

    filter:
            drop-shadow(0 1px 1px rgba(0, 0, 0, 0.28))
            drop-shadow(0 0 7px rgba(255, 238, 196, 0.36));
}

/* Optional: compress slightly on click */
.icon-nav[b-2m1d1vjv3i]  a:active {
    transform: translateY(0) scale(0.985);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .icon-nav[b-2m1d1vjv3i]  a,
    .icon-nav[b-2m1d1vjv3i]  a::before,
    .icon-nav[b-2m1d1vjv3i]  .nav-svg {
        transition: none;
    }
}
/* _content/Floorspan.Floorplan.Ui/Components/Layout/UniversalBackground.razor.rz.scp.css */
.fp-loginbg[b-ic2nh9n953] {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background:
            radial-gradient(circle at 30% 8%, rgba(36, 99, 235, 0.22), transparent 32%),
            radial-gradient(circle at 80% 32%, rgba(14, 165, 233, 0.12), transparent 34%),
            linear-gradient(135deg, #020714 0%, #071426 48%, #02040a 100%);
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/Account/DeviceTrust.razor.rz.scp.css */
.device-page[b-890dj21qna] {
    position: relative;
    min-height: 100vh;
    padding: clamp(18px, 4vw, 44px);
    background:
            radial-gradient(circle at 50% 0%, rgba(37, 99, 235, 0.26), transparent 34%),
            radial-gradient(circle at 92% 18%, rgba(14, 165, 233, 0.16), transparent 28%),
            linear-gradient(135deg, #020817, #041426 52%, #020817);
    color: #0f172a;
    overflow-x: hidden;
}

.device-bg-grid[b-890dj21qna] {
    position: absolute;
    inset: 0;
    opacity: 0.34;
    background-image:
            linear-gradient(rgba(96, 165, 250, 0.08) 1px, transparent 1px),
            linear-gradient(90deg, rgba(96, 165, 250, 0.08) 1px, transparent 1px);
    background-size: 42px 42px;
    pointer-events: none;
}

.device-bg-glow[b-890dj21qna] {
    position: absolute;
    width: 360px;
    height: 360px;
    border-radius: 999px;
    filter: blur(40px);
    opacity: 0.22;
    pointer-events: none;
}

.glow-a[b-890dj21qna] {
    top: -120px;
    left: 8%;
    background: #2563eb;
}

.glow-b[b-890dj21qna] {
    right: -120px;
    bottom: 10%;
    background: #38bdf8;
}

.device-shell[b-890dj21qna] {
    position: relative;
    z-index: 1;
    width: min(100%, 1180px);
    margin: 0 auto;
}

.device-card[b-890dj21qna] {
    width: 100%;
    padding: clamp(18px, 2.6vw, 30px);
    border-radius: 26px;
    background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
    border: 1px solid rgba(147, 197, 253, 0.26);
    box-shadow:
            0 34px 90px rgba(0, 0, 0, 0.42),
            inset 0 1px 0 rgba(255, 255, 255, 0.95);
    overflow: hidden;
}

.device-header[b-890dj21qna] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.device-title-block[b-890dj21qna] {
    min-width: 0;
}

.device-eyebrow[b-890dj21qna] {
    margin-bottom: 8px;
    color: #2563eb;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.device-header h1[b-890dj21qna] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.55rem, 3vw, 2.15rem);
    line-height: 1.05;
    font-weight: 950;
    letter-spacing: -0.055em;
}

.device-header p[b-890dj21qna] {
    max-width: 620px;
    margin: 9px 0 0;
    color: #64748b;
    font-size: 0.94rem;
    line-height: 1.45;
}

.device-header-meta[b-890dj21qna] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.device-chip[b-890dj21qna] {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 13px;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.065em;
    white-space: nowrap;
}

.device-count[b-890dj21qna] {
    display: grid;
    place-items: center;
    min-width: 72px;
    min-height: 52px;
    padding: 8px 12px;
    border-radius: 16px;
    background: #eff6ff;
    border: 1px solid rgba(37, 99, 235, 0.12);
}

.device-count strong[b-890dj21qna] {
    color: #1d4ed8;
    font-size: 1.1rem;
    line-height: 1;
    font-weight: 950;
}

.device-count span[b-890dj21qna] {
    margin-top: 3px;
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.device-tabs[b-890dj21qna] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: 20px 0;
}

.device-tabs button[b-890dj21qna] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 116px;
    height: 40px;
    padding: 0 14px;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.11);
    background: rgba(255, 255, 255, 0.88);
    color: #475569;
    font-size: 0.82rem;
    font-weight: 900;
    cursor: pointer;
    transition:
            transform 120ms ease,
            box-shadow 120ms ease,
            border-color 120ms ease,
            background 120ms ease;
}

.device-tabs button:hover[b-890dj21qna] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.26);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
}

.device-tabs button.active[b-890dj21qna] {
    background: linear-gradient(180deg, #3b82f6, #1d4ed8);
    color: #ffffff;
    border-color: #2563eb;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.25);
}

.device-tabs em[b-890dj21qna] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 950;
}

.device-tabs button.active em[b-890dj21qna] {
    background: rgba(255, 255, 255, 0.92);
    color: #1d4ed8;
}

.notice[b-890dj21qna] {
    margin-bottom: 16px;
    padding: 12px 14px;
    border-radius: 14px;
    background: #dcfce7;
    border: 1px solid rgba(22, 101, 52, 0.12);
    color: #166534;
    font-size: 0.84rem;
    font-weight: 850;
}

.panel[b-890dj21qna] {
    padding: clamp(16px, 2.2vw, 24px);
    border-radius: 20px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

.panel-heading[b-890dj21qna] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
}

.panel-heading h2[b-890dj21qna] {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 950;
    letter-spacing: -0.025em;
}

.panel-heading p[b-890dj21qna] {
    max-width: 680px;
    margin: 5px 0 0;
    color: #64748b;
    font-size: 0.84rem;
    line-height: 1.45;
}

.register-grid[b-890dj21qna] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
    gap: 18px;
    align-items: stretch;
}

.form-stack[b-890dj21qna] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.form-row[b-890dj21qna] {
    display: grid;
    gap: 8px;
    margin-bottom: 15px;
}

.form-row.grow[b-890dj21qna] {
    flex: 1;
    margin-bottom: 0;
}

.form-row label[b-890dj21qna] {
    color: #334155;
    font-size: 0.72rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.input[b-890dj21qna],
.textarea[b-890dj21qna] {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: 13px;
    background: #f8fafc;
    color: #0f172a;
    outline: none;
    transition:
            border-color 130ms ease,
            box-shadow 130ms ease,
            background 130ms ease;
}

.input[b-890dj21qna] {
    height: 44px;
    padding: 0 13px;
    font-size: 0.9rem;
}

.textarea[b-890dj21qna] {
    min-height: 238px;
    height: 100%;
    padding: 13px;
    resize: vertical;
    font-family: Consolas, "JetBrains Mono", monospace;
    font-size: 0.82rem;
    line-height: 1.45;
    white-space: pre;
    overflow: auto;
}

.input:focus[b-890dj21qna],
.textarea:focus[b-890dj21qna] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12);
    background: #ffffff;
}

.key-side-panel[b-890dj21qna] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 16px;
    border-radius: 18px;
    background:
            linear-gradient(180deg, #f8fafc, #f1f5f9);
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.key-side-header[b-890dj21qna] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 13px;
}

.key-side-header span[b-890dj21qna] {
    color: #334155;
    font-size: 0.74rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.key-side-header strong[b-890dj21qna] {
    color: #1d4ed8;
    font-size: 0.74rem;
    font-weight: 950;
}

.key-preview[b-890dj21qna] {
    display: grid;
    gap: 7px;
    min-width: 0;
    padding: 13px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.key-preview span[b-890dj21qna] {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.key-note[b-890dj21qna] {
    margin-top: 12px;
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.45;
}

code[b-890dj21qna] {
    display: inline-block;
    max-width: 100%;
    font-family: Consolas, "JetBrains Mono", monospace;
    font-size: 0.76rem;
    color: #1e293b;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.actions[b-890dj21qna] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: auto;
    padding-top: 18px;
}

.primary[b-890dj21qna],
.secondary[b-890dj21qna],
.table-action[b-890dj21qna] {
    border: 0;
    border-radius: 12px;
    font-weight: 900;
    cursor: pointer;
    white-space: nowrap;
}

.primary[b-890dj21qna],
.secondary[b-890dj21qna] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    font-size: 0.84rem;
}

.primary[b-890dj21qna] {
    background: linear-gradient(180deg, #3b82f6, #1d4ed8);
    color: #ffffff;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.24);
}

.secondary[b-890dj21qna] {
    background: #e2e8f0;
    color: #334155;
}

.table-wrap[b-890dj21qna] {
    width: 100%;
    overflow-x: auto;
    border-radius: 16px;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.device-table[b-890dj21qna] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    background: #ffffff;
}

.device-table th[b-890dj21qna] {
    padding: 12px 14px;
    color: #64748b;
    background: #f8fafc;
    font-size: 0.7rem;
    font-weight: 950;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.065em;
    border-bottom: 1px solid rgba(15, 23, 42, 0.09);
}

.device-table td[b-890dj21qna] {
    padding: 14px;
    color: #1e293b;
    font-size: 0.84rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.07);
    vertical-align: middle;
}

.device-table tr:last-child td[b-890dj21qna] {
    border-bottom: 0;
}

.device-table td:first-child[b-890dj21qna],
.device-table th:first-child[b-890dj21qna] {
    padding-left: 16px;
}

.device-table td:last-child[b-890dj21qna],
.device-table th:last-child[b-890dj21qna] {
    padding-right: 16px;
}

.device-table small[b-890dj21qna] {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-size: 0.76rem;
}

.right[b-890dj21qna] {
    text-align: right;
}

.split[b-890dj21qna] {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.status[b-890dj21qna] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 25px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 0.045em;
    white-space: nowrap;
}

.status.approved[b-890dj21qna] {
    background: #dcfce7;
    color: #166534;
}

.status.pending[b-890dj21qna] {
    background: #fef3c7;
    color: #92400e;
}

.status.rejected[b-890dj21qna],
.status.revoked[b-890dj21qna] {
    background: #fee2e2;
    color: #991b1b;
}

.table-action[b-890dj21qna] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 11px;
    font-size: 0.74rem;
}

.table-action.approve[b-890dj21qna] {
    background: #dbeafe;
    color: #1d4ed8;
}

.table-action.danger[b-890dj21qna] {
    background: #fee2e2;
    color: #991b1b;
}

@media (max-width: 920px) {
    .device-header[b-890dj21qna] {
        flex-direction: column;
        align-items: stretch;
    }

    .device-header-meta[b-890dj21qna] {
        justify-content: space-between;
    }

    .register-grid[b-890dj21qna] {
        grid-template-columns: 1fr;
    }

    .key-side-panel[b-890dj21qna] {
        min-height: auto;
    }

    .actions[b-890dj21qna] {
        margin-top: 0;
    }
}

@media (max-width: 680px) {
    .device-page[b-890dj21qna] {
        padding: 14px;
    }

    .device-card[b-890dj21qna] {
        border-radius: 20px;
        padding: 16px;
    }

    .device-tabs[b-890dj21qna] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .device-tabs button[b-890dj21qna] {
        width: 100%;
        min-width: 0;
        justify-content: space-between;
    }

    .device-header-meta[b-890dj21qna] {
        flex-wrap: wrap;
    }

    .device-chip[b-890dj21qna],
    .device-count[b-890dj21qna] {
        flex: 1;
    }

    .panel[b-890dj21qna] {
        padding: 14px;
        border-radius: 17px;
    }

    .textarea[b-890dj21qna] {
        min-height: 210px;
    }

    .primary[b-890dj21qna],
    .secondary[b-890dj21qna] {
        width: 100%;
    }

    .table-wrap[b-890dj21qna] {
        overflow: visible;
        border: 0;
        border-radius: 0;
    }

    .device-table[b-890dj21qna] {
        display: block;
        min-width: 0;
        background: transparent;
    }

    .device-table thead[b-890dj21qna] {
        display: none;
    }

    .device-table tbody[b-890dj21qna] {
        display: grid;
        gap: 12px;
    }

    .device-table tr[b-890dj21qna] {
        display: grid;
        gap: 10px;
        padding: 13px;
        border-radius: 16px;
        background: #ffffff;
        border: 1px solid rgba(15, 23, 42, 0.08);
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
    }

    .device-table td[b-890dj21qna] {
        display: grid;
        grid-template-columns: 96px minmax(0, 1fr);
        gap: 10px;
        padding: 0;
        border-bottom: 0;
        font-size: 0.82rem;
        text-align: left;
    }

    .device-table td[b-890dj21qna]::before {
        content: attr(data-label);
        color: #64748b;
        font-size: 0.68rem;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 0.06em;
    }

    .device-table td:first-child[b-890dj21qna],
    .device-table td:last-child[b-890dj21qna] {
        padding: 0;
    }

    .right[b-890dj21qna] {
        text-align: left;
    }

    .split[b-890dj21qna] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/Admin/AdminCatalog.razor.rz.scp.css */
.cat-root[b-ptews7s6t1]{
    position:relative;
    width:100%;
    min-height:100vh;
    background:#0C0D12;
    overflow:hidden;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.cat-bg-image[b-ptews7s6t1]{
    position:absolute;
    inset:0;
    background-image:url("/Icons/FloorplanBG.png");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    filter:saturate(1.05) contrast(1.02);
    transform:scale(1.01);
}

.cat-breath-overlay[b-ptews7s6t1]{
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, rgba(42,74,255,0.25) 0%, rgba(48,199,255,0.18) 50%, rgba(27,199,255,0.22) 100%);
    animation:catBreathOpacity-b-ptews7s6t1 3s ease-in-out infinite alternate,
    catBreathHue-b-ptews7s6t1 18s ease-in-out infinite alternate;
    pointer-events:none;
    mix-blend-mode:screen;
}

.cat-dim-overlay[b-ptews7s6t1]{
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom, rgba(12,13,18,0.44) 0%, rgba(12,13,18,0.78) 100%);
    pointer-events:none;
}

@keyframes catBreathOpacity-b-ptews7s6t1{
    from{ opacity:.22; }
    to{ opacity:.80; }
}

@keyframes catBreathHue-b-ptews7s6t1{
    from{ filter:hue-rotate(0deg); }
    to{ filter:hue-rotate(18deg); }
}

.cat-wrap[b-ptews7s6t1]{
    position:relative;
    z-index:2;
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:24px;
}

.cat-glow-aura[b-ptews7s6t1]{
    position:absolute;
    width:1180px;
    height:720px;
    border-radius:34px;
    background:rgba(167,199,255,0.40);
    filter:blur(96px);
    opacity:.26;
}

.cat-frame[b-ptews7s6t1]{
    width:min(1180px, 96vw);
    border-radius:26px;
    padding:9px;
    background:linear-gradient(to bottom, dodgerblue 0%, darkblue 100%);
    border:1.2px solid rgba(255,255,255,0.33);
    box-shadow:0 0 48px rgba(0,0,0,0.55);
}

.cat-cardShell[b-ptews7s6t1]{
    background:rgba(255,255,255,0.96);
    border-radius:18px;
    padding:22px;
    border:1px solid rgba(0,0,0,0.08);
    box-shadow:0 0 18px rgba(0,0,0,0.25);
    backdrop-filter:blur(8px);
}

.cat-head[b-ptews7s6t1]{
    display:flex;
    gap:16px;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:14px;
}

.cat-head__right[b-ptews7s6t1]{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
}

.cat-kicker[b-ptews7s6t1]{
    font-size:12px;
    color:#6B7280;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-bottom:6px;
}

.cat-title[b-ptews7s6t1]{
    margin:0;
    font-size:22px;
    font-weight:950;
    color:#111827;
}

.cat-sub[b-ptews7s6t1]{
    margin-top:6px;
    font-size:13px;
    color:#4B5563;
}

.cat-grid2[b-ptews7s6t1]{
    margin-top:14px;
    display:grid;
    grid-template-columns:520px 1fr;
    gap:14px;
    align-items:start;
}

@media (max-width: 1100px){
    .cat-grid2[b-ptews7s6t1]{ grid-template-columns:1fr; }
}

@media (max-width: 900px){
    .cat-head[b-ptews7s6t1]{ flex-direction:column; }
    .cat-form__grid[b-ptews7s6t1]{ grid-template-columns:1fr; }
}

.cat-panel[b-ptews7s6t1]{
    background:rgba(249,250,251,0.85);
    border:1px solid rgba(0,0,0,0.08);
    border-radius:16px;
    padding:14px;
    box-shadow:0 10px 24px rgba(0,0,0,0.08);
}

.cat-panel__head[b-ptews7s6t1]{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:14px;
    margin-bottom:8px;
}

.cat-panel__title[b-ptews7s6t1]{
    font-weight:950;
    color:#111827;
    margin-bottom:2px;
}

.cat-panel__sub[b-ptews7s6t1]{
    font-size:12px;
    color:#6B7280;
    margin-bottom:12px;
}

.cat-panel__actions[b-ptews7s6t1]{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
}

.cat-label[b-ptews7s6t1]{
    display:block;
    margin-bottom:8px;
    font-size:12px;
    color:#6B7280;
}

.cat-input[b-ptews7s6t1],
.cat-select[b-ptews7s6t1],
.cat-textarea[b-ptews7s6t1]{
    width:100%;
    padding:10px 12px;
    font-size:13px;
    color:#111827;
    background:#F9FAFB;
    border:1px solid rgba(0,0,0,0.13);
    border-radius:12px;
    outline:none;
    box-sizing:border-box;
}

.cat-input[b-ptews7s6t1],
.cat-select[b-ptews7s6t1]{
    height:38px;
}

.cat-textarea[b-ptews7s6t1]{
    min-height:90px;
    resize:vertical;
}

.cat-input:focus[b-ptews7s6t1],
.cat-select:focus[b-ptews7s6t1],
.cat-textarea:focus[b-ptews7s6t1]{
    border-color:rgba(77,166,255,0.53);
    box-shadow:0 0 0 1px rgba(77,166,255,0.20);
}

.cat-btn[b-ptews7s6t1]{
    height:38px;
    padding:0 14px;
    border:0;
    border-radius:12px;
    font-weight:950;
    cursor:pointer;
    user-select:none;
    color:#fff;
    background:linear-gradient(135deg,#4DA6FF 0%, #6F7CFF 100%);
    box-shadow:0 10px 22px rgba(77,166,255,0.18);
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.cat-btn:hover[b-ptews7s6t1]{ opacity:.92; }
.cat-btn:active[b-ptews7s6t1]{ opacity:.85; }
.cat-btn[disabled][b-ptews7s6t1]{ opacity:.55; cursor:not-allowed; }

.cat-btn--ghost[b-ptews7s6t1]{
    background:rgba(17,24,39,0.06);
    color:#111827;
    border:1px solid rgba(17,24,39,0.10);
    box-shadow:none;
}

.cat-btn--ghost:hover[b-ptews7s6t1]{
    background:rgba(17,24,39,0.08);
}

.cat-btn--danger[b-ptews7s6t1]{
    background:rgba(239,68,68,0.10);
    color:#991B1B;
    border:1px solid rgba(239,68,68,0.22);
    box-shadow:none;
}

.cat-btn--danger:hover[b-ptews7s6t1]{
    background:rgba(239,68,68,0.14);
}

.cat-spin[b-ptews7s6t1]{
    width:14px;
    height:14px;
    border-radius:999px;
    border:2px solid rgba(255,255,255,.28);
    border-top-color:rgba(255,255,255,.85);
    animation:catspin-b-ptews7s6t1 700ms linear infinite;
}

@keyframes catspin-b-ptews7s6t1{
    to{ transform:rotate(360deg); }
}

.cat-alert[b-ptews7s6t1]{
    margin-top:12px;
    padding:10px 12px;
    border-radius:12px;
    border:1px solid rgba(0,0,0,0.12);
}

.cat-alert--err[b-ptews7s6t1]{
    background:rgba(239,68,68,0.10);
    border-color:rgba(239,68,68,0.22);
    color:#991B1B;
}

.cat-alert--ok[b-ptews7s6t1]{
    background:rgba(16,185,129,0.10);
    border-color:rgba(16,185,129,0.22);
    color:#065F46;
}

.cat-alert__title[b-ptews7s6t1]{
    font-weight:950;
    margin-bottom:2px;
}

.cat-filter[b-ptews7s6t1]{
    display:grid;
    grid-template-columns:1fr 170px;
    gap:12px;
}

@media (max-width: 700px){
    .cat-filter[b-ptews7s6t1]{ grid-template-columns:1fr; }
}

.cat-actionsRow[b-ptews7s6t1]{
    margin-top:12px;
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    flex-wrap:wrap;
}

.cat-pager[b-ptews7s6t1]{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.cat-pageMeta[b-ptews7s6t1]{
    display:flex;
    align-items:center;
    gap:10px;
}

.cat-muted[b-ptews7s6t1]{
    color:#6B7280;
    font-size:12px;
}

.cat-pill[b-ptews7s6t1]{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:11px;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid rgba(17,24,39,0.10);
    background:rgba(17,24,39,0.04);
    color:#374151;
}

.cat-divider[b-ptews7s6t1]{
    height:1px;
    background:rgba(17,24,39,0.10);
    margin:14px 0 10px;
}

.cat-empty[b-ptews7s6t1]{
    padding:10px 2px 2px;
}

.cat-empty__title[b-ptews7s6t1]{
    font-weight:800;
    color:#111827;
    margin-bottom:6px;
}

.cat-empty__msg[b-ptews7s6t1]{
    font-size:13px;
    color:#6B7280;
}

.cat-list[b-ptews7s6t1]{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding-top:2px;
}

.cat-row[b-ptews7s6t1]{
    width:100%;
    text-align:left;
    border-radius:14px;
    border:1px solid rgba(17,24,39,0.08);
    background:rgba(255,255,255,0.75);
    padding:12px;
    color:#111827;
    cursor:pointer;
    box-shadow:0 10px 18px rgba(0,0,0,0.05);
    transition:background .12s ease, transform .08s ease, border-color .12s ease, box-shadow .12s ease;
}

.cat-row:hover[b-ptews7s6t1]{
    transform:translateY(-1px);
    background:rgba(255,255,255,0.94);
    border-color:rgba(77,166,255,0.24);
    box-shadow:0 10px 22px rgba(77,166,255,0.08);
}

.cat-row.is-selected[b-ptews7s6t1]{
    border-color:rgba(77,166,255,0.42);
    box-shadow:0 0 0 3px rgba(77,166,255,0.14), 0 10px 22px rgba(77,166,255,0.10);
}

.cat-row__top[b-ptews7s6t1]{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:flex-start;
}

.cat-name[b-ptews7s6t1]{
    font-weight:850;
}

.cat-desc[b-ptews7s6t1]{
    margin-top:6px;
    font-size:13px;
    color:#4B5563;
}

.cat-subline[b-ptews7s6t1]{
    margin-top:6px;
    font-size:12px;
    color:#6B7280;
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    align-items:center;
}

.cat-dotSep[b-ptews7s6t1]{
    opacity:.45;
}

.cat-mono[b-ptews7s6t1]{
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.cat-badges[b-ptews7s6t1]{
    display:flex;
    gap:8px;
}

.cat-badge[b-ptews7s6t1]{
    font-size:11px;
    padding:4px 8px;
    border-radius:999px;
    border:1px solid rgba(17,24,39,0.10);
    background:rgba(17,24,39,0.04);
}

.cat-badge--on[b-ptews7s6t1]{
    background:rgba(16,185,129,0.10);
    border-color:rgba(16,185,129,0.25);
    color:#065F46;
}

.cat-badge--off[b-ptews7s6t1]{
    background:rgba(245,158,11,0.12);
    border-color:rgba(245,158,11,0.30);
    color:#92400E;
}

.cat-form[b-ptews7s6t1]{
    padding-top:2px;
}

.cat-form__grid[b-ptews7s6t1]{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.cat-field--wide[b-ptews7s6t1]{
    grid-column:1 / -1;
}

.cat-field--row[b-ptews7s6t1]{
    grid-column:1 / -1;
}

.cat-check[b-ptews7s6t1]{
    display:flex;
    align-items:center;
    gap:10px;
    user-select:none;
    color:#374151;
    font-size:13px;
}

.cat-form__cta[b-ptews7s6t1]{
    margin-top:14px;
    display:flex;
    justify-content:flex-end;
}

.cat-modalBackdrop[b-ptews7s6t1]{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.55);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    z-index:50;
}

.cat-modal[b-ptews7s6t1]{
    width:min(520px, 100%);
    border-radius:18px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,0.98);
    box-shadow:0 28px 70px rgba(0,0,0,.60);
    overflow:hidden;
}

.cat-modal__title[b-ptews7s6t1]{
    padding:14px 16px 12px;
    font-weight:950;
    color:#111827;
    border-bottom:1px solid rgba(17,24,39,0.08);
    background:linear-gradient(180deg, rgba(17,24,39,0.03), rgba(17,24,39,0.01));
}

.cat-modal__body[b-ptews7s6t1]{
    padding:14px 16px 12px;
    color:#111827;
}

.cat-modal__line[b-ptews7s6t1]{
    font-size:14px;
}

.cat-modal__sub[b-ptews7s6t1]{
    margin-top:10px;
    font-size:12px;
    color:#6B7280;
}

.cat-modal__actions[b-ptews7s6t1]{
    padding:12px 16px 16px;
    display:flex;
    justify-content:flex-end;
    gap:10px;
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/Admin/LeaveRequest.razor.rz.scp.css */
.fp-loginbg[b-lrm10m4rey]{
    position: relative;
    min-height: 100vh;
    background: #0C0D12;
    overflow: hidden;
}

.fp-loginbg[b-lrm10m4rey]::before{
    content:"";
    position:absolute;
    inset:0;
    background-image: url("/Icons/FloorplanBG.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1.01);
    z-index:0;
}

.fp-loginbg__dim[b-lrm10m4rey]{
    position:absolute;
    inset:0;
    background: linear-gradient(to bottom, rgba(12,13,18,0.45), rgba(12,13,18,0.82));
    z-index:1;
    pointer-events:none;
}

.fp-leave[b-lrm10m4rey]{
    position: relative;
    z-index: 2;
    min-height: 100vh;
    padding: 28px 28px 42px;
    color: #EAF0FF;
}

.fp-leave__top[b-lrm10m4rey]{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px;
}

.fp-leave__title[b-lrm10m4rey]{
    font-size: 28px;
    margin: 0 0 4px;
    letter-spacing: .2px;
}

.fp-leave__sub[b-lrm10m4rey]{
    margin:0;
    color: rgba(234,240,255,0.70);
    font-size: 13.5px;
}

.fp-leave__tools[b-lrm10m4rey]{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.fp-leave__monthPill[b-lrm10m4rey]{
    min-width: 170px;
    text-align:center;
    padding: 10px 14px;
    border-radius: 16px;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.16);
    color: #F5F7FF;
    font-weight: 800;
}

.fp-leave__layout[b-lrm10m4rey]{
    display:grid;
    grid-template-columns: 430px minmax(0, 1fr);
    gap:16px;
    align-items:start;
}

.fp-leave__left[b-lrm10m4rey],
.fp-leave__right[b-lrm10m4rey]{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.fp-leave__rightBottom[b-lrm10m4rey]{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:16px;
}

.fp-leave__loading[b-lrm10m4rey]{
    padding: 18px 20px;
    border-radius: 20px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.14);
    color: rgba(234,240,255,0.82);
}

.fp-shell[b-lrm10m4rey]{
    border-radius: 24px;
}

.fp-shell__rim[b-lrm10m4rey]{
    border-radius: 24px;
    padding: 8px;
    background: linear-gradient(180deg, dodgerblue 0%, darkblue 100%);
    border: 1px solid rgba(255,255,255,0.24);
    box-shadow: 0 22px 60px rgba(0,0,0,0.35);
}

.fp-shell__inner[b-lrm10m4rey]{
    border-radius: 18px;
    padding: 16px;
    background: #FFFFFF;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.70);
}

.fp-shell--calendar .fp-shell__inner[b-lrm10m4rey]{
    padding: 18px;
}

.fp-panel__head[b-lrm10m4rey]{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
}

.fp-panel__head--calendar[b-lrm10m4rey]{
    margin-bottom:16px;
}

.fp-panel__title[b-lrm10m4rey]{
    font-size: 15px;
    font-weight: 900;
    color: #111827;
    letter-spacing:.15px;
}

.fp-panel__sub[b-lrm10m4rey]{
    margin-top:4px;
    font-size: 12.5px;
    color: rgba(17,24,39,0.60);
}

.fp-btn[b-lrm10m4rey]{
    border: 0;
    border-radius: 14px;
    padding: 10px 14px;
    font-weight: 800;
    cursor: pointer;
    transition: transform .14s ease, box-shadow .16s ease, opacity .16s ease;
}

.fp-btn:hover[b-lrm10m4rey]{
    transform: translateY(-1px);
}

.fp-btn:disabled[b-lrm10m4rey]{
    opacity: .6;
    cursor: default;
    transform: none;
}

.fp-btn--primary[b-lrm10m4rey]{
    color: #fff;
    background: linear-gradient(180deg, #3B82F6 0%, #1D4ED8 100%);
    box-shadow: 0 10px 24px rgba(29,78,216,0.28);
}

.fp-btn--ghost[b-lrm10m4rey]{
    color: #EAF0FF;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.18);
}

.fp-btn--mini[b-lrm10m4rey]{
    padding: 8px 10px;
    border-radius: 12px;
    font-size: 12px;
}

.fp-alert[b-lrm10m4rey]{
    margin-bottom: 14px;
    border-radius: 18px;
    padding: 12px 14px;
}

.fp-alert--err[b-lrm10m4rey]{
    background: rgba(239,68,68,0.16);
    border: 1px solid rgba(239,68,68,0.28);
    color: #FDE2E2;
}

.fp-alert--ok[b-lrm10m4rey]{
    background: rgba(34,197,94,0.16);
    border: 1px solid rgba(34,197,94,0.28);
    color: #DCFCE7;
}

.fp-alert__title[b-lrm10m4rey]{
    font-weight: 900;
    margin-bottom: 2px;
}

.fp-form[b-lrm10m4rey]{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.fp-form__grid[b-lrm10m4rey]{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:12px;
}

.fp-field[b-lrm10m4rey]{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.fp-field--full[b-lrm10m4rey]{
    grid-column: 1 / -1;
}

.fp-field__label[b-lrm10m4rey]{
    font-size: 12px;
    color: rgba(17,24,39,0.62);
    font-weight: 700;
}

.fp-field__input[b-lrm10m4rey]{
    width:100%;
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(17,24,39,0.10);
    background: rgba(17,24,39,0.03);
    color: #111827;
    outline:none;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.fp-field__input:focus[b-lrm10m4rey]{
    border-color: rgba(59,130,246,0.55);
    box-shadow: 0 0 0 4px rgba(59,130,246,0.14);
}

.fp-field__input--area[b-lrm10m4rey]{
    min-height: 104px;
    resize: vertical;
}

.fp-form__summary[b-lrm10m4rey]{
    border-radius: 16px;
    background: rgba(17,24,39,0.03);
    border: 1px solid rgba(17,24,39,0.08);
    padding: 12px;
}

.fp-chipRow[b-lrm10m4rey]{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.fp-chip[b-lrm10m4rey]{
    min-width: 120px;
    border-radius: 14px;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid rgba(17,24,39,0.08);
}

.fp-chip__label[b-lrm10m4rey]{
    display:block;
    font-size: 11px;
    color: rgba(17,24,39,0.55);
    margin-bottom: 4px;
}

.fp-chip__value[b-lrm10m4rey]{
    display:block;
    font-size: 15px;
    color: #111827;
    font-weight: 900;
}

.fp-form__actions[b-lrm10m4rey]{
    display:flex;
    justify-content:flex-end;
    gap:10px;
}

.fp-balanceGrid[b-lrm10m4rey]{
    display:grid;
    grid-template-columns: 1fr;
    gap:10px;
}

.fp-balanceCard[b-lrm10m4rey]{
    border-radius: 16px;
    padding: 14px;
    background: rgba(17,24,39,0.03);
    border: 1px solid rgba(17,24,39,0.08);
}

.fp-balanceCard__head[b-lrm10m4rey]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:8px;
}

.fp-balanceCard__title[b-lrm10m4rey]{
    font-weight: 900;
    color: #111827;
}

.fp-balanceCard__pill[b-lrm10m4rey]{
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 800;
    border: 1px solid transparent;
}

.fp-pill--blue[b-lrm10m4rey]{
    background: rgba(59,130,246,0.10);
    color: #1D4ED8;
    border-color: rgba(59,130,246,0.18);
}

.fp-pill--rose[b-lrm10m4rey]{
    background: rgba(244,63,94,0.10);
    color: #BE123C;
    border-color: rgba(244,63,94,0.18);
}

.fp-pill--teal[b-lrm10m4rey]{
    background: rgba(20,184,166,0.10);
    color: #0F766E;
    border-color: rgba(20,184,166,0.18);
}

.fp-balanceCard__value[b-lrm10m4rey]{
    font-size: 28px;
    font-weight: 900;
    color: #111827;
    margin-bottom: 6px;
}

.fp-balanceCard__meta[b-lrm10m4rey]{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:8px;
    font-size: 12px;
    color: rgba(17,24,39,0.60);
}

.fp-list[b-lrm10m4rey]{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.fp-list__empty[b-lrm10m4rey]{
    border-radius: 16px;
    padding: 14px;
    background: rgba(17,24,39,0.03);
    border: 1px dashed rgba(17,24,39,0.12);
    color: rgba(17,24,39,0.58);
}

.fp-listItem[b-lrm10m4rey]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border-radius: 16px;
    padding: 12px 14px;
    background: rgba(17,24,39,0.03);
    border: 1px solid rgba(17,24,39,0.08);
}

.fp-listItem__main[b-lrm10m4rey]{
    min-width:0;
}

.fp-listItem__title[b-lrm10m4rey]{
    font-weight: 900;
    color: #111827;
}

.fp-listItem__sub[b-lrm10m4rey]{
    margin-top:3px;
    font-size: 12.5px;
    color: rgba(17,24,39,0.62);
}

.fp-listItem__right[b-lrm10m4rey]{
    display:flex;
    align-items:center;
    gap:8px;
    flex-shrink:0;
}

.fp-listItem__small[b-lrm10m4rey]{
    font-size: 12px;
    color: rgba(17,24,39,0.56);
}

.fp-statusPill[b-lrm10m4rey]{
    border-radius: 999px;
    padding: 5px 10px;
    font-size: 11px;
    font-weight: 900;
    border: 1px solid transparent;
}

.fp-statusPill--pending[b-lrm10m4rey]{
    background: rgba(245,158,11,0.10);
    color: #92400E;
    border-color: rgba(245,158,11,0.18);
}

.fp-statusPill--ok[b-lrm10m4rey]{
    background: rgba(34,197,94,0.10);
    color: #166534;
    border-color: rgba(34,197,94,0.18);
}

.fp-statusPill--err[b-lrm10m4rey]{
    background: rgba(239,68,68,0.10);
    color: #991B1B;
    border-color: rgba(239,68,68,0.18);
}

.fp-statusPill--muted[b-lrm10m4rey]{
    background: rgba(100,116,139,0.10);
    color: #475569;
    border-color: rgba(100,116,139,0.18);
}

.fp-calendarLegend[b-lrm10m4rey]{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    justify-content:flex-end;
}

.fp-legend[b-lrm10m4rey]{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    border: 1px solid transparent;
}

.fp-legend--annual[b-lrm10m4rey]{
    background: rgba(59,130,246,0.10);
    color: #1D4ED8;
    border-color: rgba(59,130,246,0.18);
}

.fp-legend--sick[b-lrm10m4rey]{
    background: rgba(244,63,94,0.10);
    color: #BE123C;
    border-color: rgba(244,63,94,0.18);
}

.fp-legend--special[b-lrm10m4rey]{
    background: rgba(168,85,247,0.10);
    color: #7E22CE;
    border-color: rgba(168,85,247,0.18);
}

.fp-legend--wfh[b-lrm10m4rey]{
    background: rgba(20,184,166,0.10);
    color: #0F766E;
    border-color: rgba(20,184,166,0.18);
}

.fp-legend--mine[b-lrm10m4rey]{
    background: rgba(34,197,94,0.10);
    color: #166534;
    border-color: rgba(34,197,94,0.18);
}

.fp-calendarToolbar[b-lrm10m4rey]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom: 14px;
}

.fp-calendarToolbar__left[b-lrm10m4rey],
.fp-calendarToolbar__right[b-lrm10m4rey]{
    display:flex;
    gap:10px;
    align-items:center;
}

.fp-calendarToolbar__search[b-lrm10m4rey]{
    min-width: 220px;
}

.fp-calendar[b-lrm10m4rey]{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.fp-calendar__weekdays[b-lrm10m4rey]{
    display:grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap:8px;
}

.fp-calendar__weekday[b-lrm10m4rey]{
    border-radius: 14px;
    padding: 10px 12px;
    text-align:center;
    background: rgba(17,24,39,0.04);
    border: 1px solid rgba(17,24,39,0.08);
    color: rgba(17,24,39,0.72);
    font-size: 12px;
    font-weight: 900;
}

.fp-calendar__grid[b-lrm10m4rey]{
    display:grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap:8px;
}

.fp-calendar__cell[b-lrm10m4rey]{
    min-height: 148px;
    border-radius: 18px;
    padding: 10px;
    background: rgba(17,24,39,0.03);
    border: 1px solid rgba(17,24,39,0.08);
    cursor:pointer;
    transition: transform .14s ease, box-shadow .16s ease, border-color .16s ease;
}

.fp-calendar__cell:hover[b-lrm10m4rey]{
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.08);
}

.fp-calendar__cell.is-muted[b-lrm10m4rey]{
    opacity: .45;
}

.fp-calendar__cell.is-today[b-lrm10m4rey]{
    border-color: rgba(59,130,246,0.45);
    box-shadow: inset 0 0 0 1px rgba(59,130,246,0.18);
}

.fp-calendar__cellTop[b-lrm10m4rey]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:8px;
}

.fp-calendar__date[b-lrm10m4rey]{
    font-size: 13px;
    font-weight: 900;
    color: #111827;
}

.fp-calendar__count[b-lrm10m4rey]{
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    border-radius: 999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: rgba(17,24,39,0.06);
    color: rgba(17,24,39,0.72);
    font-size: 11px;
    font-weight: 900;
}

.fp-calendar__events[b-lrm10m4rey]{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.fp-calendarEvent[b-lrm10m4rey]{
    border-radius: 12px;
    padding: 7px 8px;
    border: 1px solid transparent;
    display:flex;
    flex-direction:column;
    gap:2px;
}

.fp-calendarEvent__name[b-lrm10m4rey]{
    font-size: 11px;
    font-weight: 900;
}

.fp-calendarEvent__meta[b-lrm10m4rey]{
    font-size: 10.5px;
    opacity: .88;
}

.fp-calendarEvent--annual[b-lrm10m4rey]{
    background: rgba(59,130,246,0.10);
    color: #1D4ED8;
    border-color: rgba(59,130,246,0.16);
}

.fp-calendarEvent--sick[b-lrm10m4rey]{
    background: rgba(244,63,94,0.10);
    color: #BE123C;
    border-color: rgba(244,63,94,0.16);
}

.fp-calendarEvent--special[b-lrm10m4rey]{
    background: rgba(168,85,247,0.10);
    color: #7E22CE;
    border-color: rgba(168,85,247,0.16);
}

.fp-calendarEvent--wfh[b-lrm10m4rey]{
    background: rgba(20,184,166,0.10);
    color: #0F766E;
    border-color: rgba(20,184,166,0.16);
}

.fp-calendarEvent--mine[b-lrm10m4rey]{
    background: rgba(34,197,94,0.12);
    color: #166534;
    border-color: rgba(34,197,94,0.18);
}

.fp-calendarEvent--default[b-lrm10m4rey]{
    background: rgba(100,116,139,0.10);
    color: #475569;
    border-color: rgba(100,116,139,0.16);
}

.fp-calendar__more[b-lrm10m4rey]{
    font-size: 11px;
    color: rgba(17,24,39,0.56);
    font-weight: 800;
    padding-left: 2px;
}

@media (max-width: 1380px){
    .fp-leave__layout[b-lrm10m4rey]{
        grid-template-columns: 1fr;
    }

    .fp-leave__rightBottom[b-lrm10m4rey]{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px){
    .fp-leave__top[b-lrm10m4rey]{
        flex-direction:column;
        align-items:stretch;
    }

    .fp-form__grid[b-lrm10m4rey]{
        grid-template-columns: 1fr;
    }

    .fp-calendar__cell[b-lrm10m4rey]{
        min-height: 124px;
    }

    .fp-calendarToolbar[b-lrm10m4rey]{
        flex-direction:column;
        align-items:stretch;
    }

    .fp-calendarToolbar__right[b-lrm10m4rey]{
        width:100%;
    }

    .fp-calendarToolbar__search[b-lrm10m4rey]{
        min-width: 0;
        width:100%;
    }
}

@media (max-width: 760px){
    .fp-calendar__weekdays[b-lrm10m4rey],
    .fp-calendar__grid[b-lrm10m4rey]{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fp-calendar__weekday:nth-child(n+3)[b-lrm10m4rey]{
        display:none;
    }
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/Boards/DeptBoard.razor.rz.scp.css */
.bb-root[b-64bkws0ozf] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #eaf1ff;
    background: #0c1018;
}

.bb-bg-image[b-64bkws0ozf] {
    position: absolute;
    inset: 0;
    background:
            radial-gradient(circle at 14% 10%, rgba(52, 112, 255, 0.18), transparent 28%),
            radial-gradient(circle at 82% 12%, rgba(40, 178, 255, 0.12), transparent 24%),
            linear-gradient(180deg, #0c1119 0%, #090d14 100%);
}

.bb-breath-overlay[b-64bkws0ozf] {
    position: absolute;
    inset: 0;
    background:
            radial-gradient(circle at 50% 40%, rgba(91, 140, 255, 0.09), transparent 42%);
    animation: bb-breathe-b-64bkws0ozf 8s ease-in-out infinite;
    pointer-events: none;
}

.bb-dim-overlay[b-64bkws0ozf] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(10,12,18,0.30), rgba(10,12,18,0.72));
}

.bb-wrap[b-64bkws0ozf] {
    position: relative;
    z-index: 1;
    padding: 22px;
}

.bb-glow-aura[b-64bkws0ozf] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
            radial-gradient(circle at 32% 0%, rgba(91, 140, 255, 0.10), transparent 26%),
            radial-gradient(circle at 70% 0%, rgba(73, 190, 255, 0.06), transparent 22%);
    filter: blur(42px);
}

.bb-frame[b-64bkws0ozf] {
    position: relative;
    max-width: 1700px;
    margin: 0 auto;
    border-radius: 30px;
    padding: 1px;
    background: linear-gradient(135deg, rgba(96, 136, 255, 0.38), rgba(71, 192, 255, 0.18), rgba(255, 255, 255, 0.04));
    box-shadow: 0 20px 80px rgba(0, 0, 0, 0.34);
}

.bb-card[b-64bkws0ozf] {
    border-radius: 29px;
    min-height: calc(100vh - 44px);
    background: rgba(10, 15, 24, 0.86);
    backdrop-filter: blur(18px);
    padding: 22px;
}

.bb-head[b-64bkws0ozf] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 18px;
}

.bb-kicker[b-64bkws0ozf] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #8fb1ff;
    margin-bottom: 8px;
}

.bb-title[b-64bkws0ozf] {
    margin: 0;
    font-size: 2rem;
    line-height: 1.05;
    color: #f4f7ff;
}

.bb-sub[b-64bkws0ozf] {
    margin-top: 8px;
    color: #9fb4db;
    font-size: 0.96rem;
}

.bb-mono[b-64bkws0ozf] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    color: #bfd0ff;
    margin-left: 10px;
}

.bb-grid[b-64bkws0ozf] {
    display: grid;
    grid-template-columns: 330px 1fr 330px;
    gap: 18px;
    min-height: calc(100vh - 160px);
}

.bb-side[b-64bkws0ozf],
.bb-main[b-64bkws0ozf] {
    min-width: 0;
}

.bb-panel[b-64bkws0ozf],
.bb-canvasPanel[b-64bkws0ozf] {
    background: rgba(14, 19, 30, 0.78);
    border: 1px solid rgba(132, 164, 255, 0.16);
    border-radius: 22px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
}

.bb-panel[b-64bkws0ozf] {
    padding: 16px;
    margin-bottom: 16px;
}

.bb-panel__title[b-64bkws0ozf] {
    font-size: 0.83rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #9eb8ff;
    margin-bottom: 14px;
}

.bb-metaRow[b-64bkws0ozf] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.bb-metaRow span[b-64bkws0ozf] {
    color: #8fa0c5;
}

.bb-metaRow strong[b-64bkws0ozf] {
    color: #eef3ff;
    text-align: right;
}

.bb-label[b-64bkws0ozf] {
    display: block;
    margin: 12px 0 6px;
    color: #b8c8ea;
    font-size: 0.9rem;
}

.bb-input[b-64bkws0ozf],
.bb-textarea[b-64bkws0ozf],
.bb-range[b-64bkws0ozf] {
    width: 100%;
    border-radius: 14px;
    border: 1px solid rgba(137, 166, 255, 0.18);
    background: rgba(8, 12, 20, 0.85);
    color: #eef3ff;
    padding: 10px 12px;
    outline: none;
}

.bb-input:focus[b-64bkws0ozf],
.bb-textarea:focus[b-64bkws0ozf] {
    border-color: rgba(120, 164, 255, 0.5);
    box-shadow: 0 0 0 4px rgba(91, 140, 255, 0.10);
}

.bb-input--colour[b-64bkws0ozf] {
    padding: 6px;
    height: 44px;
}

.bb-textarea[b-64bkws0ozf] {
    resize: vertical;
    min-height: 108px;
}

.bb-range[b-64bkws0ozf] {
    padding: 0;
    height: 36px;
}

.bb-rangeValue[b-64bkws0ozf] {
    color: #9fb2d9;
    font-size: 0.85rem;
    margin-top: 6px;
}

.bb-actions[b-64bkws0ozf] {
    display: flex;
    gap: 10px;
    margin-top: 14px;
}

.bb-btn[b-64bkws0ozf] {
    appearance: none;
    border: 0;
    border-radius: 14px;
    padding: 11px 14px;
    color: white;
    font-weight: 700;
    cursor: pointer;
    background: linear-gradient(135deg, #5b8cff, #3cb9ff);
    box-shadow: 0 10px 28px rgba(56, 121, 255, 0.22);
}

.bb-btn:hover[b-64bkws0ozf] {
    transform: translateY(-1px);
}

.bb-btn:disabled[b-64bkws0ozf] {
    opacity: 0.6;
    cursor: default;
    transform: none;
}

.bb-btn--ghost[b-64bkws0ozf] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.07);
    box-shadow: none;
}

.bb-btn--danger[b-64bkws0ozf] {
    background: linear-gradient(135deg, #cb4f68, #ff6a78);
}

.bb-main[b-64bkws0ozf] {
    min-width: 0;
}

.bb-canvasPanel[b-64bkws0ozf] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 760px;
    padding: 14px;
}

.bb-canvasTop[b-64bkws0ozf] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    padding: 6px 6px 14px;
}

.bb-canvasMeta[b-64bkws0ozf] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.bb-chip[b-64bkws0ozf] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 7px 11px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.06);
    color: #d7e3ff;
    font-size: 0.84rem;
}

.bb-canvasHelp[b-64bkws0ozf] {
    color: #95a9d4;
    font-size: 0.92rem;
    text-align: right;
}

.bb-stage[b-64bkws0ozf] {
    position: relative;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    border-radius: 18px;
    background:
            linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px),
            linear-gradient(180deg, #0d1320 0%, #0a0f18 100%);
    background-size: 32px 32px, 32px 32px, auto;
    border: 1px solid rgba(133, 166, 255, 0.14);
}

.bb-surfaceHost[b-64bkws0ozf] {
    position: absolute;
    inset: 0;
}

.bb-empty[b-64bkws0ozf] {
    color: #8fa2cc;
    padding: 8px 0;
}

.bb-error[b-64bkws0ozf] {
    margin-bottom: 16px;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(187, 67, 91, 0.16);
    color: #ffd8df;
    border: 1px solid rgba(255, 115, 140, 0.25);
}

.bb-listItem[b-64bkws0ozf] {
    width: 100%;
    text-align: left;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 16px;
    padding: 12px;
    color: inherit;
    cursor: pointer;
    margin-bottom: 10px;
}

.bb-listItem:hover[b-64bkws0ozf] {
    border-color: rgba(130, 164, 255, 0.22);
    background: rgba(255,255,255,0.05);
}

.bb-listItem.is-selected[b-64bkws0ozf] {
    border-color: rgba(91, 140, 255, 0.45);
    background: rgba(91, 140, 255, 0.10);
}

.bb-listItem__title[b-64bkws0ozf] {
    font-weight: 700;
    color: #edf2ff;
}

.bb-listItem__meta[b-64bkws0ozf] {
    margin-top: 4px;
    font-size: 0.84rem;
    color: #9cb0da;
}

.bb-listItem__body[b-64bkws0ozf] {
    margin-top: 6px;
    font-size: 0.9rem;
    color: #d4def5;
}

.bb-check[b-64bkws0ozf] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    color: #dce7ff;
}

.bb-pinExpiry[b-64bkws0ozf] {
    margin-top: 12px;
    color: #9fb3db;
    font-size: 0.9rem;
}

.bb-expTag[b-64bkws0ozf] {
    display: inline-block;
    margin-left: 10px;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(255,255,255,0.05);
    color: #d9e4ff;
}

@keyframes bb-breathe-b-64bkws0ozf {
    0%, 100% { opacity: 0.72; transform: scale(1); }
    50%      { opacity: 1; transform: scale(1.02); }
}

@media (max-width: 1450px) {
    .bb-grid[b-64bkws0ozf] {
        grid-template-columns: 290px 1fr 290px;
    }
}

@media (max-width: 1180px) {
    .bb-grid[b-64bkws0ozf] {
        grid-template-columns: 1fr;
    }

    .bb-canvasPanel[b-64bkws0ozf] {
        min-height: 560px;
    }

    .bb-head[b-64bkws0ozf] {
        flex-direction: column;
    }

    .bb-canvasTop[b-64bkws0ozf] {
        flex-direction: column;
        align-items: flex-start;
    }

    .bb-canvasHelp[b-64bkws0ozf] {
        text-align: left;
    }
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/ClientManager.razor.rz.scp.css */
.ch-root[b-jnw3goqhkj] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #eaf0ff;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:
            radial-gradient(circle at 28% 10%, rgba(36, 99, 235, 0.28), transparent 32%),
            radial-gradient(circle at 82% 36%, rgba(14, 165, 233, 0.16), transparent 34%),
            linear-gradient(135deg, #020714 0%, #071426 48%, #02040a 100%);
}

.ch-root[b-jnw3goqhkj]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
            linear-gradient(90deg, rgba(80, 150, 255, 0.035) 1px, transparent 1px),
            linear-gradient(0deg, rgba(80, 150, 255, 0.03) 1px, transparent 1px);
    background-size: 76px 76px;
    mask-image: radial-gradient(circle at center, black 0%, transparent 78%);
    pointer-events: none;
}

.ch-root[b-jnw3goqhkj]::after {
    content: "";
    position: absolute;
    inset: auto -10% -20% -10%;
    height: 36vh;
    background: repeating-linear-gradient(
            115deg,
            rgba(51, 132, 255, 0.12) 0 1px,
            transparent 1px 18px
    );
    opacity: 0.28;
    transform: perspective(700px) rotateX(62deg);
    transform-origin: bottom;
    pointer-events: none;
}

.ch-noise[b-jnw3goqhkj] {
    position: absolute;
    inset: 0;
    opacity: 0.15;
    pointer-events: none;
    background-image:
            radial-gradient(circle at 20% 20%, rgba(255,255,255,0.08) 0 1px, transparent 1px),
            radial-gradient(circle at 80% 70%, rgba(255,255,255,0.06) 0 1px, transparent 1px);
    background-size: 120px 120px, 180px 180px;
}

.ch-grid-bg[b-jnw3goqhkj] {
    position: absolute;
    inset: 7% 8% 8% 8%;
    border: 1px solid rgba(95, 155, 255, 0.08);
    background:
            linear-gradient(90deg, transparent 0 24%, rgba(59, 130, 246, 0.13) 24.2% 24.5%, transparent 24.7%),
            linear-gradient(0deg, transparent 0 52%, rgba(59, 130, 246, 0.12) 52.2% 52.4%, transparent 52.7%);
    opacity: 0.55;
    pointer-events: none;
}

.ch-blueprint[b-jnw3goqhkj] {
    position: absolute;
    right: -8%;
    bottom: 8%;
    width: 38vw;
    height: 46vh;
    opacity: 0.12;
    pointer-events: none;
    border: 1px solid rgba(120, 170, 255, 0.18);
    transform: skewY(-12deg);
    background:
            linear-gradient(90deg, transparent 0 20%, rgba(80, 150, 255, 0.35) 20.1% 20.4%, transparent 20.6%),
            linear-gradient(90deg, transparent 0 64%, rgba(80, 150, 255, 0.26) 64.1% 64.4%, transparent 64.6%),
            linear-gradient(0deg, transparent 0 40%, rgba(80, 150, 255, 0.24) 40.1% 40.4%, transparent 40.6%);
    filter: drop-shadow(0 0 28px rgba(59, 130, 246, 0.25));
}

.ch-shell[b-jnw3goqhkj] {
    position: relative;
    z-index: 2;
    min-height: 100vh;
    padding: 42px 38px 34px;
}

.ch-topbar[b-jnw3goqhkj],
.ch-actions[b-jnw3goqhkj],
.ch-filters[b-jnw3goqhkj],
.ch-meta[b-jnw3goqhkj],
.ch-pager[b-jnw3goqhkj],
.ch-tabs[b-jnw3goqhkj] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ch-topbar[b-jnw3goqhkj] {
    justify-content: space-between;
    align-items: flex-start;
    gap: 28px;
    margin-bottom: 28px;
}

.ch-eyebrow[b-jnw3goqhkj] {
    margin-bottom: 6px;
    color: #7bb4ff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.ch-titleBlock h1[b-jnw3goqhkj] {
    margin: 0;
    color: white;
    font-size: 34px;
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.ch-titleBlock p[b-jnw3goqhkj] {
    margin: 8px 0 0;
    color: rgba(226, 237, 255, 0.66);
    font-size: 14px;
}

.ch-btn[b-jnw3goqhkj],
.ch-chip[b-jnw3goqhkj],
.ch-tab[b-jnw3goqhkj] {
    min-height: 42px;
    border-radius: 11px;
    padding: 0 16px;
    font-size: 13px;
    font-weight: 850;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, background 140ms ease;
}

.ch-btn:disabled[b-jnw3goqhkj],
.ch-chip:disabled[b-jnw3goqhkj] {
    cursor: not-allowed;
    opacity: 0.58;
}

.ch-btn--primary[b-jnw3goqhkj],
.ch-chip--strong[b-jnw3goqhkj] {
    color: white;
    border: 1px solid rgba(35, 91, 170, 0.48);
    background: linear-gradient(180deg, rgba(54, 134, 238, 1) 0%, rgba(34, 91, 162, 1) 100%);
    box-shadow:
            0 14px 28px rgba(30, 64, 175, 0.30),
            inset 0 1px 0 rgba(255,255,255,0.32),
            inset 0 -1px 0 rgba(0,0,0,0.16);
}

.ch-btn--ghost[b-jnw3goqhkj],
.ch-chip[b-jnw3goqhkj],
.ch-tab[b-jnw3goqhkj] {
    color: rgba(226, 237, 255, 0.84);
    border: 1px solid rgba(121, 171, 255, 0.22);
    background: rgba(4, 13, 27, 0.50);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.04),
            0 16px 42px rgba(0,0,0,0.18);
    backdrop-filter: blur(14px);
}

.ch-btn:hover[b-jnw3goqhkj],
.ch-chip:hover[b-jnw3goqhkj],
.ch-tab:hover[b-jnw3goqhkj] {
    transform: translateY(-1px);
}

.ch-chip.is-active[b-jnw3goqhkj],
.ch-tab.is-active[b-jnw3goqhkj] {
    color: #ffffff;
    border-color: rgba(96, 165, 250, 0.58);
    background: rgba(37, 99, 235, 0.22);
}

.ch-toolbar[b-jnw3goqhkj] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}

.ch-search[b-jnw3goqhkj] {
    position: relative;
    width: min(540px, 44vw);
}

.ch-search > span[b-jnw3goqhkj] {
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(226, 237, 255, 0.58);
    pointer-events: none;
}

.ch-search input[b-jnw3goqhkj] {
    width: 100%;
    height: 48px;
    padding: 0 18px 0 46px;
    color: white;
    background: rgba(3, 10, 24, 0.62);
    border: 1px solid rgba(121, 171, 255, 0.22);
    border-radius: 13px;
    outline: none;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.04),
            0 20px 60px rgba(0,0,0,0.20);
    backdrop-filter: blur(14px);
}

.ch-search input[b-jnw3goqhkj]::placeholder {
    color: rgba(203, 213, 225, 0.48);
}

.ch-search input:focus[b-jnw3goqhkj] {
    border-color: rgba(96, 165, 250, 0.72);
    box-shadow:
            0 0 0 3px rgba(37, 99, 235, 0.18),
            inset 0 1px 0 rgba(255,255,255,0.05),
            0 20px 60px rgba(0,0,0,0.20);
}

.ch-meta[b-jnw3goqhkj] {
    justify-content: space-between;
    margin-bottom: 18px;
}

.ch-pill[b-jnw3goqhkj] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    color: rgba(226, 237, 255, 0.78);
    background: rgba(4, 13, 27, 0.46);
    border: 1px solid rgba(121, 171, 255, 0.20);
    font-size: 12px;
    font-weight: 800;
}

.ch-pill--accent[b-jnw3goqhkj] {
    color: #bfdbfe;
    border-color: rgba(96, 165, 250, 0.38);
    background: rgba(37, 99, 235, 0.18);
}

.ch-alert[b-jnw3goqhkj],
.ch-empty[b-jnw3goqhkj] {
    border-radius: 16px;
    background: rgba(4, 13, 27, 0.54);
    border: 1px solid rgba(121, 171, 255, 0.22);
    box-shadow: 0 24px 70px rgba(0,0,0,0.24);
    backdrop-filter: blur(14px);
}

.ch-alert[b-jnw3goqhkj] {
    display: grid;
    gap: 4px;
    margin-bottom: 18px;
    padding: 18px 20px;
}

.ch-alert--err[b-jnw3goqhkj] {
    color: #fecaca;
    border-color: rgba(248, 113, 113, 0.36);
    background: rgba(127, 29, 29, 0.26);
}

.ch-alert--ok[b-jnw3goqhkj] {
    color: #bbf7d0;
    border-color: rgba(74, 222, 128, 0.30);
    background: rgba(20, 83, 45, 0.24);
}

.ch-empty[b-jnw3goqhkj] {
    max-width: 430px;
    padding: 34px;
    text-align: center;
    margin: 80px auto;
}

.ch-empty__icon[b-jnw3goqhkj] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    margin: 0 auto 18px;
    border-radius: 15px;
    color: #8dccff;
    border: 1px solid rgba(93, 164, 255, 0.44);
    background: rgba(37, 99, 235, 0.08);
}

.ch-empty h2[b-jnw3goqhkj] {
    margin: 0 0 8px;
    color: white;
}

.ch-empty p[b-jnw3goqhkj] {
    margin: 0;
    color: rgba(226, 237, 255, 0.62);
}

.ch-layout[b-jnw3goqhkj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
}

.ch-root--selected .ch-layout[b-jnw3goqhkj] {
    grid-template-columns: 360px minmax(0, 1fr);
}

.ch-clientList[b-jnw3goqhkj],
.ch-detail__hero[b-jnw3goqhkj],
.ch-panel[b-jnw3goqhkj],
.ch-statGrid article[b-jnw3goqhkj] {
    border-radius: 18px;
    background:
            linear-gradient(180deg, rgba(16, 54, 120, 0.72), rgba(3, 10, 28, 0.64));
    border: 1px solid rgba(74, 144, 255, 0.30);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.06),
            0 28px 80px rgba(0,0,0,0.28),
            0 0 42px rgba(37, 99, 235, 0.12);
    backdrop-filter: blur(14px);
}

.ch-clientList[b-jnw3goqhkj] {
    overflow: hidden;
}

.ch-clientList__head[b-jnw3goqhkj] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 22px;
    border-bottom: 1px solid rgba(121, 171, 255, 0.20);
    background:
            radial-gradient(circle at 0% 0%, rgba(47, 140, 255, 0.26), transparent 42%),
            linear-gradient(180deg, rgba(31, 84, 170, 0.48), rgba(9, 26, 62, 0.28));
}

.ch-clientList__head h2[b-jnw3goqhkj] {
    margin: 0;
    color: white;
    font-size: 16px;
}

.ch-clientList__head p[b-jnw3goqhkj] {
    margin: 4px 0 0;
    color: rgba(226, 237, 255, 0.65);
    font-size: 12px;
}

.ch-clientList__head > span[b-jnw3goqhkj] {
    display: grid;
    place-items: center;
    min-width: 34px;
    height: 28px;
    border-radius: 999px;
    color: #bfdbfe;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(121, 171, 255, 0.20);
    font-size: 12px;
    font-weight: 900;
}

.ch-clientList__body[b-jnw3goqhkj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(560px, 1fr));
    gap: 18px;
    padding: 18px;
}

.ch-clientList.is-compact .ch-clientList__body[b-jnw3goqhkj] {
    grid-template-columns: 1fr;
}

.ch-clientCard[b-jnw3goqhkj] {
    width: 100%;
    text-align: left;
    position: relative;
    display: grid;
    gap: 16px;
    border: 0;
    border-radius: 18px;
    padding: 18px;
    color: #111827;
    background:
            radial-gradient(circle at 100% 0%, rgba(59, 130, 246, 0.08), transparent 30%),
            linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow:
            0 0 0 1px rgba(59, 130, 246, 0.30),
            0 0 28px rgba(37, 99, 235, 0.24),
            0 22px 58px rgba(0, 0, 0, 0.28);
    cursor: pointer;
    overflow: hidden;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.ch-clientCard[b-jnw3goqhkj]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
            linear-gradient(90deg, rgba(20, 80, 180, 0.028) 1px, transparent 1px),
            linear-gradient(0deg, rgba(20, 80, 180, 0.024) 1px, transparent 1px);
    background-size: 34px 34px;
    pointer-events: none;
}

.ch-clientCard:hover[b-jnw3goqhkj],
.ch-clientCard.is-active[b-jnw3goqhkj] {
    transform: translateY(-2px);
    box-shadow:
            0 0 0 1px rgba(96, 165, 250, 0.42),
            0 0 34px rgba(37, 99, 235, 0.34),
            0 28px 72px rgba(0, 0, 0, 0.36);
}

.ch-clientCard__main[b-jnw3goqhkj],
.ch-clientCard__content[b-jnw3goqhkj],
.ch-clientCard__foot[b-jnw3goqhkj] {
    position: relative;
    z-index: 1;
}

.ch-clientCard__main[b-jnw3goqhkj] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.ch-clientCard__identity[b-jnw3goqhkj] {
    min-width: 0;
}

.ch-clientCard__code[b-jnw3goqhkj] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    color: rgba(17, 24, 39, 0.66);
    background: rgba(15, 23, 42, 0.04);
    border: 1px solid rgba(15, 23, 42, 0.08);
    font-size: 11px;
    font-weight: 900;
}

.ch-clientCard h3[b-jnw3goqhkj] {
    margin: 12px 0 4px;
    color: #111827;
    font-size: 19px;
    line-height: 1.15;
    font-weight: 950;
}

.ch-clientCard p[b-jnw3goqhkj] {
    margin: 0;
    color: rgba(17, 24, 39, 0.58);
    font-size: 13px;
}

.ch-clientCard__avatar[b-jnw3goqhkj] {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 999px;
    color: #0f172a;
    background:
            radial-gradient(circle at 30% 25%, rgba(255,255,255,0.96), transparent 40%),
            linear-gradient(180deg, rgba(219, 234, 254, 1), rgba(191, 219, 254, 0.72));
    border: 1px solid rgba(15, 23, 42, 0.08);
    font-size: 20px;
    font-weight: 950;
}

.ch-clientCard__content[b-jnw3goqhkj] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) 230px;
    gap: 18px;
    align-items: center;
}

.ch-clientCard__contact[b-jnw3goqhkj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.ch-clientCard__contact span[b-jnw3goqhkj] {
    display: block;
    margin-bottom: 5px;
    color: rgba(17, 24, 39, 0.48);
    font-size: 11px;
    font-weight: 750;
}

.ch-clientCard__contact b[b-jnw3goqhkj] {
    display: block;
    color: rgba(17, 24, 39, 0.88);
    font-size: 13px;
    line-height: 1.3;
    word-break: break-word;
}

.ch-clientCard__outcomes[b-jnw3goqhkj] {
    display: grid;
    grid-template-columns: 86px 1fr;
    gap: 14px;
    align-items: center;
    padding-left: 18px;
    border-left: 1px solid rgba(15, 23, 42, 0.08);
}

.ch-donut[b-jnw3goqhkj] {
    --win: #60d394;
    --loss: #eb6a79;
    --progress: #f3cb57;
    width: 82px;
    height: 82px;
    display: grid;
    place-items: center;
    position: relative;
    border-radius: 999px;
    background: conic-gradient(
            var(--win) 0deg var(--p1),
            var(--loss) var(--p1) var(--p2),
            var(--progress) var(--p2) 360deg
    );
}

.ch-donut[b-jnw3goqhkj]::after {
    content: "";
    position: absolute;
    inset: 11px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.ch-donut > div[b-jnw3goqhkj] {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
}

.ch-donut b[b-jnw3goqhkj] {
    color: #111827;
    font-size: 22px;
    line-height: 1;
}

.ch-donut span[b-jnw3goqhkj] {
    margin-top: 2px;
    color: rgba(17, 24, 39, 0.46);
    font-size: 10px;
    font-weight: 850;
    text-transform: uppercase;
}

.ch-legend[b-jnw3goqhkj] {
    display: grid;
    gap: 7px;
}

.ch-legend span[b-jnw3goqhkj] {
    display: grid;
    grid-template-columns: 10px 1fr auto;
    gap: 8px;
    align-items: center;
    color: rgba(17, 24, 39, 0.66);
    font-size: 12px;
}

.ch-legend i[b-jnw3goqhkj] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
}

.ch-legend i.is-win[b-jnw3goqhkj] { background: #60d394; }
.ch-legend i.is-loss[b-jnw3goqhkj] { background: #eb6a79; }
.ch-legend i.is-progress[b-jnw3goqhkj] { background: #f3cb57; }

.ch-legend b[b-jnw3goqhkj] {
    color: #111827;
}

.ch-clientCard__foot[b-jnw3goqhkj] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-top: 14px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.ch-clientCard__foot div[b-jnw3goqhkj] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ch-clientCard__foot span[b-jnw3goqhkj] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    color: rgba(15, 23, 42, 0.62);
    background: rgba(15, 23, 42, 0.04);
    border: 1px solid rgba(15, 23, 42, 0.08);
    font-size: 11px;
    font-weight: 800;
}

.ch-clientCard__foot strong[b-jnw3goqhkj] {
    color: #1683ff;
    font-size: 12px;
    white-space: nowrap;
}

.ch-pager[b-jnw3goqhkj] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 0 18px 18px;
}

.ch-detail[b-jnw3goqhkj] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.ch-detail__hero[b-jnw3goqhkj] {
    display: flex;
    justify-content: space-between;
    gap: 22px;
    padding: 24px;
}

.ch-detail__hero h2[b-jnw3goqhkj] {
    margin: 0 0 6px;
    color: white;
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: -0.03em;
}

.ch-detail__hero p[b-jnw3goqhkj] {
    margin: 0;
    color: rgba(226, 237, 255, 0.64);
    font-size: 13px;
}

.ch-statGrid[b-jnw3goqhkj] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.ch-statGrid article[b-jnw3goqhkj] {
    padding: 18px;
}

.ch-statGrid span[b-jnw3goqhkj] {
    display: block;
    margin-bottom: 8px;
    color: rgba(226, 237, 255, 0.60);
    font-size: 12px;
    font-weight: 800;
}

.ch-statGrid b[b-jnw3goqhkj] {
    color: white;
    font-size: 26px;
    line-height: 1.05;
}

.ch-statGrid b.is-small[b-jnw3goqhkj] {
    font-size: 13px;
    line-height: 1.35;
    word-break: break-word;
}

.ch-tabs[b-jnw3goqhkj] {
    margin: 2px 0;
}

.ch-panelGrid[b-jnw3goqhkj] {
    display: grid;
    grid-template-columns: 1.15fr 0.95fr;
    gap: 18px;
}

.ch-panel[b-jnw3goqhkj] {
    padding: 20px;
    min-width: 0;
}

.ch-panel--wide[b-jnw3goqhkj] {
    grid-row: span 2;
}

.ch-panel__head[b-jnw3goqhkj] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.ch-panel__head h3[b-jnw3goqhkj] {
    margin: 0 0 4px;
    color: white;
    font-size: 16px;
}

.ch-panel__head p[b-jnw3goqhkj] {
    margin: 0;
    color: rgba(226, 237, 255, 0.62);
    font-size: 13px;
}

.ch-kvGrid[b-jnw3goqhkj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.ch-kvGrid > div[b-jnw3goqhkj],
.ch-entityRow[b-jnw3goqhkj],
.ch-projectCard[b-jnw3goqhkj],
.ch-innerEmpty[b-jnw3goqhkj] {
    border-radius: 14px;
    background: rgba(3, 10, 24, 0.36);
    border: 1px solid rgba(121, 171, 255, 0.16);
}

.ch-kvGrid > div[b-jnw3goqhkj] {
    display: grid;
    gap: 6px;
    padding: 14px;
}

.ch-kvGrid .is-wide[b-jnw3goqhkj] {
    grid-column: 1 / -1;
}

.ch-kvGrid span[b-jnw3goqhkj],
.ch-projectCard small[b-jnw3goqhkj] {
    color: rgba(226, 237, 255, 0.54);
    font-size: 12px;
    font-weight: 750;
}

.ch-kvGrid b[b-jnw3goqhkj],
.ch-projectCard b[b-jnw3goqhkj] {
    color: white;
    font-weight: 850;
    word-break: break-word;
}

.ch-innerEmpty[b-jnw3goqhkj] {
    padding: 18px;
    color: rgba(226, 237, 255, 0.62);
}

.ch-entityList[b-jnw3goqhkj] {
    display: grid;
    gap: 10px;
}

.ch-entityRow[b-jnw3goqhkj] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 14px;
}

.ch-entityRow b[b-jnw3goqhkj] {
    display: block;
    color: white;
    font-weight: 850;
}

.ch-entityRow span[b-jnw3goqhkj] {
    display: block;
    margin-top: 4px;
    color: rgba(226, 237, 255, 0.58);
    font-size: 12px;
    word-break: break-word;
}

.ch-entityRow > div:last-child[b-jnw3goqhkj] {
    text-align: right;
}

.ch-tableWrap[b-jnw3goqhkj] {
    overflow: auto;
}

.ch-table[b-jnw3goqhkj] {
    width: 100%;
    border-collapse: collapse;
}

.ch-table th[b-jnw3goqhkj],
.ch-table td[b-jnw3goqhkj] {
    text-align: left;
    padding: 13px 10px;
    border-bottom: 1px solid rgba(121, 171, 255, 0.14);
}

.ch-table th[b-jnw3goqhkj] {
    color: rgba(226, 237, 255, 0.56);
    font-size: 12px;
}

.ch-table td[b-jnw3goqhkj] {
    color: white;
    font-size: 13px;
}

.ch-projectGrid[b-jnw3goqhkj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.ch-projectCard[b-jnw3goqhkj] {
    padding: 15px;
    cursor: pointer;
    transition: transform 140ms ease, border-color 140ms ease;
}

.ch-projectCard:hover[b-jnw3goqhkj] {
    transform: translateY(-1px);
    border-color: rgba(96, 165, 250, 0.42);
}

.ch-projectCard h4[b-jnw3goqhkj] {
    margin: 0;
    color: white;
    font-size: 15px;
}

.ch-projectCard p[b-jnw3goqhkj] {
    margin: 4px 0 0;
    color: rgba(226, 237, 255, 0.58);
    font-size: 12px;
}

.ch-projectCard > span[b-jnw3goqhkj] {
    display: inline-flex;
    margin-top: 12px;
    min-height: 24px;
    padding: 0 10px;
    align-items: center;
    border-radius: 999px;
    color: #bfdbfe;
    background: rgba(37, 99, 235, 0.18);
    border: 1px solid rgba(96, 165, 250, 0.34);
    font-size: 12px;
    font-weight: 850;
}

.ch-projectCard footer[b-jnw3goqhkj] {
    display: flex;
    gap: 18px;
    margin-top: 14px;
}

.ch-projectCard footer div[b-jnw3goqhkj] {
    display: grid;
    gap: 4px;
}

@media (max-width: 1500px) {
    .ch-clientList__body[b-jnw3goqhkj] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1280px) {
    .ch-root--selected .ch-layout[b-jnw3goqhkj] {
        grid-template-columns: 1fr;
    }

    .ch-panelGrid[b-jnw3goqhkj],
    .ch-projectGrid[b-jnw3goqhkj] {
        grid-template-columns: 1fr;
    }

    .ch-panel--wide[b-jnw3goqhkj] {
        grid-row: auto;
    }
}

@media (max-width: 900px) {
    .ch-shell[b-jnw3goqhkj] {
        padding: 28px 20px;
    }

    .ch-topbar[b-jnw3goqhkj],
    .ch-toolbar[b-jnw3goqhkj],
    .ch-detail__hero[b-jnw3goqhkj] {
        flex-direction: column;
        align-items: stretch;
    }

    .ch-actions[b-jnw3goqhkj],
    .ch-filters[b-jnw3goqhkj] {
        flex-wrap: wrap;
    }

    .ch-search[b-jnw3goqhkj] {
        width: 100%;
    }

    .ch-clientCard__content[b-jnw3goqhkj] {
        grid-template-columns: 1fr;
    }

    .ch-clientCard__outcomes[b-jnw3goqhkj] {
        padding-left: 0;
        border-left: 0;
        padding-top: 16px;
        border-top: 1px solid rgba(15, 23, 42, 0.08);
    }

    .ch-statGrid[b-jnw3goqhkj],
    .ch-kvGrid[b-jnw3goqhkj] {
        grid-template-columns: 1fr;
    }

    .ch-kvGrid .is-wide[b-jnw3goqhkj] {
        grid-column: auto;
    }
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/Create.razor.rz.scp.css */

.rm-breath-overlay[b-zn411oqvrn]{
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, rgba(42,74,255,0.25) 0%, rgba(48,199,255,0.18) 50%, rgba(27,199,255,0.22) 100%);
    animation: rmBreathOpacity-b-zn411oqvrn 3s ease-in-out infinite alternate,
    rmBreathHue-b-zn411oqvrn 18s ease-in-out infinite alternate;
    pointer-events:none;
    mix-blend-mode:screen;
}

.rm-dim-overlay[b-zn411oqvrn]{
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom, rgba(12,13,18,0.44) 0%, rgba(12,13,18,0.78) 100%);
    pointer-events:none;
}

@keyframes rmBreathOpacity-b-zn411oqvrn{
    from{ opacity:.22; }
    to{ opacity:.80; }
}

@keyframes rmBreathHue-b-zn411oqvrn{
    from{ filter:hue-rotate(0deg); }
    to{ filter:hue-rotate(18deg); }
}

.rm-wrap[b-zn411oqvrn]{
    position:relative;
    z-index:2;
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:24px;
}

.rm-glow-aura[b-zn411oqvrn]{
    position:absolute;
    width:1320px;
    height:760px;
    border-radius:34px;
    background:rgba(167,199,255,0.40);
    filter:blur(96px);
    opacity:.26;
}

.rm-frame[b-zn411oqvrn]{
    width:min(1480px, 96vw);
    border-radius:26px;
    padding:9px;
    background:linear-gradient(to bottom, dodgerblue 0%, darkblue 100%);
    border:1.2px solid rgba(255,255,255,0.33);
    box-shadow:0 0 48px rgba(0,0,0,0.55);
}

.rm-card[b-zn411oqvrn]{
    background:rgba(255,255,255,0.96);
    border-radius:18px;
    padding:22px;
    border:1px solid rgba(0,0,0,0.08);
    box-shadow:0 0 18px rgba(0,0,0,0.25);
    backdrop-filter:blur(8px);
}

.rm-head[b-zn411oqvrn]{
    display:flex;
    gap:18px;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:14px;
}

.rm-kicker[b-zn411oqvrn]{
    font-size:12px;
    color:#6B7280;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-bottom:6px;
}

.rm-title[b-zn411oqvrn]{
    margin:0;
    font-size:22px;
    font-weight:950;
    color:#111827;
}

.rm-sub[b-zn411oqvrn]{
    margin-top:6px;
    font-size:13px;
    color:#4B5563;
    max-width:92ch;
}

.rm-head__right[b-zn411oqvrn]{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
}

.rm-grid[b-zn411oqvrn]{
    display:grid;
    gap:14px;
}

.rm-grid--create[b-zn411oqvrn]{
    grid-template-columns:minmax(0, 1.75fr) 420px;
}

@media (max-width: 1180px){
    .rm-grid--create[b-zn411oqvrn]{
        grid-template-columns:1fr;
    }
}

.rm-panel[b-zn411oqvrn]{
    background:rgba(249,250,251,0.85);
    border:1px solid rgba(0,0,0,0.08);
    border-radius:16px;
    padding:14px;
    box-shadow:0 10px 24px rgba(0,0,0,0.08);
    min-width:0;
}

.rm-panel--side[b-zn411oqvrn]{
    background:rgba(255,255,255,0.92);
}

.rm-panel__head[b-zn411oqvrn]{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    margin-bottom:12px;
}

.rm-panel__title[b-zn411oqvrn]{
    font-weight:950;
    color:#111827;
    margin-bottom:2px;
}

.rm-panel__sub[b-zn411oqvrn]{
    font-size:12px;
    color:#6B7280;
}

.rm-segmented[b-zn411oqvrn]{
    display:inline-flex;
    gap:8px;
    padding:4px;
    border-radius:14px;
    background:rgba(17,24,39,0.04);
    border:1px solid rgba(17,24,39,0.08);
    flex-wrap:wrap;
}

.rm-segmented__item[b-zn411oqvrn]{
    height:34px;
    padding:0 12px;
    border-radius:10px;
    border:0;
    background:transparent;
    color:#374151;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
}

.rm-segmented__item.is-active[b-zn411oqvrn]{
    background:#fff;
    color:#111827;
    box-shadow:0 4px 12px rgba(0,0,0,0.08);
}

.rm-form[b-zn411oqvrn]{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.rm-formGrid[b-zn411oqvrn]{
    display:grid;
    gap:14px;
}

.rm-formGrid--2[b-zn411oqvrn]{
    grid-template-columns:repeat(2, minmax(0, 1fr));
}

.rm-formGrid--3[b-zn411oqvrn]{
    grid-template-columns:repeat(3, minmax(0, 1fr));
}

.rm-formGrid--4[b-zn411oqvrn]{
    grid-template-columns:repeat(4, minmax(0, 1fr));
}

@media (max-width: 1050px){
    .rm-formGrid--4[b-zn411oqvrn]{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px){
    .rm-formGrid--2[b-zn411oqvrn],
    .rm-formGrid--3[b-zn411oqvrn],
    .rm-formGrid--4[b-zn411oqvrn]{
        grid-template-columns:1fr;
    }

    .rm-panel__head[b-zn411oqvrn]{
        flex-direction:column;
    }
}

.rm-block[b-zn411oqvrn]{
    background:rgba(255,255,255,0.72);
    border:1px solid rgba(17,24,39,0.08);
    border-radius:16px;
    padding:14px;
    box-shadow:0 10px 18px rgba(0,0,0,0.05);
}

.rm-block__title[b-zn411oqvrn]{
    font-size:13px;
    font-weight:950;
    color:#111827;
    margin-bottom:12px;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.rm-field[b-zn411oqvrn]{
    display:flex;
    flex-direction:column;
    gap:6px;
    min-width:0;
}

.rm-label[b-zn411oqvrn]{
    font-size:12px;
    color:#6B7280;
    font-weight:700;
}

.rm-toolbar[b-zn411oqvrn]{
    display:flex;
    gap:8px;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:12px;
}

.rm-input[b-zn411oqvrn]{
    min-height:38px;
    padding:10px 12px;
    font-size:13px;
    color:#111827;
    background:#F9FAFB;
    border:1px solid rgba(0,0,0,0.13);
    border-radius:12px;
    outline:none;
    box-sizing:border-box;
    width:100%;
}

.rm-input:focus[b-zn411oqvrn]{
    border-color:rgba(77,166,255,0.53);
    box-shadow:0 0 0 1px rgba(77,166,255,0.20);
}

.rm-textarea[b-zn411oqvrn]{
    min-height:96px;
    resize:vertical;
}

.rm-row2[b-zn411oqvrn]{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
}

@media (max-width: 860px){
    .rm-row2[b-zn411oqvrn]{
        grid-template-columns:1fr;
    }
}

.rm-list[b-zn411oqvrn]{
    display:flex;
    flex-direction:column;
    gap:8px;
    max-height:62vh;
    overflow:auto;
    padding-right:4px;
}

.rm-list--compact[b-zn411oqvrn]{
    max-height:none;
}

.rm-row[b-zn411oqvrn]{
    text-align:left;
    width:100%;
    padding:12px;
    border-radius:16px;
    border:1px solid rgba(17,24,39,0.08);
    background:rgba(255,255,255,0.75);
    cursor:pointer;
    box-shadow:0 10px 18px rgba(0,0,0,0.05);
}

.rm-row:hover[b-zn411oqvrn]{
    background:rgba(255,255,255,0.92);
}

.rm-row.is-active[b-zn411oqvrn]{
    border-color:rgba(77,166,255,0.42);
    box-shadow:0 0 0 3px rgba(77,166,255,0.14), 0 10px 22px rgba(77,166,255,0.10);
}

.rm-row__top[b-zn411oqvrn]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
}

.rm-row__left[b-zn411oqvrn]{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.rm-row__right[b-zn411oqvrn]{
    color:#6B7280;
    font-size:12px;
    flex-shrink:0;
}

.rm-row__bot[b-zn411oqvrn]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    margin-top:10px;
    flex-wrap:wrap;
}

.rm-code[b-zn411oqvrn]{
    color:#111827;
    font-weight:900;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.rm-meta[b-zn411oqvrn]{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    align-items:center;
}

.rm-pill[b-zn411oqvrn]{
    font-size:11px;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid rgba(17,24,39,0.10);
    background:rgba(17,24,39,0.04);
    color:#374151;
}

.rm-empty[b-zn411oqvrn]{
    padding:14px;
    border-radius:16px;
    border:1px dashed rgba(17,24,39,0.18);
    background:rgba(255,255,255,0.55);
    color:#6B7280;
    font-size:13px;
}

.rm-hintBlock[b-zn411oqvrn]{
    margin-bottom:12px;
    font-size:12px;
    color:#6B7280;
}

.rm-inlineCard[b-zn411oqvrn]{
    margin-top:14px;
    padding:14px;
    border-radius:16px;
    border:1px solid rgba(17,24,39,0.08);
    background:rgba(249,250,251,0.70);
}

.rm-inlineCard__title[b-zn411oqvrn]{
    font-size:13px;
    font-weight:900;
    color:#111827;
    margin-bottom:12px;
}

.rm-preview[b-zn411oqvrn]{
    margin-top:0;
    padding:12px;
    border-radius:16px;
    border:1px solid rgba(17,24,39,0.08);
    background:rgba(249,250,251,0.70);
}

.rm-preview__title[b-zn411oqvrn]{
    font-weight:950;
    color:#111827;
}

.rm-preview__sub[b-zn411oqvrn]{
    margin-top:4px;
    font-size:12px;
    color:#6B7280;
}

.rm-prevGrid[b-zn411oqvrn]{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:10px;
}

.rm-prevBox[b-zn411oqvrn]{
    padding:12px;
    border-radius:14px;
    border:1px solid rgba(17,24,39,0.08);
    background:rgba(255,255,255,0.78);
}

.rm-prevLabel[b-zn411oqvrn]{
    font-size:12px;
    color:#6B7280;
    margin-bottom:6px;
}

.rm-prevLine[b-zn411oqvrn]{
    font-size:13px;
    color:#111827;
    margin-top:3px;
    font-weight:800;
}

.rm-prevHint[b-zn411oqvrn]{
    font-size:12px;
    color:#6B7280;
    margin-top:8px;
}

.rm-map[b-zn411oqvrn]{
    width:100%;
    min-height:360px;
    border:0;
    display:block;
    border-radius:12px;
    margin-top:10px;
}

.rm-btn[b-zn411oqvrn]{
    height:38px;
    padding:0 14px;
    border:0;
    border-radius:12px;
    font-weight:950;
    cursor:pointer;
    user-select:none;
    color:#fff;
    background:linear-gradient(135deg,#4DA6FF 0%, #6F7CFF 100%);
    box-shadow:0 10px 22px rgba(77,166,255,0.18);
}

.rm-btn:hover[b-zn411oqvrn]{ opacity:.92; }
.rm-btn:active[b-zn411oqvrn]{ opacity:.85; }
.rm-btn:disabled[b-zn411oqvrn]{ opacity:.55; cursor:not-allowed; }

.rm-btn--ghost[b-zn411oqvrn]{
    background:rgba(17,24,39,0.06);
    color:#111827;
    border:1px solid rgba(17,24,39,0.10);
    box-shadow:none;
}

.rm-btn--ghost:hover[b-zn411oqvrn]{
    background:rgba(17,24,39,0.08);
}

.rm-actions[b-zn411oqvrn]{
    display:flex;
    gap:10px;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    margin-top:12px;
}

.rm-actions--end[b-zn411oqvrn]{
    justify-content:flex-end;
}

.rm-actions--tight[b-zn411oqvrn]{
    margin-top:10px;
}

.rm-pager[b-zn411oqvrn]{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.rm-alert[b-zn411oqvrn]{
    margin-top:12px;
    padding:10px 12px;
    border-radius:12px;
    border:1px solid rgba(0,0,0,0.12);
}

.rm-alert--err[b-zn411oqvrn]{
    background:rgba(239,68,68,0.10);
    border-color:rgba(239,68,68,0.22);
    color:#991B1B;
}

.rm-alert--ok[b-zn411oqvrn]{
    background:rgba(16,185,129,0.10);
    border-color:rgba(16,185,129,0.22);
    color:#065F46;
}

.rm-alert__title[b-zn411oqvrn]{
    font-weight:950;
    margin-bottom:2px;
}

.rm-errors[b-zn411oqvrn]{
    margin:8px 0 0 18px;
    padding:0;
}

.rm-flowList[b-zn411oqvrn]{
    margin:0;
    padding-left:18px;
    color:#4B5563;
    display:grid;
    gap:8px;
}

[b-zn411oqvrn] .validation-message{
    color:#B91C1C;
    font-size:12px;
    margin-top:2px;
}

.rm-file-upload[b-zn411oqvrn] {
    position: relative;
    display: inline-block;
}

.rm-file-input[b-zn411oqvrn] {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: white;
    cursor: pointer;
}

.rm-file-input[b-zn411oqvrn]::-webkit-file-upload-button {
    background: #007bff;
    color: white;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 8px;
}

.rm-file-upload[b-zn411oqvrn] {
    margin-top: 0.75rem;
}

.rm-upload-dropzone[b-zn411oqvrn] {
    position: relative;
    display: block;
    padding: 1rem 1.1rem;
    border: 1px dashed rgba(255,255,255,0.18);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
    cursor: pointer;
    transition: border-color 0.18s ease, transform 0.18s ease, background 0.18s ease;
}

.rm-upload-dropzone:hover[b-zn411oqvrn] {
    border-color: rgba(110,168,255,0.55);
    background: linear-gradient(180deg, rgba(110,168,255,0.08), rgba(255,255,255,0.03));
    transform: translateY(-1px);
}

.rm-upload-dropzone__title[b-zn411oqvrn] {
    font-weight: 700;
    font-size: 0.98rem;
}

.rm-upload-dropzone__sub[b-zn411oqvrn] {
    margin-top: 0.2rem;
    font-size: 0.84rem;
    opacity: 0.75;
}

.rm-file-input[b-zn411oqvrn] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.rm-pdf-tabs[b-zn411oqvrn] {
    display: flex;
    gap: 0.55rem;
    margin-top: 1rem;
    overflow-x: auto;
    padding-bottom: 0.2rem;
}

.rm-pdf-tab[b-zn411oqvrn] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.7rem 0.9rem;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.04);
    color: inherit;
    cursor: pointer;
    transition: all 0.18s ease;
}

.rm-pdf-tab:hover[b-zn411oqvrn] {
    border-color: rgba(255,255,255,0.24);
    background: rgba(255,255,255,0.07);
}

.rm-pdf-tab--active[b-zn411oqvrn] {
    border-color: rgba(110,168,255,0.55);
    background: rgba(110,168,255,0.12);
    box-shadow: 0 0 0 1px rgba(110,168,255,0.18) inset;
}

.rm-pdf-tab__icon[b-zn411oqvrn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.1rem;
    height: 2.1rem;
    padding: 0 0.55rem;
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    background: rgba(255,255,255,0.08);
}

.rm-pdf-tab__text[b-zn411oqvrn] {
    font-size: 0.9rem;
    font-weight: 600;
    white-space: nowrap;
}

.rm-pdf-preview-card[b-zn411oqvrn] {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,0.12);
    background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.025));
}

.rm-pdf-preview-card__head[b-zn411oqvrn] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.rm-pdf-preview-card__eyebrow[b-zn411oqvrn] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.65;
}

.rm-pdf-preview-card__title[b-zn411oqvrn] {
    margin-top: 0.2rem;
    font-size: 1rem;
    font-weight: 800;
    word-break: break-word;
}

.rm-pdf-preview-grid[b-zn411oqvrn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

.rm-pdf-stat[b-zn411oqvrn] {
    padding: 0.8rem 0.9rem;
    border-radius: 14px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
}

.rm-pdf-stat__label[b-zn411oqvrn] {
    font-size: 0.76rem;
    opacity: 0.65;
    margin-bottom: 0.25rem;
}

.rm-pdf-stat__value[b-zn411oqvrn] {
    font-size: 0.92rem;
    font-weight: 700;
    word-break: break-word;
}

.rm-pdf-preview-card__footer[b-zn411oqvrn] {
    margin-top: 0.9rem;
    font-size: 0.85rem;
    opacity: 0.75;
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/Dashboard.razor.rz.scp.css */
.sd-page[b-eh1p92ko5u] {
    position: relative;
    min-height: 100vh;
    padding: 28px;
    box-sizing: border-box;
    overflow-x: hidden;
    background:
            radial-gradient(circle at 20% 0%, rgba(30, 144, 255, 0.22), transparent 34%),
            radial-gradient(circle at 90% 10%, rgba(0, 0, 139, 0.28), transparent 38%),
            linear-gradient(180deg, #08111f 0%, #0b1526 48%, #09111d 100%);
}

.sd-bg-glow[b-eh1p92ko5u] {
    position: absolute;
    inset: -120px;
    pointer-events: none;
    background:
            radial-gradient(circle at 35% 20%, rgba(255,255,255,0.08), transparent 26%),
            radial-gradient(circle at 75% 75%, rgba(30,144,255,0.14), transparent 34%);
    filter: blur(8px);
}

.sd-board[b-eh1p92ko5u] {
    position: relative;
    z-index: 1;
    min-height: calc(100vh - 56px);
    padding: 22px;
    border-radius: 30px;
    background: #ffffff;
    border: 6px solid rgb(20, 143, 222);
    box-shadow:
            0 30px 90px rgba(0,0,0,0.45),
            inset 0 1px 0 rgba(255,255,255,0.92);
    color: #08213d;
}

.sd-header[b-eh1p92ko5u] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    padding: 4px 0 22px;
    border-bottom: 1px solid rgba(8, 33, 61, 0.10);
}

.sd-kicker[b-eh1p92ko5u] {
    margin: 0 0 6px;
    color: #2478c7;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.sd-header h1[b-eh1p92ko5u] {
    margin: 0;
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #07182d;
}

.sd-header span[b-eh1p92ko5u] {
    display: block;
    margin-top: 7px;
    font-size: 13px;
    color: rgba(8, 33, 61, 0.62);
}

.sd-header-actions[b-eh1p92ko5u] {
    display: flex;
    gap: 10px;
}

.sd-primary-btn[b-eh1p92ko5u],
.sd-secondary-btn[b-eh1p92ko5u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.sd-primary-btn[b-eh1p92ko5u] {
    border: 0;
    background: linear-gradient(180deg, #2478c7 0%, #0b4f9c 100%);
    color: white;
    box-shadow: 0 14px 30px rgba(11, 79, 156, 0.24);
}

.sd-secondary-btn[b-eh1p92ko5u] {
    border: 1px solid rgba(8, 33, 61, 0.12);
    background: white;
    color: #07182d;
}

.sd-primary-btn:disabled[b-eh1p92ko5u],
.sd-secondary-btn:disabled[b-eh1p92ko5u] {
    opacity: 0.55;
    cursor: default;
}

.sd-alert[b-eh1p92ko5u] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 16px;
    background: #fff4f4;
    border: 1px solid rgba(180, 30, 30, 0.16);
    color: #8a1515;
    display: grid;
    gap: 4px;
}

.sd-alert strong[b-eh1p92ko5u] {
    font-size: 13px;
}

.sd-alert span[b-eh1p92ko5u] {
    font-size: 12px;
}

.sd-kpis[b-eh1p92ko5u] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-bottom: 1px solid rgba(8, 33, 61, 0.10);
}

.sd-kpi[b-eh1p92ko5u] {
    min-width: 0;
    padding: 22px 20px;
    border-right: 1px solid rgba(8, 33, 61, 0.10);
}

.sd-kpi:last-child[b-eh1p92ko5u] {
    border-right: 0;
}

.sd-kpi-top[b-eh1p92ko5u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.sd-kpi-top span[b-eh1p92ko5u] {
    font-size: 12px;
    font-weight: 800;
    color: rgba(8, 33, 61, 0.62);
}

.sd-kpi-top i[b-eh1p92ko5u] {
    font-style: normal;
    color: #2478c7;
    font-weight: 900;
}

.sd-kpi strong[b-eh1p92ko5u] {
    display: block;
    font-size: 24px;
    line-height: 1;
    color: #07182d;
}

.sd-kpi small[b-eh1p92ko5u] {
    display: block;
    margin-top: 8px;
    font-size: 11px;
    font-weight: 800;
    color: rgba(8, 33, 61, 0.54);
}

.sd-toolbar[b-eh1p92ko5u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 14px;
    align-items: end;
    padding: 18px 0;
    border-bottom: 1px solid rgba(8, 33, 61, 0.10);
}

.sd-search[b-eh1p92ko5u] {
    display: grid;
    gap: 7px;
}

.sd-search label[b-eh1p92ko5u] {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(8, 33, 61, 0.58);
}

.sd-search input[b-eh1p92ko5u] {
    width: 100%;
    box-sizing: border-box;
    min-height: 42px;
    padding: 0 13px;
    border-radius: 14px;
    border: 1px solid rgba(8, 33, 61, 0.13);
    background: rgba(8, 33, 61, 0.025);
    color: #07182d;
    outline: none;
}

.sd-search input:focus[b-eh1p92ko5u] {
    border-color: rgba(36, 120, 199, 0.54);
    box-shadow: 0 0 0 4px rgba(36, 120, 199, 0.08);
}

.sd-grid[b-eh1p92ko5u] {
    display: grid;
    border-bottom: 1px solid rgba(8, 33, 61, 0.10);
}

.sd-grid--main[b-eh1p92ko5u] {
    grid-template-columns: 0.9fr 1.1fr;
}

.sd-grid--lower[b-eh1p92ko5u],
.sd-grid--tables[b-eh1p92ko5u],
.sd-grid--detail[b-eh1p92ko5u] {
    grid-template-columns: 1fr 1fr;
}

.sd-grid--detail[b-eh1p92ko5u] {
    border-bottom: 0;
}

.sd-panel[b-eh1p92ko5u] {
    min-width: 0;
    padding: 22px 20px;
    border-right: 1px solid rgba(8, 33, 61, 0.10);
}

.sd-panel:last-child[b-eh1p92ko5u] {
    border-right: 0;
}

.sd-panel-head[b-eh1p92ko5u] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 20px;
}

.sd-panel h2[b-eh1p92ko5u] {
    margin: 0;
    font-size: 15px;
    color: #07182d;
}

.sd-panel p[b-eh1p92ko5u] {
    margin: 5px 0 0;
    font-size: 12.5px;
    color: rgba(8, 33, 61, 0.58);
}

.sd-panel code[b-eh1p92ko5u],
.sd-empty code[b-eh1p92ko5u] {
    padding: 1px 5px;
    border-radius: 6px;
    background: rgba(8, 33, 61, 0.06);
    color: #0b4f9c;
    font-size: 11px;
}

.sd-chip[b-eh1p92ko5u] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(36, 120, 199, 0.10);
    color: #0b4f9c;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

.sd-clear-filter[b-eh1p92ko5u] {
    border: 0;
    border-radius: 999px;
    padding: 7px 10px;
    background: rgba(36, 120, 199, 0.10);
    color: #0b4f9c;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

.sd-empty[b-eh1p92ko5u] {
    padding: 18px;
    border-radius: 16px;
    background: rgba(8, 33, 61, 0.035);
    border: 1px dashed rgba(8, 33, 61, 0.16);
    color: rgba(8, 33, 61, 0.62);
    font-size: 12.5px;
    line-height: 1.55;
}

.sd-donut-wrap[b-eh1p92ko5u] {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 26px;
    align-items: center;
    min-height: 230px;
}

.sd-donut[b-eh1p92ko5u] {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    box-shadow:
            inset 0 0 0 1px rgba(8, 33, 61, 0.08),
            0 20px 40px rgba(8, 33, 61, 0.12);
}

.sd-legend[b-eh1p92ko5u] {
    display: grid;
    gap: 10px;
}

.sd-legend-row[b-eh1p92ko5u] {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    border: 0;
    background: transparent;
    padding: 4px;
    text-align: left;
    cursor: pointer;
}

.sd-legend-row:hover[b-eh1p92ko5u] {
    background: rgba(8, 33, 61, 0.035);
    border-radius: 10px;
}

.sd-legend-row span[b-eh1p92ko5u] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
}

.sd-legend-row p[b-eh1p92ko5u] {
    margin: 0;
    font-size: 12px;
    font-weight: 800;
    color: rgba(8, 33, 61, 0.72);
}

.sd-legend-row strong[b-eh1p92ko5u] {
    font-size: 12px;
    color: #07182d;
}

.sd-bar-chart[b-eh1p92ko5u] {
    display: grid;
    gap: 13px;
    padding-top: 10px;
}

.sd-bar-chart--compact[b-eh1p92ko5u] {
    padding-top: 0;
    margin-bottom: 18px;
}

.sd-bar-row[b-eh1p92ko5u] {
    display: grid;
    grid-template-columns: 128px minmax(0, 1fr) 82px;
    align-items: center;
    gap: 12px;
}

.sd-bar-row span[b-eh1p92ko5u] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 800;
    color: rgba(8, 33, 61, 0.72);
}

.sd-bar-row strong[b-eh1p92ko5u] {
    font-size: 12px;
    text-align: right;
    color: #07182d;
}

.sd-bar-track[b-eh1p92ko5u] {
    height: 18px;
    border-radius: 999px;
    background: rgba(8, 33, 61, 0.06);
    overflow: hidden;
}

.sd-bar-fill[b-eh1p92ko5u] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #2478c7 0%, #0b4f9c 100%);
    box-shadow: 0 8px 20px rgba(36, 120, 199, 0.22);
}

.sd-customer-list[b-eh1p92ko5u] {
    display: grid;
    gap: 12px;
}

.sd-customer[b-eh1p92ko5u] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 14px;
    border-radius: 16px;
    background: rgba(8, 33, 61, 0.035);
    border: 1px solid rgba(8, 33, 61, 0.08);
}

.sd-rank[b-eh1p92ko5u] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: rgba(36, 120, 199, 0.10);
    color: #2478c7;
    font-size: 13px;
    font-weight: 900;
}

.sd-customer strong[b-eh1p92ko5u] {
    display: block;
    color: #07182d;
    font-size: 13px;
}

.sd-customer p[b-eh1p92ko5u] {
    margin: 4px 0 0;
    font-size: 11.5px;
    color: rgba(8, 33, 61, 0.54);
}

.sd-customer-value[b-eh1p92ko5u] {
    text-align: right;
}

.sd-customer-value small[b-eh1p92ko5u] {
    display: block;
    margin-top: 4px;
    color: #00a878;
    font-size: 11px;
    font-weight: 900;
}

.sd-project-list[b-eh1p92ko5u] {
    display: grid;
    gap: 10px;
    max-height: 620px;
    overflow: auto;
    padding-right: 4px;
}

.sd-project-card[b-eh1p92ko5u] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 15px;
    border-radius: 18px;
    border: 1px solid rgba(8, 33, 61, 0.09);
    background: rgba(8, 33, 61, 0.025);
    color: #07182d;
    text-align: left;
    cursor: pointer;
}

.sd-project-card:hover[b-eh1p92ko5u] {
    border-color: rgba(36, 120, 199, 0.35);
    background: rgba(36, 120, 199, 0.045);
}

.sd-project-card.is-selected[b-eh1p92ko5u] {
    border-color: rgba(36, 120, 199, 0.72);
    background: rgba(36, 120, 199, 0.08);
    box-shadow: inset 4px 0 0 #2478c7;
}

.sd-project-main[b-eh1p92ko5u] {
    min-width: 0;
}

.sd-project-main strong[b-eh1p92ko5u] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13.5px;
    color: #07182d;
}

.sd-project-main span[b-eh1p92ko5u] {
    display: block;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: rgba(8, 33, 61, 0.58);
}

.sd-project-meta[b-eh1p92ko5u] {
    display: grid;
    justify-items: end;
    gap: 6px;
}

.sd-project-meta span[b-eh1p92ko5u] {
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(8, 33, 61, 0.07);
    color: #10243c;
    font-size: 11px;
    font-weight: 900;
}

.sd-project-meta small[b-eh1p92ko5u] {
    font-size: 11px;
    font-weight: 800;
    color: rgba(8, 33, 61, 0.54);
}

.sd-selected-project[b-eh1p92ko5u] {
    display: grid;
    gap: 5px;
    padding: 13px;
    margin-bottom: 16px;
    border-radius: 15px;
    background: rgba(36, 120, 199, 0.08);
    border: 1px solid rgba(36, 120, 199, 0.18);
}

.sd-selected-project strong[b-eh1p92ko5u] {
    color: #07182d;
    font-size: 13.5px;
}

.sd-selected-project span[b-eh1p92ko5u] {
    color: rgba(8, 33, 61, 0.58);
    font-size: 12px;
}

.sd-detail-kpis[b-eh1p92ko5u] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 18px;
}

.sd-detail-kpis div[b-eh1p92ko5u] {
    padding: 12px;
    border-radius: 14px;
    background: rgba(8, 33, 61, 0.035);
    border: 1px solid rgba(8, 33, 61, 0.08);
}

.sd-detail-kpis label[b-eh1p92ko5u] {
    display: block;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(8, 33, 61, 0.5);
}

.sd-detail-kpis strong[b-eh1p92ko5u] {
    display: block;
    margin-top: 7px;
    font-size: 15px;
    color: #07182d;
}

.sd-table[b-eh1p92ko5u] {
    display: grid;
    gap: 7px;
}

.sd-table-head[b-eh1p92ko5u],
.sd-table-row[b-eh1p92ko5u] {
    display: grid;
    gap: 10px;
    align-items: center;
}

.sd-table-head[b-eh1p92ko5u] {
    padding: 0 10px 6px;
    color: rgba(8, 33, 61, 0.54);
    font-size: 10.5px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.sd-table-row[b-eh1p92ko5u] {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 10px;
    border-radius: 14px;
    background: rgba(8, 33, 61, 0.03);
    border: 1px solid rgba(8, 33, 61, 0.08);
    color: #07182d;
    font-size: 12px;
    text-align: left;
}

.sd-click-row[b-eh1p92ko5u] {
    cursor: pointer;
}

.sd-click-row:hover[b-eh1p92ko5u] {
    border-color: rgba(36, 120, 199, 0.35);
    background: rgba(36, 120, 199, 0.045);
}

.sd-table-row strong[b-eh1p92ko5u] {
    display: block;
    font-size: 12.5px;
}

.sd-table-row small[b-eh1p92ko5u] {
    display: block;
    margin-top: 4px;
    color: rgba(8, 33, 61, 0.54);
}

.sd-table-head--followups[b-eh1p92ko5u],
.sd-table-row--followups[b-eh1p92ko5u] {
    grid-template-columns: minmax(190px, 1fr) 110px 88px 82px;
}

.sd-table-head--projects[b-eh1p92ko5u],
.sd-table-row--projects[b-eh1p92ko5u] {
    grid-template-columns: minmax(190px, 1fr) 86px 110px 54px;
}

.sd-table-head--lineitems[b-eh1p92ko5u],
.sd-table-row--lineitems[b-eh1p92ko5u] {
    grid-template-columns: minmax(190px, 1fr) 54px 74px 74px 82px;
}

@media (max-width: 1280px) {
    .sd-kpis[b-eh1p92ko5u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sd-kpi:nth-child(2)[b-eh1p92ko5u] {
        border-right: 0;
    }

    .sd-grid--main[b-eh1p92ko5u],
    .sd-grid--lower[b-eh1p92ko5u],
    .sd-grid--tables[b-eh1p92ko5u],
    .sd-grid--detail[b-eh1p92ko5u] {
        grid-template-columns: 1fr;
    }

    .sd-panel[b-eh1p92ko5u] {
        border-right: 0;
        border-bottom: 1px solid rgba(8, 33, 61, 0.10);
    }

    .sd-panel:last-child[b-eh1p92ko5u] {
        border-bottom: 0;
    }
}

@media (max-width: 820px) {
    .sd-page[b-eh1p92ko5u] {
        padding: 14px;
    }

    .sd-board[b-eh1p92ko5u] {
        padding: 16px;
        border-radius: 24px;
    }

    .sd-header[b-eh1p92ko5u],
    .sd-toolbar[b-eh1p92ko5u] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .sd-header-actions[b-eh1p92ko5u] {
        justify-content: stretch;
    }

    .sd-primary-btn[b-eh1p92ko5u],
    .sd-secondary-btn[b-eh1p92ko5u] {
        width: 100%;
    }

    .sd-kpis[b-eh1p92ko5u],
    .sd-detail-kpis[b-eh1p92ko5u] {
        grid-template-columns: 1fr;
    }

    .sd-kpi[b-eh1p92ko5u] {
        border-right: 0;
        border-bottom: 1px solid rgba(8, 33, 61, 0.10);
    }

    .sd-kpi:last-child[b-eh1p92ko5u] {
        border-bottom: 0;
    }

    .sd-donut-wrap[b-eh1p92ko5u] {
        grid-template-columns: 1fr;
    }

    .sd-bar-row[b-eh1p92ko5u],
    .sd-project-card[b-eh1p92ko5u],
    .sd-table-head--followups[b-eh1p92ko5u],
    .sd-table-row--followups[b-eh1p92ko5u],
    .sd-table-head--projects[b-eh1p92ko5u],
    .sd-table-row--projects[b-eh1p92ko5u],
    .sd-table-head--lineitems[b-eh1p92ko5u],
    .sd-table-row--lineitems[b-eh1p92ko5u] {
        grid-template-columns: 1fr;
    }

    .sd-project-meta[b-eh1p92ko5u] {
        justify-items: start;
    }

    .sd-customer[b-eh1p92ko5u] {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .sd-customer-value[b-eh1p92ko5u] {
        grid-column: 2;
        text-align: left;
    }
}

.sd-grid--wide[b-eh1p92ko5u] {
    grid-template-columns: 1fr;
}

.sd-panel--wide[b-eh1p92ko5u] {
    border-right: 0;
}

.sd-line-chart[b-eh1p92ko5u] {
    min-height: 320px;
}

.sd-line-chart svg[b-eh1p92ko5u] {
    width: 100%;
    height: 260px;
    display: block;
    overflow: visible;
}

.sd-grid-lines line[b-eh1p92ko5u] {
    stroke: rgba(8, 33, 61, 0.08);
    stroke-width: 1;
    stroke-dasharray: 4 5;
}

.sd-line-area[b-eh1p92ko5u] {
    fill: url(#projectTrendFill);
}

.sd-line-path[b-eh1p92ko5u] {
    fill: none;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sd-line-path--projects[b-eh1p92ko5u] {
    stroke: #2478c7;
}

.sd-line-path--sales[b-eh1p92ko5u] {
    stroke: #1fb6aa;
}

.sd-line-points circle[b-eh1p92ko5u] {
    fill: #ffffff;
    stroke-width: 3;
}

.sd-line-point--project[b-eh1p92ko5u] {
    stroke: #2478c7;
}

.sd-line-point--sales[b-eh1p92ko5u] {
    stroke: #1fb6aa;
}

.sd-chart-labels[b-eh1p92ko5u] {
    display: grid;
    align-items: start;
    gap: 8px;
    padding-left: 5.833333%;
    padding-right: 2.777778%;
    color: rgba(8, 33, 61, 0.58);
    font-size: 11px;
    font-weight: 800;
}

.sd-chart-labels span[b-eh1p92ko5u] {
    text-align: center;
    white-space: nowrap;
}

.sd-line-legend[b-eh1p92ko5u] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 14px;
    color: rgba(8, 33, 61, 0.68);
    font-size: 12px;
    font-weight: 900;
}

.sd-line-legend span[b-eh1p92ko5u] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.sd-line-legend i[b-eh1p92ko5u] {
    display: inline-block;
    width: 18px;
    height: 4px;
    border-radius: 999px;
}

.sd-line-legend i.is-project[b-eh1p92ko5u] {
    background: #2478c7;
}

.sd-line-legend i.is-sales[b-eh1p92ko5u] {
    background: #1fb6aa;
}
.sd-chart-actions[b-eh1p92ko5u] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.sd-chart-select[b-eh1p92ko5u] {
    min-height: 32px;
    padding: 0 34px 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(8, 33, 61, 0.12);
    background: rgba(8, 33, 61, 0.025);
    color: #07182d;
    font-size: 11px;
    font-weight: 900;
    outline: none;
    cursor: pointer;
}

.sd-chart-select:focus[b-eh1p92ko5u] {
    border-color: rgba(36, 120, 199, 0.54);
    box-shadow: 0 0 0 4px rgba(36, 120, 199, 0.08);
}

.sd-grid-label[b-eh1p92ko5u] {
    fill: rgba(8, 33, 61, 0.45);
    font-size: 10px;
    font-weight: 800;
}

.sd-line-point-hit[b-eh1p92ko5u] {
    cursor: pointer;
}

.sd-line-points circle[b-eh1p92ko5u] {
    vector-effect: non-scaling-stroke;
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/Developments/DevWork.razor.rz.scp.css */
.fp-devp[b-las9a26mru]{
    position: relative;
    z-index: 2;
    padding: 18px 20px 42px;
    color: #EAF0FF;
}

/* =========================================================
   Header
   ========================================================= */

.fp-devp__top[b-las9a26mru]{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:14px;
    margin-bottom:10px;
}

.fp-devp__left[b-las9a26mru]{
    display:flex;
    gap:10px;
    align-items:flex-end;
}

.fp-devp__right[b-las9a26mru]{
    display:flex;
    gap:10px;
    align-items:flex-end;
}

.fp-devp__back[b-las9a26mru]{
    border-radius:14px;
    padding:9px 11px;
    background:rgba(255,255,255,0.10);
    border:1px solid rgba(255,255,255,0.18);
    color:#F5F7FF;
    cursor:pointer;
    transition:transform .14s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
    box-shadow:0 14px 40px rgba(0,0,0,0.35);
}
.fp-devp__back:hover[b-las9a26mru]{
    transform:translateY(-1px);
    background:rgba(255,255,255,0.12);
    border-color:rgba(255,255,255,0.22);
}
.fp-devp__back:active[b-las9a26mru]{
    transform:translateY(0) scale(.99);
}

.fp-devp__kicker[b-las9a26mru]{
    font-size:11.5px;
    color:rgba(234,240,255,0.72);
    margin-bottom:4px;
    letter-spacing:.2px;
}

.fp-devp__title[b-las9a26mru]{
    font-size:21px;
    margin:0 0 6px;
    letter-spacing:.2px;
}

.fp-devp__meta[b-las9a26mru]{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.fp-devp__chip[b-las9a26mru]{
    font-size:11.5px;
    font-weight:850;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(255,255,255,0.10);
    border:1px solid rgba(255,255,255,0.18);
    color:rgba(245,247,255,0.88);
}

.fp-devp__difficulty[b-las9a26mru]{
    border-radius:18px;
    padding:10px 10px 9px;
    background:rgba(255,255,255,0.10);
    border:1px solid rgba(255,255,255,0.18);
    box-shadow:0 18px 55px rgba(0,0,0,0.40);
    min-width:250px;
}

.fp-devp__statusLabel[b-las9a26mru]{
    font-size:11.5px;
    color:rgba(245,247,255,0.78);
    margin-bottom:8px;
}

.fp-devp__statusRow[b-las9a26mru]{
    display:flex;
    gap:10px;
    align-items:center;
}

.fp-devp__statusHint[b-las9a26mru]{
    margin-top:8px;
    font-size:12px;
    color:rgba(245,247,255,0.76);
}

.fp-devp__select[b-las9a26mru]{
    border-radius:14px;
    padding:9px 11px;
    background:rgba(255,255,255,0.12);
    border:1px solid rgba(255,255,255,0.20);
    color:#F5F7FF;
    outline:none;
    flex:1;
}

.fp-devp__select--tight[b-las9a26mru]{
    padding:8px 10px;
    border-radius:12px;
    min-width:180px;
}

.fp-devp__stars[b-las9a26mru]{
    display:flex;
    gap:6px;
}

.fp-devp__star[b-las9a26mru]{
    width:32px;
    height:32px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,0.20);
    background:rgba(255,255,255,0.10);
    color:rgba(245,247,255,0.45);
    cursor:pointer;
    transition:transform .12s ease, background .14s ease, border-color .14s ease, color .14s ease;
}
.fp-devp__star:hover[b-las9a26mru]{
    transform:translateY(-1px);
    background:rgba(255,255,255,0.12);
    border-color:rgba(255,255,255,0.24);
}
.fp-devp__star.is-on[b-las9a26mru]{
    color:rgba(255,255,255,0.96);
    background:linear-gradient(135deg, rgba(77,166,255,0.55), rgba(111,124,255,0.45));
    border-color:rgba(255,255,255,0.30);
}

/* =========================================================
   Tabs
   ========================================================= */

.fp-devp__tabs[b-las9a26mru]{
    display:flex;
    gap:8px;
    padding:8px;
    border-radius:18px;
    background:rgba(255,255,255,0.10);
    border:1px solid rgba(255,255,255,0.18);
    margin:10px 0 12px;
}

.fp-tab[b-las9a26mru]{
    border:1px solid rgba(255,255,255,0.18);
    background:rgba(255,255,255,0.10);
    color:rgba(245,247,255,0.86);
    font-weight:900;
    font-size:12px;
    border-radius:999px;
    padding:7px 11px;
    cursor:pointer;
    transition:transform .12s ease, background .14s ease, border-color .14s ease;
}
.fp-tab:hover[b-las9a26mru]{
    transform:translateY(-1px);
    background:rgba(255,255,255,0.12);
    border-color:rgba(255,255,255,0.22);
}
.fp-tab.is-active[b-las9a26mru]{
    color:rgba(255,255,255,0.97);
    background:linear-gradient(135deg, rgba(77,166,255,0.55), rgba(111,124,255,0.45));
    border-color:rgba(255,255,255,0.30);
}

/* =========================================================
   Layout
   ========================================================= */

.fp-devp__grid[b-las9a26mru]{
    display:grid;
    grid-template-columns:minmax(0, 1.45fr) minmax(320px, 1fr);
    gap:12px;
    align-items:start;
}

.fp-devp__grid--single[b-las9a26mru]{
    grid-template-columns:1fr;
}

.fp-devp__grid--emails[b-las9a26mru]{
    grid-template-columns:1.15fr .85fr;
}

@media (max-width: 1100px){
    .fp-devp__top[b-las9a26mru]{
        flex-direction:column;
        align-items:stretch;
    }

    .fp-devp__right[b-las9a26mru]{
        flex-wrap:wrap;
    }

    .fp-devp__difficulty[b-las9a26mru]{
        min-width:unset;
    }

    .fp-devp__grid[b-las9a26mru],
    .fp-devp__grid--emails[b-las9a26mru]{
        grid-template-columns:1fr;
    }
}

/* =========================================================
   Panel shell
   ========================================================= */

.fp-ring[b-las9a26mru]{
    border-radius:24px;
    padding:8px;
    background:linear-gradient(180deg, dodgerblue 0%, darkblue 100%);
    border:1px solid rgba(255,255,255,0.33);
    box-shadow:0 22px 60px rgba(0,0,0,0.45);
}

.fp-panel[b-las9a26mru]{
    border-radius:18px;
    background:#FFFFFF;
    border:1px solid rgba(0,0,0,0.08);
    overflow:hidden;
}

.fp-panel__head[b-las9a26mru]{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    padding:12px 12px 10px;
    border-bottom:1px solid rgba(17,24,39,0.08);
}

.fp-panel__title[b-las9a26mru]{
    font-weight:950;
    letter-spacing:.2px;
    font-size:14px;
    margin-bottom:3px;
    color:#111827;
}

.fp-panel__sub[b-las9a26mru]{
    color:rgba(17,24,39,0.60);
    font-size:12.5px;
}

.fp-panel__actions[b-las9a26mru]{
    display:flex;
    gap:8px;
    align-items:center;
    flex-wrap:wrap;
}

.fp-panel__body[b-las9a26mru]{
    padding:12px;
}

/* =========================================================
   Buttons / inputs / tags
   ========================================================= */

.fp-devp__btn[b-las9a26mru]{
    border-radius:14px;
    padding:9px 11px;
    font-weight:900;
    border:1px solid rgba(17,24,39,0.12);
    cursor:pointer;
    transition:transform .14s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease;
}

.fp-devp__btn--primary[b-las9a26mru]{
    background:linear-gradient(135deg, rgba(77,166,255,0.95), rgba(111,124,255,0.75));
    color:rgba(255,255,255,0.98);
    border-color:transparent;
}
.fp-devp__btn--primary:hover[b-las9a26mru]{
    transform:translateY(-1px);
    box-shadow:0 14px 34px rgba(0,0,0,0.22);
}

.fp-devp__btn--ghost[b-las9a26mru]{
    background:rgba(17,24,39,0.04);
    color:rgba(17,24,39,0.86);
}
.fp-devp__btn--ghost:hover[b-las9a26mru]{
    transform:translateY(-1px);
    background:rgba(17,24,39,0.06);
}

.fp-devp__btn--mini[b-las9a26mru]{
    padding:8px 10px;
    border-radius:12px;
    font-size:12px;
}

.fp-input[b-las9a26mru],
.fp-textarea[b-las9a26mru]{
    width:100%;
    background:#FFFFFF;
    border:1px solid rgba(17,24,39,0.12);
    color:#111827;
    outline:none;
}

.fp-input[b-las9a26mru]{
    border-radius:14px;
    padding:10px 11px;
}

.fp-input--tight[b-las9a26mru]{
    padding:9px 10px;
    border-radius:12px;
}

.fp-textarea[b-las9a26mru]{
    border-radius:14px;
    padding:10px 11px;
    min-height:180px;
    resize:vertical;
}

.fp-textarea--large[b-las9a26mru]{
    min-height:340px;
}

.fp-tag[b-las9a26mru]{
    font-size:12px;
    font-weight:900;
    padding:4px 8px;
    border-radius:999px;
    background:rgba(17,24,39,0.04);
    border:1px solid rgba(17,24,39,0.10);
    color:rgba(17,24,39,0.74);
}

.fp-tag--muted[b-las9a26mru]{
    color:rgba(17,24,39,0.56);
}

.fp-pillRow[b-las9a26mru]{
    display:flex;
    gap:8px;
    align-items:center;
}

.fp-pill[b-las9a26mru]{
    border-radius:999px;
    padding:8px 10px;
    font-weight:950;
    font-size:12px;
    border:1px solid rgba(17,24,39,0.12);
    background:rgba(17,24,39,0.03);
    color:rgba(17,24,39,0.74);
    cursor:pointer;
}

.fp-pill.is-active[b-las9a26mru]{
    color:rgba(17,24,39,0.88);
    background:rgba(77,166,255,0.12);
    border-color:rgba(77,166,255,0.25);
}

/* =========================================================
   PDF hub
   ========================================================= */

.fp-panel__body--pdf[b-las9a26mru]{
    padding:0;
    min-height:calc(100vh - 300px);
}

.fp-pdfhub[b-las9a26mru]{
    position:relative;
    width:100%;
    min-height:calc(100vh - 300px);
    height:calc(100vh - 300px);
    background:
            radial-gradient(circle at top left, rgba(78,129,255,0.08), transparent 30%),
            linear-gradient(180deg, #fbfcff 0%, #f4f7fc 100%);
}

.fp-pdfhub__viewer[b-las9a26mru]{
    position:absolute;
    inset:0;
    min-width:0;
    min-height:0;
    background:
            radial-gradient(circle at top, rgba(78,129,255,0.08), transparent 40%),
            linear-gradient(180deg, #fbfcff, #f4f7fc);
}

.fp-devp__pdfFrame[b-las9a26mru]{
    width:100%;
    height:100%;
    border:0;
    display:block;
    background:#f3f6fb;
}

.fp-devp__pdfStub[b-las9a26mru]{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
    text-align:center;
    padding:32px;
}

.fp-devp__pdfStubInner[b-las9a26mru]{
    max-width:320px;
}

.fp-devp__pdfIcon[b-las9a26mru]{
    width:68px;
    height:68px;
    margin:0 auto 14px;
    display:grid;
    place-items:center;
    border-radius:18px;
    font-weight:800;
    letter-spacing:.08em;
    color:#174ea6;
    background:linear-gradient(180deg, #e7f0ff, #d8e7ff);
    border:1px solid rgba(47,109,246,0.16);
}

.fp-devp__pdfHint[b-las9a26mru]{
    font-size:.94rem;
    color:#5d6676;
}

.fp-pdfhub__sidebar[b-las9a26mru]{
    position:absolute;
    top:16px;
    left:16px;
    z-index:5;
    width:360px;
    max-width:calc(100% - 32px);
    max-height:calc(100% - 32px);
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid rgba(18,28,45,0.10);
    border-radius:18px;
    background:rgba(255,255,255,0.90);
    backdrop-filter:blur(14px);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.70),
            0 18px 42px rgba(20,42,90,0.16);
}

.fp-pdfhub__sidebar.is-minimized[b-las9a26mru]{
    width:auto;
    max-height:none;
    overflow:visible;
}

.fp-pdfhub__sidebarHead[b-las9a26mru]{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:16px 18px 12px;
    border-bottom:1px solid rgba(18,28,45,0.08);
    background:rgba(245,248,255,0.78);
}

.fp-pdfhub__sidebarHeadMain[b-las9a26mru]{
    min-width:0;
    flex:1;
}

.fp-pdfhub__sidebarTitle[b-las9a26mru]{
    font-size:.96rem;
    font-weight:800;
    color:#1b2432;
}

.fp-pdfhub__sidebarMeta[b-las9a26mru]{
    margin-top:4px;
    font-size:.83rem;
    color:#6b7280;
}

.fp-pdfhub__toggle[b-las9a26mru]{
    flex:0 0 auto;
    border-radius:12px;
    padding:8px 10px;
    font-size:12px;
    font-weight:900;
    border:1px solid rgba(17,24,39,0.10);
    background:rgba(255,255,255,0.78);
    color:#1f2937;
    cursor:pointer;
    transition:transform .12s ease, background .14s ease, border-color .14s ease;
}
.fp-pdfhub__toggle:hover[b-las9a26mru]{
    transform:translateY(-1px);
    background:#FFFFFF;
    border-color:rgba(17,24,39,0.16);
}

.fp-pdfhub__sidebar.is-minimized .fp-pdfhub__sidebarHead[b-las9a26mru]{
    border-bottom:0;
    padding:10px;
    background:transparent;
}

.fp-pdfhub__sidebar.is-minimized .fp-pdfhub__sidebarHeadMain[b-las9a26mru],
.fp-pdfhub__sidebar.is-minimized .fp-alert[b-las9a26mru],
.fp-pdfhub__sidebar.is-minimized .fp-pdfhub__list[b-las9a26mru]{
    display:none;
}

.fp-pdfhub__list[b-las9a26mru]{
    flex:1 1 auto;
    min-height:0;
    overflow:auto;
    padding:12px;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.fp-pdfhub__file[b-las9a26mru]{
    appearance:none;
    width:100%;
    display:block;
    text-align:left;
    border:1px solid rgba(30,41,59,0.10);
    border-radius:16px;
    background:linear-gradient(180deg, #ffffff, #f8fbff);
    padding:13px 14px;
    color:#18212f;
    cursor:pointer;
    transition:transform .14s ease, border-color .14s ease, box-shadow .14s ease, background .14s ease;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.8),
            0 4px 12px rgba(16,24,40,0.04);
}

.fp-pdfhub__file:hover[b-las9a26mru]{
    transform:translateY(-1px);
    border-color:rgba(47,109,246,0.25);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.85),
            0 10px 22px rgba(47,109,246,0.10);
    background:linear-gradient(180deg, #ffffff, #f3f8ff);
}

.fp-pdfhub__file.is-active[b-las9a26mru]{
    border-color:rgba(47,109,246,0.48);
    background:linear-gradient(180deg, #eef5ff, #e9f2ff);
    box-shadow:
            inset 0 0 0 1px rgba(47,109,246,0.14),
            0 10px 24px rgba(47,109,246,0.14);
}

.fp-pdfhub__fileTop[b-las9a26mru]{
    display:flex;
    gap:12px;
    align-items:flex-start;
}

.fp-pdfhub__fileIcon[b-las9a26mru]{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    font-size:.74rem;
    font-weight:800;
    letter-spacing:.06em;
    color:#174ea6;
    background:linear-gradient(180deg, #e6f0ff, #d9e9ff);
    border:1px solid rgba(47,109,246,0.14);
}

.fp-pdfhub__fileText[b-las9a26mru]{
    min-width:0;
    flex:1 1 auto;
}

.fp-pdfhub__fileName[b-las9a26mru]{
    font-size:.92rem;
    font-weight:700;
    line-height:1.35;
    color:#162032;
    word-break:break-word;
}

.fp-pdfhub__fileSub[b-las9a26mru]{
    margin-top:5px;
    font-size:.79rem;
    color:#667085;
    line-height:1.35;
}

.fp-pdfhub__fileDesc[b-las9a26mru]{
    margin-top:8px;
    font-size:.81rem;
    color:#475467;
    line-height:1.4;
}

.fp-pdfhub__emptyList[b-las9a26mru]{
    border:1px dashed rgba(30,41,59,0.14);
    border-radius:16px;
    padding:24px 16px;
    text-align:center;
    background:rgba(248,250,253,0.8);
}

.fp-pdfhub__emptyIcon[b-las9a26mru]{
    width:56px;
    height:56px;
    margin:0 auto 12px;
    display:grid;
    place-items:center;
    border-radius:14px;
    font-size:.78rem;
    font-weight:800;
    color:#174ea6;
    background:linear-gradient(180deg, #e7f0ff, #d8e7ff);
    border:1px solid rgba(47,109,246,0.14);
}

.fp-pdfhub__emptyTitle[b-las9a26mru]{
    font-size:.94rem;
    font-weight:750;
    color:#1b2432;
    margin-bottom:6px;
}

.fp-pdfhub__emptyText[b-las9a26mru]{
    font-size:.83rem;
    color:#667085;
    line-height:1.45;
}

.fp-alert--muted[b-las9a26mru]{
    margin:12px;
    padding:10px 12px;
    border-radius:12px;
    background:rgba(244,247,252,0.95);
    border:1px solid rgba(18,28,45,0.08);
    font-size:.82rem;
    color:#5e6a7d;
}

@media (max-width: 900px){
    .fp-panel__body--pdf[b-las9a26mru],
    .fp-pdfhub[b-las9a26mru]{
        min-height:72vh;
        height:72vh;
    }

    .fp-pdfhub__sidebar[b-las9a26mru]{
        width:calc(100% - 24px);
        top:12px;
        left:12px;
        max-width:none;
        max-height:320px;
    }
}

/* =========================================================
   Mini KPIs / info
   ========================================================= */

.fp-devp__miniKpis[b-las9a26mru]{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:10px;
    margin-bottom:12px;
}
@media (max-width: 900px){
    .fp-devp__miniKpis[b-las9a26mru]{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

.fp-mini[b-las9a26mru]{
    border-radius:16px;
    padding:10px 10px 9px;
    background:rgba(17,24,39,0.03);
    border:1px solid rgba(17,24,39,0.10);
}

.fp-mini__label[b-las9a26mru]{
    font-size:12px;
    color:rgba(17,24,39,0.58);
    margin-bottom:6px;
}

.fp-mini__value[b-las9a26mru]{
    font-size:14px;
    font-weight:950;
    color:#111827;
}

.fp-devp__infoGrid[b-las9a26mru]{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
    margin-bottom:12px;
}
@media (max-width: 650px){
    .fp-devp__infoGrid[b-las9a26mru]{
        grid-template-columns:1fr;
    }
}

.fp-field[b-las9a26mru]{
    border-radius:16px;
    padding:10px 10px 9px;
    background:rgba(17,24,39,0.03);
    border:1px solid rgba(17,24,39,0.10);
}

.fp-label[b-las9a26mru]{
    font-size:12px;
    color:rgba(17,24,39,0.58);
    margin-bottom:6px;
}

.fp-value[b-las9a26mru]{
    font-size:13.5px;
    font-weight:850;
    color:#111827;
}

.fp-devp__quickActions[b-las9a26mru]{
    display:flex;
    gap:8px;
    justify-content:flex-end;
    flex-wrap:wrap;
}

/* =========================================================
   House type table
   ========================================================= */

.fp-ht__table[b-las9a26mru]{
    border-radius:16px;
    overflow:hidden;
    border:1px solid rgba(17,24,39,0.10);
    background:rgba(17,24,39,0.02);
}

.fp-ht__head[b-las9a26mru],
.fp-ht__row[b-las9a26mru]{
    display:grid;
    grid-template-columns:1fr 240px 110px 220px;
    gap:10px;
    padding:10px 12px;
}

.fp-ht__head[b-las9a26mru]{
    font-weight:950;
    color:rgba(17,24,39,0.62);
    font-size:12px;
    border-bottom:1px solid rgba(17,24,39,0.08);
}

.fp-ht__row[b-las9a26mru]{
    align-items:center;
    cursor:pointer;
    border-bottom:1px solid rgba(17,24,39,0.06);
    transition:background .14s ease;
}
.fp-ht__row:hover[b-las9a26mru]{
    background:rgba(17,24,39,0.03);
}
.fp-ht__row:last-child[b-las9a26mru]{
    border-bottom:0;
}

.fp-ht__cell[b-las9a26mru]{
    display:flex;
    align-items:center;
}

.fp-ht__qty[b-las9a26mru]{
    justify-content:flex-start;
}

.fp-ht__actions[b-las9a26mru]{
    justify-content:flex-end;
    gap:8px;
}

.fp-ht__footer[b-las9a26mru]{
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin-top:10px;
    color:rgba(17,24,39,0.65);
    font-size:12.5px;
}

.fp-ht__total span[b-las9a26mru]{
    color:#111827;
    font-weight:950;
}

.fp-ht__hint[b-las9a26mru]{
    opacity:.9;
}

.fp-inline[b-las9a26mru]{
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 4px;
}

.fp-inline__label[b-las9a26mru]{
    font-size:12px;
    font-weight:900;
    color:rgba(17,24,39,0.70);
    white-space:nowrap;
}

.fp-note[b-las9a26mru]{
    margin-top:12px;
    border-radius:16px;
    padding:10px 12px;
    background:rgba(77,166,255,0.08);
    border:1px solid rgba(77,166,255,0.18);
    color:rgba(17,24,39,0.80);
}

.fp-note__title[b-las9a26mru]{
    font-weight:950;
    margin-bottom:4px;
    color:#111827;
}

.fp-note__body[b-las9a26mru]{
    font-size:12.5px;
}

/* =========================================================
   Emails / map / activity
   ========================================================= */

.fp-devp__thread[b-las9a26mru]{
    height:480px;
    overflow:auto;
    display:flex;
    flex-direction:column;
    gap:10px;
    padding-right:4px;
}

.fp-msg[b-las9a26mru]{
    border-radius:14px;
    padding:10px 12px;
    border:1px solid rgba(17,24,39,0.10);
    background:rgba(17,24,39,0.03);
}
.fp-msg.is-client[b-las9a26mru]{
    background:rgba(77,166,255,0.08);
    border-color:rgba(77,166,255,0.18);
}
.fp-msg.is-us[b-las9a26mru]{
    background:rgba(111,124,255,0.08);
    border-color:rgba(111,124,255,0.18);
}

.fp-msg__head[b-las9a26mru]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    margin-bottom:6px;
}

.fp-msg__from[b-las9a26mru]{
    font-weight:950;
    color:#111827;
}

.fp-msg__time[b-las9a26mru]{
    font-size:12px;
    color:rgba(17,24,39,0.60);
}

.fp-msg__subj[b-las9a26mru]{
    font-size:12.5px;
    color:rgba(17,24,39,0.75);
    font-weight:900;
    margin-bottom:6px;
}

.fp-msg__body[b-las9a26mru]{
    font-size:13.5px;
    color:rgba(17,24,39,0.88);
    line-height:1.3;
}

.fp-compose[b-las9a26mru]{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.fp-compose__actions[b-las9a26mru]{
    display:flex;
    gap:8px;
    justify-content:flex-end;
    margin-top:6px;
}

.fp-compose__hint[b-las9a26mru]{
    margin-top:6px;
    font-size:12.5px;
    color:rgba(17,24,39,0.60);
}

.fp-panel__body--map[b-las9a26mru]{
    height:520px;
}

.fp-devp__mapFrame[b-las9a26mru]{
    width:100%;
    height:100%;
    border:0;
    display:block;
    border-radius:16px;
    background:rgba(17,24,39,0.03);
    border:1px solid rgba(17,24,39,0.10);
}

.fp-activity[b-las9a26mru]{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.fp-act[b-las9a26mru]{
    border-radius:14px;
    padding:10px 12px;
    background:rgba(17,24,39,0.03);
    border:1px solid rgba(17,24,39,0.10);
}

.fp-act__head[b-las9a26mru]{
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin-bottom:6px;
}

.fp-act__title[b-las9a26mru]{
    font-weight:950;
    color:#111827;
}

.fp-act__time[b-las9a26mru]{
    font-size:12px;
    color:rgba(17,24,39,0.60);
}

.fp-act__body[b-las9a26mru]{
    color:rgba(17,24,39,0.78);
}

/* =========================================================
   Toast / spinner
   ========================================================= */

.fp-toast[b-las9a26mru]{
    position:fixed;
    right:18px;
    top:18px;
    z-index:9999;
    width:min(420px, calc(100vw - 36px));
    border-radius:16px;
    padding:12px 14px;
    background:rgba(20,22,32,0.92);
    border:1px solid rgba(255,255,255,0.10);
    box-shadow:0 18px 40px rgba(0,0,0,0.35);
    backdrop-filter:blur(10px);
}

.fp-toast--ok[b-las9a26mru]{
    border-color:rgba(120,255,180,0.25);
}

.fp-toast--err[b-las9a26mru]{
    border-color:rgba(255,120,120,0.25);
}

.fp-toast__title[b-las9a26mru]{
    font-weight:700;
    font-size:14px;
    letter-spacing:.2px;
    margin-bottom:2px;
}

.fp-toast__body[b-las9a26mru]{
    font-size:13px;
    opacity:.9;
    line-height:1.25;
    padding-right:22px;
}

.fp-toast__x[b-las9a26mru]{
    position:absolute;
    right:10px;
    top:8px;
    width:26px;
    height:26px;
    border-radius:10px;
    border:0;
    background:rgba(255,255,255,0.06);
    color:rgba(255,255,255,0.9);
    cursor:pointer;
}

.fp-btnSpin[b-las9a26mru]{
    display:inline-block;
    width:14px;
    height:14px;
    border-radius:999px;
    border:2px solid rgba(255,255,255,0.35);
    border-top-color:rgba(255,255,255,0.95);
    margin-right:8px;
    animation:fpSpin-b-las9a26mru .8s linear infinite;
    vertical-align:-2px;
}

@keyframes fpSpin-b-las9a26mru{
    to{
        transform:rotate(360deg);
    }
}

/* =========================================================
   Quote summary / table / empty
   ========================================================= */

.fp-qsHero[b-las9a26mru]{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:14px;
    margin-top:8px;
}

.fp-qsHero__item[b-las9a26mru]{
    padding:14px 16px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.fp-qsHero__label[b-las9a26mru]{
    font-size:.78rem;
    opacity:.72;
    margin-bottom:6px;
    letter-spacing:.02em;
}

.fp-qsHero__value[b-las9a26mru]{
    font-size:1.1rem;
    font-weight:700;
}

.fp-qsForm[b-las9a26mru]{
    display:grid;
    gap:14px;
}

.fp-qsForm__grid[b-las9a26mru]{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
}

.fp-qsForm__actions[b-las9a26mru]{
    display:flex;
    justify-content:flex-end;
}

.fp-field__label[b-las9a26mru]{
    font-size:.8rem;
    opacity:.78;
}

.fp-qsInfo[b-las9a26mru]{
    display:flex;
    gap:12px;
    align-items:flex-start;
    margin-top:18px;
    padding:12px 14px;
    border-radius:14px;
    background:rgba(82,168,255,.08);
    border:1px solid rgba(82,168,255,.18);
}

.fp-qsInfo__icon[b-las9a26mru]{
    width:22px;
    height:22px;
    border-radius:999px;
    display:grid;
    place-items:center;
    font-size:.8rem;
    font-weight:700;
    background:rgba(255,255,255,.12);
    flex:0 0 auto;
}

.fp-qsInfo__text[b-las9a26mru]{
    font-size:.88rem;
    line-height:1.45;
    opacity:.92;
}

.fp-empty[b-las9a26mru]{
    padding:24px 10px 8px;
    text-align:center;
    opacity:.85;
}

.fp-empty__title[b-las9a26mru]{
    font-weight:700;
    margin-bottom:4px;
}

.fp-empty__sub[b-las9a26mru]{
    font-size:.9rem;
    opacity:.72;
}

.fp-tableWrap[b-las9a26mru]{
    margin-top:16px;
    overflow-x:auto;
}

.fp-table[b-las9a26mru]{
    width:100%;
    border-collapse:collapse;
}

.fp-table th[b-las9a26mru],
.fp-table td[b-las9a26mru]{
    padding:12px 10px;
    border-bottom:1px solid rgba(255,255,255,.08);
    text-align:left;
    vertical-align:middle;
}

.fp-table th[b-las9a26mru]{
    font-size:.78rem;
    letter-spacing:.04em;
    text-transform:uppercase;
    opacity:.68;
    font-weight:700;
}

.fp-table__actions[b-las9a26mru]{
    text-align:right;
    white-space:nowrap;
}

.fp-badge[b-las9a26mru]{
    display:inline-flex;
    align-items:center;
    padding:5px 9px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.08);
    font-size:.78rem;
}

@media (max-width: 980px){
    .fp-qsHero[b-las9a26mru],
    .fp-qsForm__grid[b-las9a26mru]{
        grid-template-columns:1fr;
    }
}

/* =========================================================
   Quote table bits
   ========================================================= */

.qt-check[b-las9a26mru]{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    color:#374151;
    font-weight:700;
}

.qt-badge[b-las9a26mru]{
    display:inline-flex;
    align-items:center;
    padding:6px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    letter-spacing:.03em;
    text-transform:uppercase;
    border:1px solid transparent;
}

.qt-badge--ok[b-las9a26mru]{
    color:#065F46;
    background:rgba(16,185,129,0.12);
    border-color:rgba(16,185,129,0.18);
}

.qt-badge--muted[b-las9a26mru]{
    color:#6B7280;
    background:rgba(17,24,39,0.05);
    border-color:rgba(17,24,39,0.08);
}

.qt-tableWrap[b-las9a26mru]{
    margin-top:14px;
    overflow:auto;
    max-height:420px;
    border-radius:16px;
    border:1px solid rgba(17,24,39,0.10);
    background:rgba(255,255,255,0.88);
}

.qt-table[b-las9a26mru]{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.qt-table thead th[b-las9a26mru]{
    text-align:left;
    font-size:12px;
    font-weight:900;
    color:#6B7280;
    background:rgba(17,24,39,0.04);
    border-bottom:1px solid rgba(17,24,39,0.10);
    padding:10px;
}

.qt-table tbody td[b-las9a26mru]{
    padding:10px;
    border-bottom:1px solid rgba(17,24,39,0.08);
    background:rgba(255,255,255,0.70);
    vertical-align:middle;
}

.qt-table tbody tr:nth-child(even) td[b-las9a26mru]{
    background:rgba(249,250,251,0.90);
}

.qt-strong[b-las9a26mru]{
    font-weight:950;
    color:#111827;
}

.col-sku[b-las9a26mru]{ width:138px; }
.col-mode[b-las9a26mru]{ width:124px; }
.col-len[b-las9a26mru]{ width:124px; }
.col-num[b-las9a26mru]{ width:118px; }

@media (max-width: 980px){
    .col-sku[b-las9a26mru]{ width:120px; }
    .col-mode[b-las9a26mru]{ width:110px; }
    .col-len[b-las9a26mru]{ width:110px; }
    .col-num[b-las9a26mru]{ width:100px; }
}

@media (max-width: 760px){
    .qt-tableWrap[b-las9a26mru]{
        max-height:none;
    }
}

/* =========================================================
   New quote accordion
   ========================================================= */

.fp-quoteTool[b-las9a26mru]{
    display:grid;
    gap:16px;
}

.fp-quoteTool__toolbar[b-las9a26mru]{
    display:flex;
    gap:12px;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}

.fp-quoteTool__search[b-las9a26mru]{
    min-width:280px;
    flex:1 1 420px;
}

.fp-quoteTool__search .rm-input[b-las9a26mru]{
    width:100%;
}

.fp-quoteTool__actions[b-las9a26mru]{
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
}

.fp-quoteTool__list[b-las9a26mru]{
    display:grid;
    gap:12px;
}

.fp-quoteHt[b-las9a26mru]{
    border:1px solid rgba(255,255,255,0.08);
    border-radius:16px;
    overflow:hidden;
    background:rgba(255,255,255,0.02);
}

.fp-quoteHt__head[b-las9a26mru]{
    width:100%;
    border:0;
    background:transparent;
    color:#0a0e15;
    padding:16px 18px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    text-align:left;
    cursor:pointer;
}
.fp-quoteHt__head:hover[b-las9a26mru]{
    background:rgba(255,255,255,0.03);
}

.fp-quoteHt__headMain[b-las9a26mru]{
    min-width:0;
    display:grid;
    gap:8px;
}

.fp-quoteHt__titleRow[b-las9a26mru]{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.fp-quoteHt__title[b-las9a26mru]{
    margin:0;
    font-size:18px;
    font-weight:950;
    color:#0a0e15;
}

.fp-quoteHt__meta[b-las9a26mru]{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.fp-quoteHt__chev[b-las9a26mru]{
    flex:0 0 auto;
    font-size:1.4rem;
    line-height:1;
    opacity:.8;
}

.fp-quoteHt__body[b-las9a26mru]{
    padding:0 18px 18px;
    display:grid;
    gap:14px;
    color:#0a0e15;
}

.fp-quoteHt__totals[b-las9a26mru]{
    margin-left:auto;
    min-width:min(100%, 320px);
    display:grid;
    gap:8px;
}

.fp-quoteHt__totalsRow[b-las9a26mru]{
    display:flex;
    justify-content:space-between;
    gap:16px;
    color:#0a0e15;
}

.fp-quoteHt__totalsRow--grand[b-las9a26mru]{
    padding-top:8px;
    border-top:1px solid rgba(255,255,255,0.08);
    font-size:1.02rem;
    font-weight:950;
}

@media (max-width: 760px){
    .fp-quoteHt__head[b-las9a26mru]{
        padding:14px;
        align-items:flex-start;
    }

    .fp-quoteHt__body[b-las9a26mru]{
        padding:0 14px 14px;
    }

    .fp-quoteHt__title[b-las9a26mru]{
        font-size:16px;
    }

    .fp-quoteHt__totals[b-las9a26mru]{
        min-width:100%;
        margin-left:0;
    }
}

/* =========================================================
   DEV PROJECT PAGE — WORKLOAD BOARD THEME OVERRIDE
   Put this after the existing fp-devp CSS
   ========================================================= */

.fp-devp[b-las9a26mru] {
    position: relative;
    isolation: isolate;
    min-height: 100vh;
    overflow: hidden;
    padding: 42px 38px 34px;
    color: #eaf0ff;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:
            radial-gradient(circle at 30% 8%, rgba(36, 99, 235, 0.28), transparent 32%),
            radial-gradient(circle at 80% 32%, rgba(14, 165, 233, 0.16), transparent 34%),
            linear-gradient(135deg, #020714 0%, #071426 48%, #02040a 100%);
}

/* blueprint grid */
.fp-devp[b-las9a26mru]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -3;
    background:
            linear-gradient(90deg, rgba(80, 150, 255, 0.035) 1px, transparent 1px),
            linear-gradient(0deg, rgba(80, 150, 255, 0.03) 1px, transparent 1px);
    background-size: 76px 76px;
    mask-image: radial-gradient(circle at center, black 0%, transparent 78%);
    pointer-events: none;
}

/* perspective floor lines */
.fp-devp[b-las9a26mru]::after {
    content: "";
    position: absolute;
    inset: auto -10% -20% -10%;
    z-index: -2;
    height: 36vh;
    background: repeating-linear-gradient(
            115deg,
            rgba(51, 132, 255, 0.12) 0 1px,
            transparent 1px 18px
    );
    opacity: 0.28;
    transform: perspective(700px) rotateX(62deg);
    transform-origin: bottom;
    pointer-events: none;
}

/* =========================================================
   Top bar
   ========================================================= */

.fp-devp__top[b-las9a26mru] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 28px;
}

.fp-devp__left[b-las9a26mru] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.fp-devp__right[b-las9a26mru] {
    display: flex;
    align-items: stretch;
    gap: 14px;
}

.fp-devp__back[b-las9a26mru] {
    height: 44px;
    border-radius: 13px;
    padding: 0 14px;
    color: rgba(226, 237, 255, 0.84);
    background: rgba(3, 10, 24, 0.58);
    border: 1px solid rgba(121, 171, 255, 0.20);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.04),
            0 20px 60px rgba(0,0,0,0.26);
    backdrop-filter: blur(14px);
}

.fp-devp__back:hover[b-las9a26mru] {
    transform: translateY(-1px);
    color: #ffffff;
    border-color: rgba(96, 165, 250, 0.54);
    background: rgba(15, 38, 78, 0.58);
}

.fp-devp__kicker[b-las9a26mru] {
    margin-bottom: 6px;
    color: #7bb4ff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.fp-devp__title[b-las9a26mru] {
    margin: 0;
    color: white;
    font-size: 32px;
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.fp-devp__meta[b-las9a26mru] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.fp-devp__chip[b-las9a26mru] {
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 999px;
    color: rgba(226, 237, 255, 0.76);
    background: rgba(3, 10, 24, 0.42);
    border: 1px solid rgba(121, 171, 255, 0.18);
    font-size: 11px;
    font-weight: 850;
}

/* status / difficulty glass cards */
.fp-devp__statusBlock[b-las9a26mru],
.fp-devp__difficulty[b-las9a26mru] {
    min-width: 250px;
    border-radius: 16px;
    padding: 14px;
    background: rgba(4, 13, 27, 0.54);
    border: 1px solid rgba(121, 171, 255, 0.22);
    box-shadow: 0 24px 70px rgba(0,0,0,0.24);
    backdrop-filter: blur(14px);
}

.fp-devp__statusLabel[b-las9a26mru] {
    margin-bottom: 8px;
    color: rgba(226, 237, 255, 0.68);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.fp-devp__statusHint[b-las9a26mru] {
    margin-top: 8px;
    color: rgba(226, 237, 255, 0.56);
    font-size: 12px;
    line-height: 1.35;
}

.fp-devp__statusRow[b-las9a26mru] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.fp-devp__select[b-las9a26mru] {
    min-height: 40px;
    flex: 1;
    border-radius: 12px;
    padding: 0 12px;
    color: white;
    background: rgba(3, 10, 24, 0.58);
    border: 1px solid rgba(121, 171, 255, 0.20);
    outline: none;
}

.fp-devp__select option[b-las9a26mru] {
    color: #111827;
    background: #ffffff;
}

.fp-devp__select:focus[b-las9a26mru] {
    border-color: rgba(96, 165, 250, 0.7);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
}

.fp-devp__stars[b-las9a26mru] {
    display: flex;
    gap: 7px;
}

.fp-devp__star[b-las9a26mru] {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    color: rgba(226, 237, 255, 0.34);
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(121, 171, 255, 0.18);
}

.fp-devp__star:hover[b-las9a26mru] {
    transform: translateY(-1px);
    color: rgba(255,255,255,0.82);
    border-color: rgba(96, 165, 250, 0.48);
    background: rgba(37, 99, 235, 0.16);
}

.fp-devp__star.is-on[b-las9a26mru] {
    color: #ffffff;
    background:
            radial-gradient(circle at 30% 20%, rgba(147, 197, 253, 0.58), transparent 48%),
            linear-gradient(135deg, rgba(37, 99, 235, 0.78), rgba(124, 58, 237, 0.50));
    border-color: rgba(147, 197, 253, 0.42);
    box-shadow: 0 0 24px rgba(37, 99, 235, 0.24);
}

/* =========================================================
   Tabs
   ========================================================= */

.fp-devp__tabs[b-las9a26mru] {
    display: flex;
    gap: 8px;
    margin: 0 0 22px;
    padding: 8px;
    overflow-x: auto;
    border-radius: 16px;
    background: rgba(4, 13, 27, 0.54);
    border: 1px solid rgba(121, 171, 255, 0.22);
    box-shadow: 0 24px 70px rgba(0,0,0,0.20);
    backdrop-filter: blur(14px);
}

.fp-tab[b-las9a26mru] {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0 13px;
    border-radius: 999px;
    color: rgba(226, 237, 255, 0.72);
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(121, 171, 255, 0.16);
    font-size: 12px;
    font-weight: 900;
}

.fp-tab:hover[b-las9a26mru] {
    transform: translateY(-1px);
    color: #ffffff;
    border-color: rgba(96, 165, 250, 0.48);
    background: rgba(37, 99, 235, 0.16);
}

.fp-tab.is-active[b-las9a26mru] {
    color: white;
    border-color: rgba(147, 197, 253, 0.44);
    background:
            radial-gradient(circle at 0% 0%, rgba(96, 165, 250, 0.34), transparent 46%),
            linear-gradient(135deg, rgba(37, 99, 235, 0.68), rgba(14, 165, 233, 0.30));
    box-shadow: 0 0 28px rgba(37, 99, 235, 0.18);
}

/* =========================================================
   Main layout
   ========================================================= */

.fp-devp__grid[b-las9a26mru] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(360px, 1fr);
    gap: 22px;
    align-items: start;
}

.fp-devp__grid--single[b-las9a26mru] {
    grid-template-columns: 1fr;
}

.fp-devp__grid--emails[b-las9a26mru] {
    grid-template-columns: 1.15fr .85fr;
}

/* =========================================================
   Panel shell - now matches workload board lanes
   ========================================================= */

.fp-ring[b-las9a26mru] {
    border-radius: 18px;
    padding: 0;
    background:
            linear-gradient(180deg, rgba(16, 54, 120, 0.72), rgba(3, 10, 28, 0.64));
    border: 1px solid rgba(74, 144, 255, 0.30);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.06),
            0 28px 80px rgba(0,0,0,0.28),
            0 0 42px rgba(37, 99, 235, 0.12);
    backdrop-filter: blur(14px);
    overflow: hidden;
}

.fp-panel[b-las9a26mru] {
    border-radius: 18px;
    overflow: hidden;
    color: #111827;
    background:
            radial-gradient(circle at 100% 0%, rgba(59, 130, 246, 0.08), transparent 30%),
            linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid rgba(255, 255, 255, 0.82);
    box-shadow:
            0 20px 50px rgba(0, 0, 0, 0.20),
            0 0 0 1px rgba(15, 23, 42, 0.04);
}

.fp-ring > .fp-panel + .fp-panel[b-las9a26mru] {
    margin-top: 22px;
}

.fp-panel__head[b-las9a26mru] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 18px 20px 16px;
    background:
            radial-gradient(circle at 0% 0%, rgba(59, 130, 246, 0.12), transparent 44%),
            linear-gradient(180deg, rgba(248, 251, 255, 0.94), rgba(240, 246, 255, 0.72));
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.fp-panel__title[b-las9a26mru] {
    margin: 0 0 4px;
    color: #111827;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 950;
    letter-spacing: -0.01em;
}

.fp-panel__sub[b-las9a26mru] {
    color: rgba(17, 24, 39, 0.56);
    font-size: 12.5px;
    line-height: 1.4;
}

.fp-panel__actions[b-las9a26mru] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.fp-panel__body[b-las9a26mru] {
    padding: 16px;
}

/* =========================================================
   Buttons / inputs
   ========================================================= */

.fp-devp__btn[b-las9a26mru] {
    min-height: 38px;
    border-radius: 12px;
    padding: 0 13px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    font-weight: 900;
    font-size: 12px;
    cursor: pointer;
}

.fp-devp__btn--primary[b-las9a26mru] {
    color: white;
    border-color: rgba(37, 99, 235, 0.42);
    background:
            radial-gradient(circle at 0% 0%, rgba(147, 197, 253, 0.28), transparent 48%),
            linear-gradient(135deg, #1683ff, #2563eb);
    box-shadow: 0 14px 34px rgba(37, 99, 235, 0.22);
}

.fp-devp__btn--primary:hover[b-las9a26mru] {
    transform: translateY(-1px);
    box-shadow: 0 18px 42px rgba(37, 99, 235, 0.30);
}

.fp-devp__btn--ghost[b-las9a26mru] {
    color: rgba(15, 23, 42, 0.78);
    background: rgba(15, 23, 42, 0.035);
    border-color: rgba(15, 23, 42, 0.08);
}

.fp-devp__btn--ghost:hover[b-las9a26mru] {
    transform: translateY(-1px);
    color: #111827;
    background: rgba(37, 99, 235, 0.08);
    border-color: rgba(37, 99, 235, 0.18);
}

.fp-devp__btn--mini[b-las9a26mru] {
    min-height: 32px;
    padding: 0 10px;
    border-radius: 10px;
}

.fp-input[b-las9a26mru],
.fp-textarea[b-las9a26mru],
.rm-input[b-las9a26mru] {
    width: 100%;
    color: #111827;
    background: rgba(255,255,255,0.88);
    border: 1px solid rgba(15, 23, 42, 0.10);
    outline: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.70);
}

.fp-input[b-las9a26mru],
.rm-input[b-las9a26mru] {
    min-height: 40px;
    border-radius: 12px;
    padding: 0 12px;
}

.fp-input--tight[b-las9a26mru] {
    min-height: 36px;
    border-radius: 10px;
}

.fp-textarea[b-las9a26mru] {
    min-height: 180px;
    border-radius: 14px;
    padding: 12px;
    resize: vertical;
}

.fp-input:focus[b-las9a26mru],
.fp-textarea:focus[b-las9a26mru],
.rm-input:focus[b-las9a26mru] {
    border-color: rgba(37, 99, 235, 0.44);
    box-shadow:
            0 0 0 3px rgba(37, 99, 235, 0.10),
            inset 0 1px 0 rgba(255,255,255,0.70);
}

/* =========================================================
   Mini KPIs / fields
   ========================================================= */

.fp-devp__miniKpis[b-las9a26mru] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.fp-mini[b-las9a26mru],
.fp-field[b-las9a26mru],
.fp-note[b-las9a26mru],
.fp-act[b-las9a26mru],
.fp-msg[b-las9a26mru] {
    border-radius: 15px;
    background: rgba(15, 23, 42, 0.035);
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.fp-mini[b-las9a26mru] {
    padding: 12px;
}

.fp-mini__label[b-las9a26mru],
.fp-label[b-las9a26mru] {
    margin-bottom: 6px;
    color: rgba(17, 24, 39, 0.54);
    font-size: 12px;
    font-weight: 800;
}

.fp-mini__value[b-las9a26mru],
.fp-value[b-las9a26mru] {
    color: #111827;
    font-weight: 950;
}

.fp-mini__value[b-las9a26mru] {
    font-size: 16px;
}

.fp-devp__infoGrid[b-las9a26mru] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

.fp-field[b-las9a26mru] {
    padding: 12px;
}

.fp-note[b-las9a26mru] {
    margin-top: 12px;
    padding: 12px 14px;
    background: rgba(37, 99, 235, 0.07);
    border-color: rgba(37, 99, 235, 0.16);
}

.fp-note__title[b-las9a26mru] {
    color: #111827;
    font-weight: 950;
    margin-bottom: 4px;
}

.fp-note__body[b-las9a26mru] {
    color: rgba(17, 24, 39, 0.70);
    font-size: 12.5px;
    line-height: 1.45;
}

/* =========================================================
   PDF hub
   ========================================================= */

.fp-panel__body--pdf[b-las9a26mru] {
    padding: 0;
    min-height: calc(100vh - 330px);
}

.fp-pdfhub[b-las9a26mru] {
    position: relative;
    width: 100%;
    min-height: calc(100vh - 330px);
    height: calc(100vh - 330px);
    background:
            radial-gradient(circle at 18% 8%, rgba(59, 130, 246, 0.14), transparent 30%),
            linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
}

.fp-pdfhub__viewer[b-las9a26mru] {
    position: absolute;
    inset: 0;
    min-width: 0;
    min-height: 0;
    background:
            radial-gradient(circle at top, rgba(78,129,255,0.10), transparent 40%),
            linear-gradient(180deg, #fbfcff, #f4f7fc);
}

.fp-devp__pdfFrame[b-las9a26mru] {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    background: #f3f6fb;
}

.fp-devp__pdfStub[b-las9a26mru] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    text-align: center;
    padding: 32px;
}

.fp-devp__pdfIcon[b-las9a26mru] {
    width: 68px;
    height: 68px;
    margin: 0 auto 14px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    font-weight: 900;
    letter-spacing: .08em;
    color: #174ea6;
    background: linear-gradient(180deg, #e7f0ff, #d8e7ff);
    border: 1px solid rgba(47,109,246,0.16);
}

.fp-devp__pdfHint[b-las9a26mru] {
    color: #5d6676;
    font-size: 13px;
}

.fp-pdfhub__sidebar[b-las9a26mru] {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 5;
    width: 360px;
    max-width: calc(100% - 32px);
    max-height: calc(100% - 32px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid rgba(18,28,45,0.10);
    background: rgba(255,255,255,0.90);
    backdrop-filter: blur(14px);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.70),
            0 18px 42px rgba(20,42,90,0.16);
}

.fp-pdfhub__sidebarHead[b-las9a26mru] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px 12px;
    border-bottom: 1px solid rgba(18,28,45,0.08);
    background: rgba(245,248,255,0.78);
}

.fp-pdfhub__sidebarTitle[b-las9a26mru] {
    color: #1b2432;
    font-size: 14px;
    font-weight: 900;
}

.fp-pdfhub__sidebarMeta[b-las9a26mru] {
    margin-top: 4px;
    color: #6b7280;
    font-size: 12px;
}

.fp-pdfhub__toggle[b-las9a26mru] {
    border-radius: 12px;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 900;
    border: 1px solid rgba(17,24,39,0.10);
    background: rgba(255,255,255,0.78);
    color: #1f2937;
    cursor: pointer;
}

.fp-pdfhub__list[b-las9a26mru] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.fp-pdfhub__file[b-las9a26mru] {
    appearance: none;
    width: 100%;
    display: block;
    text-align: left;
    border-radius: 16px;
    border: 1px solid rgba(30,41,59,0.10);
    background:
            radial-gradient(circle at 100% 0%, rgba(59, 130, 246, 0.08), transparent 30%),
            linear-gradient(180deg, #ffffff, #f8fbff);
    padding: 13px 14px;
    color: #18212f;
    cursor: pointer;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.8),
            0 4px 12px rgba(16,24,40,0.04);
}

.fp-pdfhub__file:hover[b-las9a26mru] {
    transform: translateY(-1px);
    border-color: rgba(47,109,246,0.25);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.85),
            0 10px 22px rgba(47,109,246,0.10);
}

.fp-pdfhub__file.is-active[b-las9a26mru] {
    border-color: rgba(47,109,246,0.48);
    background: linear-gradient(180deg, #eef5ff, #e9f2ff);
    box-shadow:
            inset 0 0 0 1px rgba(47,109,246,0.14),
            0 10px 24px rgba(47,109,246,0.14);
}

/* =========================================================
   House types / tables
   ========================================================= */

.fp-ht__table[b-las9a26mru],
.qt-tableWrap[b-las9a26mru],
.fp-tableWrap[b-las9a26mru] {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255,255,255,0.72);
}

.fp-ht__head[b-las9a26mru],
.fp-ht__row[b-las9a26mru] {
    display: grid;
    grid-template-columns: 1fr 240px 110px 220px;
    gap: 10px;
    padding: 10px 12px;
}

.fp-ht__head[b-las9a26mru] {
    color: rgba(17,24,39,0.58);
    background: rgba(15,23,42,0.035);
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    font-size: 12px;
    font-weight: 950;
}

.fp-ht__row[b-las9a26mru] {
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.fp-ht__row:hover[b-las9a26mru] {
    background: rgba(37, 99, 235, 0.045);
}

.fp-ht__row:last-child[b-las9a26mru] {
    border-bottom: 0;
}

.fp-ht__footer[b-las9a26mru] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
    color: rgba(17,24,39,0.62);
    font-size: 12.5px;
}

.fp-ht__total span[b-las9a26mru] {
    color: #111827;
    font-weight: 950;
}

/* =========================================================
   Quote tool compatibility
   ========================================================= */

.fp-quoteTool[b-las9a26mru],
.fp-quoteHt[b-las9a26mru],
.rm-alert[b-las9a26mru],
.rm-empty[b-las9a26mru] {
    border-radius: 16px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255,255,255,0.70);
}

.fp-quoteTool[b-las9a26mru] {
    padding: 14px;
}

.fp-quoteTool__toolbar[b-las9a26mru] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.fp-quoteTool__search[b-las9a26mru] {
    flex: 1;
}

.fp-quoteTool__actions[b-las9a26mru] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.qt-check[b-las9a26mru] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(17, 24, 39, 0.72);
    font-size: 13px;
    font-weight: 800;
}

.rm-btn[b-las9a26mru],
.rm-btn--ghost[b-las9a26mru] {
    min-height: 38px;
    border-radius: 12px;
    padding: 0 13px;
    color: rgba(15, 23, 42, 0.78);
    background: rgba(15, 23, 42, 0.035);
    border: 1px solid rgba(15, 23, 42, 0.08);
    font-weight: 900;
    cursor: pointer;
}

.rm-btn:hover[b-las9a26mru],
.rm-btn--ghost:hover[b-las9a26mru] {
    transform: translateY(-1px);
    background: rgba(37, 99, 235, 0.08);
    border-color: rgba(37, 99, 235, 0.18);
}

/* =========================================================
   Emails / activity / map
   ========================================================= */

.fp-devp__thread[b-las9a26mru] {
    height: 480px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-right: 4px;
}

.fp-msg[b-las9a26mru] {
    padding: 12px 14px;
}

.fp-msg.is-client[b-las9a26mru] {
    background: rgba(37, 99, 235, 0.07);
    border-color: rgba(37, 99, 235, 0.16);
}

.fp-msg.is-us[b-las9a26mru] {
    background: rgba(124, 58, 237, 0.07);
    border-color: rgba(124, 58, 237, 0.16);
}

.fp-msg__from[b-las9a26mru],
.fp-msg__subj[b-las9a26mru],
.fp-act__title[b-las9a26mru] {
    color: #111827;
    font-weight: 950;
}

.fp-msg__time[b-las9a26mru],
.fp-msg__body[b-las9a26mru],
.fp-act__body[b-las9a26mru],
.fp-act__time[b-las9a26mru] {
    color: rgba(17,24,39,0.66);
}

.fp-panel__body--map[b-las9a26mru] {
    height: 520px;
}

.fp-devp__mapFrame[b-las9a26mru] {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 16px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(15, 23, 42, 0.035);
}

/* =========================================================
   Toast / alerts
   ========================================================= */

.fp-toast[b-las9a26mru] {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 50;
    min-width: 280px;
    max-width: 420px;
    border-radius: 16px;
    padding: 14px 44px 14px 16px;
    color: #eaf0ff;
    background: rgba(4, 13, 27, 0.82);
    border: 1px solid rgba(121, 171, 255, 0.24);
    box-shadow: 0 24px 70px rgba(0,0,0,0.32);
    backdrop-filter: blur(14px);
}

.fp-toast__title[b-las9a26mru] {
    font-weight: 950;
    margin-bottom: 4px;
}

.fp-toast__body[b-las9a26mru] {
    color: rgba(226, 237, 255, 0.72);
    font-size: 13px;
}

.fp-toast__x[b-las9a26mru] {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 9px;
    color: rgba(226, 237, 255, 0.72);
    background: rgba(255,255,255,0.05);
    cursor: pointer;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 1200px) {
    .fp-devp__top[b-las9a26mru] {
        flex-direction: column;
        align-items: stretch;
    }

    .fp-devp__right[b-las9a26mru] {
        flex-wrap: wrap;
    }

    .fp-devp__statusBlock[b-las9a26mru],
    .fp-devp__difficulty[b-las9a26mru] {
        min-width: min(320px, 100%);
        flex: 1;
    }

    .fp-devp__grid[b-las9a26mru],
    .fp-devp__grid--emails[b-las9a26mru] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .fp-devp[b-las9a26mru] {
        padding: 28px 20px 28px;
    }

    .fp-devp__title[b-las9a26mru] {
        font-size: 28px;
    }

    .fp-devp__miniKpis[b-las9a26mru] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fp-devp__infoGrid[b-las9a26mru] {
        grid-template-columns: 1fr;
    }

    .fp-panel__body--pdf[b-las9a26mru],
    .fp-pdfhub[b-las9a26mru] {
        min-height: 72vh;
        height: 72vh;
    }

    .fp-pdfhub__sidebar[b-las9a26mru] {
        width: calc(100% - 24px);
        top: 12px;
        left: 12px;
        max-width: none;
        max-height: 320px;
    }

    .fp-ht__head[b-las9a26mru],
    .fp-ht__row[b-las9a26mru] {
        grid-template-columns: 1fr;
    }

    .fp-ht__actions[b-las9a26mru] {
        justify-content: flex-start;
    }

    .fp-quoteTool__toolbar[b-las9a26mru] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/Developments/Haulage.razor.rz.scp.css */
.hl-root[b-a158ug76rw] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #eaf0ff;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:
            radial-gradient(circle at 30% 8%, rgba(36, 99, 235, 0.28), transparent 32%),
            radial-gradient(circle at 80% 32%, rgba(14, 165, 233, 0.16), transparent 34%),
            linear-gradient(135deg, #020714 0%, #071426 48%, #02040a 100%);
}

.hl-root[b-a158ug76rw]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
            linear-gradient(90deg, rgba(80, 150, 255, 0.035) 1px, transparent 1px),
            linear-gradient(0deg, rgba(80, 150, 255, 0.03) 1px, transparent 1px);
    background-size: 76px 76px;
    mask-image: radial-gradient(circle at center, black 0%, transparent 78%);
    pointer-events: none;
}

.hl-root[b-a158ug76rw]::after {
    content: "";
    position: absolute;
    inset: auto -10% -20% -10%;
    height: 36vh;
    background: repeating-linear-gradient(
            115deg,
            rgba(51, 132, 255, 0.12) 0 1px,
            transparent 1px 18px
    );
    opacity: 0.28;
    transform: perspective(700px) rotateX(62deg);
    transform-origin: bottom;
    pointer-events: none;
}

.hl-noise[b-a158ug76rw] {
    position: absolute;
    inset: 0;
    opacity: 0.15;
    pointer-events: none;
    background-image:
            radial-gradient(circle at 20% 20%, rgba(255,255,255,0.08) 0 1px, transparent 1px),
            radial-gradient(circle at 80% 70%, rgba(255,255,255,0.06) 0 1px, transparent 1px);
    background-size: 120px 120px, 180px 180px;
}

.hl-grid[b-a158ug76rw] {
    position: absolute;
    inset: 7% 8% 8% 8%;
    border: 1px solid rgba(95, 155, 255, 0.08);
    background:
            linear-gradient(90deg, transparent 0 24%, rgba(59, 130, 246, 0.13) 24.2% 24.5%, transparent 24.7%),
            linear-gradient(0deg, transparent 0 52%, rgba(59, 130, 246, 0.12) 52.2% 52.4%, transparent 52.7%);
    opacity: 0.55;
    pointer-events: none;
}

.hl-blueprint[b-a158ug76rw] {
    position: absolute;
    right: -8%;
    bottom: 8%;
    width: 38vw;
    height: 46vh;
    opacity: 0.12;
    pointer-events: none;
    border: 1px solid rgba(120, 170, 255, 0.18);
    transform: skewY(-12deg);
    background:
            linear-gradient(90deg, transparent 0 20%, rgba(80, 150, 255, 0.35) 20.1% 20.4%, transparent 20.6%),
            linear-gradient(90deg, transparent 0 64%, rgba(80, 150, 255, 0.26) 64.1% 64.4%, transparent 64.6%),
            linear-gradient(0deg, transparent 0 40%, rgba(80, 150, 255, 0.24) 40.1% 40.4%, transparent 40.6%);
    filter: drop-shadow(0 0 28px rgba(59, 130, 246, 0.25));
}

.hl-shell[b-a158ug76rw] {
    position: relative;
    z-index: 2;
    min-height: 100vh;
    padding: 42px 38px 34px;
}

.hl-topbar[b-a158ug76rw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 22px;
}

.hl-eyebrow[b-a158ug76rw] {
    margin-bottom: 6px;
    color: #7bb4ff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.hl-topbar h1[b-a158ug76rw] {
    margin: 0;
    color: white;
    font-size: 32px;
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.hl-topbar p[b-a158ug76rw] {
    margin: 8px 0 0;
    color: rgba(226, 237, 255, 0.66);
    font-size: 14px;
}

.hl-chipRow[b-a158ug76rw] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.hl-chip[b-a158ug76rw] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 11px;
    border-radius: 999px;
    color: rgba(226, 237, 255, 0.82);
    background: rgba(3, 10, 24, 0.48);
    border: 1px solid rgba(121, 171, 255, 0.20);
    font-size: 12px;
    font-weight: 800;
}

.hl-chip--money[b-a158ug76rw] {
    color: #bfdbfe;
    border-color: rgba(96, 165, 250, 0.34);
}

.hl-actions[b-a158ug76rw] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.hl-search[b-a158ug76rw] {
    position: relative;
    width: min(440px, 42vw);
}

.hl-search span[b-a158ug76rw] {
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(226, 237, 255, 0.58);
    pointer-events: none;
}

.hl-search input[b-a158ug76rw],
.hl-capacityInput input[b-a158ug76rw] {
    width: 100%;
    height: 52px;
    padding: 0 18px;
    color: white;
    background: rgba(3, 10, 24, 0.58);
    border: 1px solid rgba(121, 171, 255, 0.20);
    border-radius: 13px;
    outline: none;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.04),
            0 20px 60px rgba(0,0,0,0.26);
    backdrop-filter: blur(14px);
}

.hl-search input[b-a158ug76rw] {
    padding-left: 46px;
}

.hl-search input[b-a158ug76rw]::placeholder {
    color: rgba(203, 213, 225, 0.48);
}

.hl-search input:focus[b-a158ug76rw],
.hl-capacityInput input:focus[b-a158ug76rw] {
    border-color: rgba(96, 165, 250, 0.7);
    box-shadow:
            0 0 0 3px rgba(37, 99, 235, 0.18),
            inset 0 1px 0 rgba(255,255,255,0.05),
            0 20px 60px rgba(0,0,0,0.26);
}

.hl-btn[b-a158ug76rw] {
    min-height: 44px;
    padding: 0 16px;
    border: 0;
    border-radius: 12px;
    color: #04111f;
    background: linear-gradient(135deg, #dbeafe, #60a5fa);
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 18px 42px rgba(37, 99, 235, 0.26);
}

.hl-btn:disabled[b-a158ug76rw] {
    opacity: 0.6;
    cursor: not-allowed;
}

.hl-btn--ghost[b-a158ug76rw] {
    color: rgba(226, 237, 255, 0.82);
    background: rgba(3, 10, 24, 0.54);
    border: 1px solid rgba(121, 171, 255, 0.22);
    box-shadow: none;
}

.hl-alert[b-a158ug76rw],
.hl-loading[b-a158ug76rw],
.hl-empty-page[b-a158ug76rw],
.hl-controlPanel[b-a158ug76rw] {
    border-radius: 16px;
    background: rgba(4, 13, 27, 0.54);
    border: 1px solid rgba(121, 171, 255, 0.22);
    box-shadow: 0 24px 70px rgba(0,0,0,0.24);
    backdrop-filter: blur(14px);
}

.hl-alert[b-a158ug76rw] {
    display: grid;
    gap: 4px;
    margin-bottom: 20px;
    padding: 18px 20px;
    color: #fecaca;
    border-color: rgba(248, 113, 113, 0.36);
    background: rgba(127, 29, 29, 0.26);
}

.hl-alert--ok[b-a158ug76rw] {
    color: #bbf7d0;
    border-color: rgba(34, 197, 94, 0.34);
    background: rgba(20, 83, 45, 0.24);
}

.hl-loading[b-a158ug76rw] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    color: rgba(226, 237, 255, 0.76);
}

.hl-loader[b-a158ug76rw] {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 2px solid rgba(147, 197, 253, 0.24);
    border-top-color: #60a5fa;
    animation: hl-spin-b-a158ug76rw 800ms linear infinite;
}

@keyframes hl-spin-b-a158ug76rw {
    to { transform: rotate(360deg); }
}

.hl-empty-page[b-a158ug76rw] {
    max-width: 420px;
    padding: 34px;
    text-align: center;
    margin: 80px auto;
}

.hl-empty-icon[b-a158ug76rw] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    margin: 0 auto 18px;
    border-radius: 15px;
    color: #8dccff;
    border: 1px solid rgba(93, 164, 255, 0.44);
    background: rgba(37, 99, 235, 0.08);
}

.hl-empty-page h2[b-a158ug76rw] {
    margin: 0 0 8px;
    color: white;
}

.hl-empty-page p[b-a158ug76rw] {
    margin: 0;
    color: rgba(226, 237, 255, 0.62);
}

.hl-controlPanel[b-a158ug76rw] {
    display: grid;
    grid-template-columns: 260px 140px 170px 160px 1fr;
    gap: 16px;
    align-items: end;
    margin-bottom: 24px;
    padding: 16px;
}

.hl-control[b-a158ug76rw] {
    display: grid;
    gap: 8px;
}

.hl-control > span[b-a158ug76rw] {
    color: rgba(226, 237, 255, 0.58);
    font-size: 12px;
    font-weight: 800;
}

.hl-control > strong[b-a158ug76rw] {
    color: white;
    font-size: 22px;
    line-height: 1;
}

.hl-control--buttons[b-a158ug76rw] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.hl-capacityInput[b-a158ug76rw] {
    position: relative;
}

.hl-capacityInput input[b-a158ug76rw] {
    height: 44px;
    padding-right: 48px;
}

.hl-capacityInput b[b-a158ug76rw] {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(226, 237, 255, 0.56);
    font-size: 12px;
}

.hl-board[b-a158ug76rw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    gap: 22px;
    align-items: start;
    overflow-x: auto;
    padding: 2px 2px 14px;
}

.hl-lane[b-a158ug76rw] {
    min-width: 330px;
    min-height: 640px;
    border-radius: 18px;
    background:
            linear-gradient(180deg, rgba(16, 54, 120, 0.72), rgba(3, 10, 28, 0.64));
    border: 1px solid rgba(74, 144, 255, 0.30);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.06),
            0 28px 80px rgba(0,0,0,0.28),
            0 0 42px rgba(37, 99, 235, 0.12);
    backdrop-filter: blur(14px);
    overflow: hidden;
}

.hl-lane--unassigned[b-a158ug76rw] {
    opacity: 0.92;
}

.hl-lane__head[b-a158ug76rw] {
    position: sticky;
    top: 0;
    z-index: 3;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 20px 16px;
    background:
            radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--lane-color) 34%, transparent), transparent 42%),
            linear-gradient(180deg, rgba(31, 84, 170, 0.48), rgba(9, 26, 62, 0.28));
    border-bottom: 1px solid rgba(121, 171, 255, 0.20);
}

.hl-lane__titleRow[b-a158ug76rw] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.hl-lane__dot[b-a158ug76rw] {
    width: 13px;
    height: 13px;
    margin-top: 6px;
    border-radius: 999px;
    background: var(--lane-color);
    box-shadow: 0 0 18px color-mix(in srgb, var(--lane-color) 70%, transparent);
}

.hl-lane__head h2[b-a158ug76rw] {
    margin: 0;
    color: white;
    font-size: 16px;
    line-height: 1.1;
}

.hl-lane__head p[b-a158ug76rw] {
    margin: 4px 0 0;
    color: rgba(226, 237, 255, 0.65);
    font-size: 12px;
}

.hl-lane__titleInput[b-a158ug76rw] {
    width: 170px;
    padding: 0;
    border: 0;
    outline: none;
    color: white;
    background: transparent;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 900;
}

.hl-lane__menu[b-a158ug76rw] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 9px;
    color: rgba(226, 237, 255, 0.72);
    background: rgba(255,255,255,0.05);
    cursor: pointer;
    font-size: 18px;
}

.hl-lane__summary[b-a158ug76rw] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    padding: 14px 16px 10px;
    border-bottom: 1px solid rgba(121, 171, 255, 0.14);
}

.hl-lane__summary--two[b-a158ug76rw] {
    grid-template-columns: repeat(2, 1fr);
}

.hl-lane__summary div[b-a158ug76rw] {
    min-width: 0;
}

.hl-lane__summary span[b-a158ug76rw] {
    display: block;
    margin-bottom: 3px;
    color: rgba(226, 237, 255, 0.52);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.hl-lane__summary strong[b-a158ug76rw] {
    color: white;
    font-size: 13px;
    font-weight: 900;
}

.hl-capacity--ok[b-a158ug76rw] {
    color: #bbf7d0 !important;
}

.hl-capacity--tight[b-a158ug76rw] {
    color: #fde68a !important;
}

.hl-capacity--over[b-a158ug76rw] {
    color: #fecaca !important;
}

.hl-capacityBar[b-a158ug76rw] {
    height: 5px;
    background: rgba(3, 10, 24, 0.42);
}

.hl-capacityBar span[b-a158ug76rw] {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, var(--lane-color), rgba(255,255,255,0.78));
    box-shadow: 0 0 18px color-mix(in srgb, var(--lane-color) 64%, transparent);
}

.hl-lane__body[b-a158ug76rw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 540px;
    padding: 16px;
    transition: background 160ms ease, box-shadow 160ms ease;
}

.hl-lane__body:hover[b-a158ug76rw] {
    background: rgba(96, 165, 250, 0.035);
}

.hl-lane__empty[b-a158ug76rw] {
    min-height: 238px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 9px;
    margin-top: 90px;
    padding: 24px;
    text-align: center;
    border-radius: 18px;
    border: 1px dashed rgba(147, 197, 253, 0.28);
    background: rgba(3, 10, 24, 0.26);
}

.hl-lane__emptyIcon[b-a158ug76rw] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: var(--lane-color);
    border: 2px solid color-mix(in srgb, var(--lane-color) 52%, rgba(255,255,255,0.08));
    font-size: 26px;
}

.hl-lane__empty strong[b-a158ug76rw] {
    color: white;
    font-size: 17px;
}

.hl-lane__empty span[b-a158ug76rw] {
    max-width: 180px;
    color: rgba(226, 237, 255, 0.6);
    font-size: 13px;
    line-height: 1.45;
}

.hl-card[b-a158ug76rw] {
    border-radius: 16px;
    background:
            radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--item-color) 12%, transparent), transparent 30%),
            linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid rgba(255, 255, 255, 0.82);
    box-shadow:
            0 20px 50px rgba(0, 0, 0, 0.26),
            0 0 0 1px rgba(15, 23, 42, 0.04);
    padding: 15px;
    color: #111827;
    transition: transform 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}

.hl-card:hover[b-a158ug76rw] {
    transform: translateY(-2px);
    box-shadow:
            0 26px 62px rgba(0, 0, 0, 0.32),
            0 0 0 1px rgba(59, 130, 246, 0.12);
}

.hl-card.is-excluded[b-a158ug76rw] {
    opacity: 0.52;
    filter: grayscale(0.55);
}

.hl-card__top[b-a158ug76rw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.hl-card__check[b-a158ug76rw] {
    position: relative;
    width: 26px;
    height: 26px;
    flex: 0 0 auto;
    cursor: pointer;
}

.hl-card__check input[b-a158ug76rw] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.hl-card__check span[b-a158ug76rw] {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    border: 1px solid rgba(15, 23, 42, 0.14);
    background: rgba(15, 23, 42, 0.035);
}

.hl-card__check input:checked + span[b-a158ug76rw] {
    background: color-mix(in srgb, var(--item-color) 24%, white);
    border-color: color-mix(in srgb, var(--item-color) 48%, rgba(15,23,42,0.1));
}

.hl-card__check input:checked + span[b-a158ug76rw]::after {
    content: "✓";
    color: #0f172a;
    font-size: 15px;
    font-weight: 1000;
}

.hl-card__statusGroup[b-a158ug76rw] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1;
    flex-wrap: wrap;
}

.hl-card__pill[b-a158ug76rw] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    color: #1f2937;
    font-size: 11px;
    font-weight: 900;
    background: color-mix(in srgb, var(--item-color) 14%, white);
    border: 1px solid color-mix(in srgb, var(--item-color) 26%, rgba(15,23,42,0.08));
    white-space: nowrap;
}

.hl-card__pill--copy[b-a158ug76rw] {
    background: rgba(15, 23, 42, 0.04);
}

.hl-card__pill--subset[b-a158ug76rw] {
    color: #172554;
    background: #dbeafe;
    border-color: #bfdbfe;
}

.hl-card__drag[b-a158ug76rw] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 10px;
    color: rgba(15, 23, 42, 0.54);
    background: rgba(15, 23, 42, 0.035);
    cursor: grab;
    font-weight: 900;
    letter-spacing: 1px;
}

.hl-card__drag:active[b-a158ug76rw] {
    cursor: grabbing;
}

.hl-card__main[b-a158ug76rw] {
    width: 100%;
    padding: 0;
    border: 0;
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.hl-card__main h3[b-a158ug76rw] {
    margin: 0;
    color: #111827;
    font-size: 17px;
    line-height: 1.15;
    font-weight: 950;
    letter-spacing: -0.01em;
}

.hl-card__fingerprint[b-a158ug76rw] {
    display: block;
    width: 150px;
    max-width: 100%;
    height: 18px;
    margin: 8px 0 10px;
    border-radius: 5px;
    background:
            linear-gradient(90deg, var(--item-color), transparent),
            repeating-linear-gradient(
                    90deg,
                    rgba(15, 23, 42, 0.16) 0 2px,
                    transparent 2px 6px
            );
    opacity: 0.8;
}

.hl-card__main p[b-a158ug76rw] {
    margin: 0;
    color: rgba(17, 24, 39, 0.62);
    font-size: 13px;
}

.hl-card__details[b-a158ug76rw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px 14px;
    margin-top: 16px;
}

.hl-card__details div[b-a158ug76rw] {
    min-width: 0;
}

.hl-card__details span[b-a158ug76rw] {
    display: block;
    margin-bottom: 4px;
    color: rgba(17, 24, 39, 0.48);
    font-size: 11px;
    font-weight: 700;
}

.hl-card__details b[b-a158ug76rw] {
    display: block;
    color: rgba(17, 24, 39, 0.88);
    font-size: 13px;
    line-height: 1.25;
    font-weight: 750;
    word-break: break-word;
}

.hl-card__tags[b-a158ug76rw] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 16px;
}

.hl-card__tags span[b-a158ug76rw] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.04);
    border: 1px solid rgba(15, 23, 42, 0.08);
    color: rgba(15, 23, 42, 0.64);
    font-size: 11px;
    font-weight: 800;
}

.h1-card__tags .hl-tagWarn[b-a158ug76rw],
.hl-tagWarn[b-a158ug76rw] {
    color: #7f1d1d !important;
    background: #fee2e2 !important;
    border-color: #fecaca !important;
}

.hl-card__expanded[b-a158ug76rw] {
    display: grid;
    gap: 12px;
    margin-top: 14px;
    padding: 12px;
    border-radius: 13px;
    background: rgba(15, 23, 42, 0.035);
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.hl-splitBar[b-a158ug76rw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.hl-splitBar strong[b-a158ug76rw] {
    display: block;
    color: #111827;
    font-size: 13px;
    font-weight: 950;
}

.hl-splitBar span[b-a158ug76rw] {
    display: block;
    margin-top: 2px;
    color: rgba(17, 24, 39, 0.54);
    font-size: 12px;
}

.hl-miniBtn[b-a158ug76rw] {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0 12px;
    border: 0;
    border-radius: 10px;
    color: white;
    background: #111827;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.hl-productTable[b-a158ug76rw] {
    display: grid;
    gap: 6px;
}

.hl-productTable__head[b-a158ug76rw],
.hl-productRow[b-a158ug76rw] {
    display: grid;
    grid-template-columns: 42px minmax(92px, 1fr) 46px 70px 74px;
    gap: 8px;
    align-items: center;
}

.hl-productTable__head[b-a158ug76rw] {
    color: rgba(17, 24, 39, 0.44);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.hl-productRow[b-a158ug76rw] {
    min-height: 38px;
    padding: 7px 8px;
    border-radius: 11px;
    background: white;
    border: 1px solid rgba(15, 23, 42, 0.07);
}

.hl-productRow.is-selected[b-a158ug76rw] {
    background: color-mix(in srgb, var(--item-color) 12%, white);
    border-color: color-mix(in srgb, var(--item-color) 36%, rgba(15,23,42,0.1));
}

.hl-productRow b[b-a158ug76rw] {
    color: rgba(17, 24, 39, 0.82);
    font-size: 12px;
    line-height: 1.15;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hl-productCheck[b-a158ug76rw] {
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.hl-productCheck input[b-a158ug76rw] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.hl-productCheck span[b-a158ug76rw] {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.04);
    border: 1px solid rgba(15, 23, 42, 0.12);
}

.hl-productCheck input:checked + span[b-a158ug76rw] {
    background: color-mix(in srgb, var(--item-color) 28%, white);
    border-color: color-mix(in srgb, var(--item-color) 46%, rgba(15,23,42,0.1));
}

.hl-productCheck input:checked + span[b-a158ug76rw]::after {
    content: "✓";
    color: #0f172a;
    font-size: 13px;
    font-weight: 1000;
}

.hl-card__foot[b-a158ug76rw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 16px;
    padding-top: 13px;
    border-top: 1px solid rgba(15, 23, 42, 0.09);
}

.h1-card__foot span[b-a158ug76rw],
.hl-card__foot span[b-a158ug76rw] {
    color: rgba(17, 24, 39, 0.52);
    font-size: 12px;
}

.hl-card__foot button[b-a158ug76rw] {
    border: 0;
    padding: 0;
    color: #1683ff;
    background: transparent;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.hl-footer[b-a158ug76rw] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 24px;
    color: rgba(226, 237, 255, 0.56);
    font-size: 12px;
}

.hl-health[b-a158ug76rw] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.hl-health i[b-a158ug76rw] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 14px rgba(34, 197, 94, 0.72);
}

@media (max-width: 1360px) {
    .hl-topbar[b-a158ug76rw] {
        flex-direction: column;
    }

    .hl-search[b-a158ug76rw] {
        width: min(640px, calc(100vw - 76px));
        max-width: none;
    }

    .hl-controlPanel[b-a158ug76rw] {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }

    .hl-control--buttons[b-a158ug76rw] {
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .hl-shell[b-a158ug76rw] {
        padding: 28px 20px 28px;
    }

    .hl-topbar h1[b-a158ug76rw] {
        font-size: 28px;
    }

    .hl-actions[b-a158ug76rw] {
        width: 100%;
        flex-wrap: wrap;
    }

    .hl-search[b-a158ug76rw] {
        width: 100%;
    }

    .hl-controlPanel[b-a158ug76rw] {
        grid-template-columns: 1fr;
    }

    .hl-board[b-a158ug76rw] {
        grid-template-columns: 330px;
    }

    .hl-productTable__head[b-a158ug76rw],
    .hl-productRow[b-a158ug76rw] {
        grid-template-columns: 36px minmax(80px, 1fr) 38px 58px 64px;
        gap: 6px;
    }

    .hl-footer[b-a158ug76rw] {
        align-items: flex-start;
        flex-direction: column;
    }

    .hl-health[b-a158ug76rw] {
        margin-left: 0;
    }
}

/* =========================================================
   RenderFragment / RenderTreeBuilder card styling fix
   Required when card markup is generated dynamically.
   ========================================================= */

[b-a158ug76rw] .hl-card {
    border-radius: 16px;
    background:
            radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--item-color) 12%, transparent), transparent 30%),
            linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid rgba(255, 255, 255, 0.82);
    box-shadow:
            0 20px 50px rgba(0, 0, 0, 0.26),
            0 0 0 1px rgba(15, 23, 42, 0.04);
    padding: 15px;
    color: #111827;
    transition: transform 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}

[b-a158ug76rw] .hl-card:hover {
    transform: translateY(-2px);
    box-shadow:
            0 26px 62px rgba(0, 0, 0, 0.32),
            0 0 0 1px rgba(59, 130, 246, 0.12);
}

[b-a158ug76rw] .hl-card.is-excluded {
    opacity: 0.52;
    filter: grayscale(0.55);
}

[b-a158ug76rw] .hl-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

[b-a158ug76rw] .hl-card__check {
    position: relative;
    width: 26px;
    height: 26px;
    flex: 0 0 auto;
    cursor: pointer;
}

[b-a158ug76rw] .hl-card__check input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

[b-a158ug76rw] .hl-card__check span {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    border: 1px solid rgba(15, 23, 42, 0.14);
    background: rgba(15, 23, 42, 0.035);
}

[b-a158ug76rw] .hl-card__check input:checked + span {
    background: color-mix(in srgb, var(--item-color) 24%, white);
    border-color: color-mix(in srgb, var(--item-color) 48%, rgba(15,23,42,0.1));
}

[b-a158ug76rw] .hl-card__check input:checked + span::after {
    content: "✓";
    color: #0f172a;
    font-size: 15px;
    font-weight: 1000;
}

[b-a158ug76rw] .hl-card__statusGroup {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1;
    flex-wrap: wrap;
}

[b-a158ug76rw] .hl-card__pill {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    color: #1f2937;
    font-size: 11px;
    font-weight: 900;
    background: color-mix(in srgb, var(--item-color) 14%, white);
    border: 1px solid color-mix(in srgb, var(--item-color) 26%, rgba(15,23,42,0.08));
    white-space: nowrap;
}

[b-a158ug76rw] .hl-card__pill--copy {
    background: rgba(15, 23, 42, 0.04);
}

[b-a158ug76rw] .hl-card__pill--subset {
    color: #172554;
    background: #dbeafe;
    border-color: #bfdbfe;
}

[b-a158ug76rw] .hl-card__drag {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 10px;
    color: rgba(15, 23, 42, 0.54);
    background: rgba(15, 23, 42, 0.035);
    cursor: grab;
    font-weight: 900;
    letter-spacing: 1px;
}

[b-a158ug76rw] .hl-card__drag:active {
    cursor: grabbing;
}

[b-a158ug76rw] .hl-card__main {
    width: 100%;
    padding: 0;
    border: 0;
    text-align: left;
    background: transparent;
    cursor: pointer;
}

[b-a158ug76rw] .hl-card__main h3 {
    margin: 0;
    color: #111827;
    font-size: 17px;
    line-height: 1.15;
    font-weight: 950;
    letter-spacing: -0.01em;
}

[b-a158ug76rw] .hl-card__fingerprint {
    display: block;
    width: 150px;
    max-width: 100%;
    height: 18px;
    margin: 8px 0 10px;
    border-radius: 5px;
    background:
            linear-gradient(90deg, var(--item-color), transparent),
            repeating-linear-gradient(
                    90deg,
                    rgba(15, 23, 42, 0.16) 0 2px,
                    transparent 2px 6px
            );
    opacity: 0.8;
}

[b-a158ug76rw] .hl-card__main p {
    margin: 0;
    color: rgba(17, 24, 39, 0.62);
    font-size: 13px;
}

[b-a158ug76rw] .hl-card__details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px 14px;
    margin-top: 16px;
}

[b-a158ug76rw] .hl-card__details div {
    min-width: 0;
}

[b-a158ug76rw] .hl-card__details span {
    display: block;
    margin-bottom: 4px;
    color: rgba(17, 24, 39, 0.48);
    font-size: 11px;
    font-weight: 700;
}

[b-a158ug76rw] .hl-card__details b {
    display: block;
    color: rgba(17, 24, 39, 0.88);
    font-size: 13px;
    line-height: 1.25;
    font-weight: 750;
    word-break: break-word;
}

[b-a158ug76rw] .hl-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 16px;
}

[b-a158ug76rw] .hl-card__tags span {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.04);
    border: 1px solid rgba(15, 23, 42, 0.08);
    color: rgba(15, 23, 42, 0.64);
    font-size: 11px;
    font-weight: 800;
}

[b-a158ug76rw] .hl-tagWarn {
    color: #7f1d1d !important;
    background: #fee2e2 !important;
    border-color: #fecaca !important;
}

[b-a158ug76rw] .hl-card__expanded {
    display: grid;
    gap: 12px;
    margin-top: 14px;
    padding: 12px;
    border-radius: 13px;
    background: rgba(15, 23, 42, 0.035);
    border: 1px solid rgba(15, 23, 42, 0.08);
}

[b-a158ug76rw] .hl-splitBar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

[b-a158ug76rw] .hl-splitBar strong {
    display: block;
    color: #111827;
    font-size: 13px;
    font-weight: 950;
}

[b-a158ug76rw] .hl-splitBar span {
    display: block;
    margin-top: 2px;
    color: rgba(17, 24, 39, 0.54);
    font-size: 12px;
}

[b-a158ug76rw] .hl-miniBtn {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0 12px;
    border: 0;
    border-radius: 10px;
    color: white;
    background: #111827;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

[b-a158ug76rw] .hl-productTable {
    display: grid;
    gap: 6px;
}

[b-a158ug76rw] .hl-productTable__head,
[b-a158ug76rw] .hl-productRow {
    display: grid;
    grid-template-columns: 42px minmax(92px, 1fr) 46px 70px 74px;
    gap: 8px;
    align-items: center;
}

[b-a158ug76rw] .hl-productTable__head {
    color: rgba(17, 24, 39, 0.44);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

[b-a158ug76rw] .hl-productRow {
    min-height: 38px;
    padding: 7px 8px;
    border-radius: 11px;
    background: white;
    border: 1px solid rgba(15, 23, 42, 0.07);
}

[b-a158ug76rw] .hl-productRow.is-selected {
    background: color-mix(in srgb, var(--item-color) 12%, white);
    border-color: color-mix(in srgb, var(--item-color) 36%, rgba(15,23,42,0.1));
}

[b-a158ug76rw] .hl-productRow b {
    color: rgba(17, 24, 39, 0.82);
    font-size: 12px;
    line-height: 1.15;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-a158ug76rw] .hl-productCheck {
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

[b-a158ug76rw] .hl-productCheck input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

[b-a158ug76rw] .hl-productCheck span {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.04);
    border: 1px solid rgba(15, 23, 42, 0.12);
}

[b-a158ug76rw] .hl-productCheck input:checked + span {
    background: color-mix(in srgb, var(--item-color) 28%, white);
    border-color: color-mix(in srgb, var(--item-color) 46%, rgba(15,23,42,0.1));
}

[b-a158ug76rw] .hl-productCheck input:checked + span::after {
    content: "✓";
    color: #0f172a;
    font-size: 13px;
    font-weight: 1000;
}

[b-a158ug76rw] .hl-card__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 16px;
    padding-top: 13px;
    border-top: 1px solid rgba(15, 23, 42, 0.09);
}

[b-a158ug76rw] .hl-card__foot span {
    color: rgba(17, 24, 39, 0.52);
    font-size: 12px;
}

[b-a158ug76rw] .hl-card__foot button {
    border: 0;
    padding: 0;
    color: #1683ff;
    background: transparent;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

/* =========================================================
   Compact card toggle
   ========================================================= */

.hl-collapseToggle[b-a158ug76rw] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0 12px;
    border: 1px solid rgba(121, 171, 255, 0.22);
    border-radius: 12px;
    color: rgba(226, 237, 255, 0.82);
    background: rgba(3, 10, 24, 0.54);
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
}

.hl-collapseToggle__track[b-a158ug76rw] {
    position: relative;
    width: 36px;
    height: 20px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.28);
    border: 1px solid rgba(226, 237, 255, 0.14);
}

.hl-collapseToggle__knob[b-a158ug76rw] {
    position: absolute;
    left: 3px;
    top: 50%;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: #dbeafe;
    transform: translateY(-50%);
    transition: left 160ms ease, background 160ms ease;
}

.hl-collapseToggle.is-on[b-a158ug76rw] {
    color: white;
    border-color: rgba(96, 165, 250, 0.42);
    background: rgba(37, 99, 235, 0.28);
}

.hl-collapseToggle.is-on .hl-collapseToggle__track[b-a158ug76rw] {
    background: rgba(96, 165, 250, 0.38);
}

.hl-collapseToggle.is-on .hl-collapseToggle__knob[b-a158ug76rw] {
    left: 18px;
    background: white;
}

/* =========================================================
   Drag state feedback
   ========================================================= */

[b-a158ug76rw] .hl-card.is-dragging,
[b-a158ug76rw] .hl-cardCompact.is-dragging {
    opacity: 0.42;
    transform: scale(0.985);
}

.hl-lane__body.is-drag-over[b-a158ug76rw] {
    background: rgba(96, 165, 250, 0.10);
    box-shadow: inset 0 0 0 2px rgba(147, 197, 253, 0.32);
}

/* =========================================================
   Super-collapsed load cards
   ========================================================= */

[b-a158ug76rw] .hl-cardCompact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 74px;
    padding: 12px 13px;
    border-radius: 15px;
    color: white;
    background:
            radial-gradient(circle at 100% 0%, rgba(255,255,255,0.20), transparent 38%),
            linear-gradient(135deg,
            color-mix(in srgb, var(--item-color) 94%, #020617),
            color-mix(in srgb, var(--item-color) 62%, #020617));
    border: 1px solid color-mix(in srgb, var(--item-color) 72%, rgba(255,255,255,0.24));
    box-shadow:
            0 18px 46px rgba(0, 0, 0, 0.28),
            inset 0 1px 0 rgba(255,255,255,0.18);
    cursor: grab;
    transition: transform 160ms ease, opacity 160ms ease, box-shadow 160ms ease;
}

[b-a158ug76rw] .hl-cardCompact:hover {
    transform: translateY(-2px);
    box-shadow:
            0 24px 58px rgba(0, 0, 0, 0.34),
            0 0 26px color-mix(in srgb, var(--item-color) 28%, transparent),
            inset 0 1px 0 rgba(255,255,255,0.2);
}

[b-a158ug76rw] .hl-cardCompact:active {
    cursor: grabbing;
}

[b-a158ug76rw] .hl-cardCompact.is-excluded {
    opacity: 0.48;
    filter: grayscale(0.45);
}

[b-a158ug76rw] .hl-cardCompact__main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    min-width: 0;
    width: 100%;
}

[b-a158ug76rw] .hl-cardCompact__main strong {
    min-width: 0;
    overflow: hidden;
    color: white;
    font-size: 13px;
    line-height: 1.18;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-a158ug76rw] .hl-cardCompact__main span {
    color: rgba(255, 255, 255, 0.88);
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

[b-a158ug76rw] .hl-cardCompact__drag {
    flex: 0 0 auto;
    color: rgba(255,255,255,0.70);
    font-size: 15px;
    font-weight: 1000;
    letter-spacing: 1px;
}

/* _content/Floorspan.Floorplan.Ui/Components/Pages/Developments/HouseTypeDesignHistory.razor.rz.scp.css */

.rm-breath-overlay[b-7aledmr23s]{
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, rgba(42,74,255,0.25) 0%, rgba(48,199,255,0.18) 50%, rgba(27,199,255,0.22) 100%);
    animation: rmBreathOpacity-b-7aledmr23s 3s ease-in-out infinite alternate,
    rmBreathHue-b-7aledmr23s 18s ease-in-out infinite alternate;
    pointer-events:none;
    mix-blend-mode:screen;
}

.rm-dim-overlay[b-7aledmr23s]{
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom, rgba(12,13,18,0.44) 0%, rgba(12,13,18,0.78) 100%);
    pointer-events:none;
}

@keyframes rmBreathOpacity-b-7aledmr23s{
    from{ opacity:.22; }
    to{ opacity:.80; }
}

@keyframes rmBreathHue-b-7aledmr23s{
    from{ filter:hue-rotate(0deg); }
    to{ filter:hue-rotate(18deg); }
}

.rm-wrap[b-7aledmr23s]{
    position:relative;
    z-index:2;
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:24px;
}

.rm-glow-aura[b-7aledmr23s]{
    position:absolute;
    width:1320px;
    height:760px;
    border-radius:34px;
    background:rgba(167,199,255,0.40);
    filter:blur(96px);
    opacity:.26;
}

.rm-frame[b-7aledmr23s]{
    width:min(1480px, 96vw);
    border-radius:26px;
    padding:9px;
    background:linear-gradient(to bottom, dodgerblue 0%, darkblue 100%);
    border:1.2px solid rgba(255,255,255,0.33);
    box-shadow:0 0 48px rgba(0,0,0,0.55);
}

.rm-card[b-7aledmr23s]{
    background:rgba(255,255,255,0.96);
    border-radius:18px;
    padding:22px;
    border:1px solid rgba(0,0,0,0.08);
    box-shadow:0 0 18px rgba(0,0,0,0.25);
    backdrop-filter:blur(8px);
}

.rm-head[b-7aledmr23s]{
    display:flex;
    gap:18px;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:14px;
}

.rm-kicker[b-7aledmr23s]{
    font-size:12px;
    color:#6B7280;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-bottom:6px;
}

.rm-title[b-7aledmr23s]{
    margin:0;
    font-size:22px;
    font-weight:950;
    color:#111827;
}

.rm-sub[b-7aledmr23s]{
    margin-top:6px;
    font-size:13px;
    color:#4B5563;
    max-width:92ch;
}

.rm-head__right[b-7aledmr23s]{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
}

.rm-grid[b-7aledmr23s]{
    display:grid;
    gap:14px;
}

.rm-grid--create[b-7aledmr23s]{
    grid-template-columns:minmax(0, 1.75fr) 420px;
}

@media (max-width: 1180px){
    .rm-grid--create[b-7aledmr23s]{
        grid-template-columns:1fr;
    }
}

.rm-panel[b-7aledmr23s]{
    background:rgba(249,250,251,0.85);
    border:1px solid rgba(0,0,0,0.08);
    border-radius:16px;
    padding:14px;
    box-shadow:0 10px 24px rgba(0,0,0,0.08);
    min-width:0;
}

.rm-panel--side[b-7aledmr23s]{
    background:rgba(255,255,255,0.92);
}

.rm-panel__head[b-7aledmr23s]{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    margin-bottom:12px;
}

.rm-panel__title[b-7aledmr23s]{
    font-weight:950;
    color:#111827;
    margin-bottom:2px;
}

.rm-panel__sub[b-7aledmr23s]{
    font-size:12px;
    color:#6B7280;
}

.rm-segmented[b-7aledmr23s]{
    display:inline-flex;
    gap:8px;
    padding:4px;
    border-radius:14px;
    background:rgba(17,24,39,0.04);
    border:1px solid rgba(17,24,39,0.08);
    flex-wrap:wrap;
}

.rm-segmented__item[b-7aledmr23s]{
    height:34px;
    padding:0 12px;
    border-radius:10px;
    border:0;
    background:transparent;
    color:#374151;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
}

.rm-segmented__item.is-active[b-7aledmr23s]{
    background:#fff;
    color:#111827;
    box-shadow:0 4px 12px rgba(0,0,0,0.08);
}

.rm-form[b-7aledmr23s]{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.rm-formGrid[b-7aledmr23s]{
    display:grid;
    gap:14px;
}

.rm-formGrid--2[b-7aledmr23s]{
    grid-template-columns:repeat(2, minmax(0, 1fr));
}

.rm-formGrid--3[b-7aledmr23s]{
    grid-template-columns:repeat(3, minmax(0, 1fr));
}

.rm-formGrid--4[b-7aledmr23s]{
    grid-template-columns:repeat(4, minmax(0, 1fr));
}

@media (max-width: 1050px){
    .rm-formGrid--4[b-7aledmr23s]{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px){
    .rm-formGrid--2[b-7aledmr23s],
    .rm-formGrid--3[b-7aledmr23s],
    .rm-formGrid--4[b-7aledmr23s]{
        grid-template-columns:1fr;
    }

    .rm-panel__head[b-7aledmr23s]{
        flex-direction:column;
    }
}

.rm-block[b-7aledmr23s]{
    background:rgba(255,255,255,0.72);
    border:1px solid rgba(17,24,39,0.08);
    border-radius:16px;
    padding:14px;
    box-shadow:0 10px 18px rgba(0,0,0,0.05);
}

.rm-block__title[b-7aledmr23s]{
    font-size:13px;
    font-weight:950;
    color:#111827;
    margin-bottom:12px;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.rm-field[b-7aledmr23s]{
    display:flex;
    flex-direction:column;
    gap:6px;
    min-width:0;
}

.rm-label[b-7aledmr23s]{
    font-size:12px;
    color:#6B7280;
    font-weight:700;
}

.rm-toolbar[b-7aledmr23s]{
    display:flex;
    gap:8px;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:12px;
}

.rm-input[b-7aledmr23s]{
    min-height:38px;
    padding:10px 12px;
    font-size:13px;
    color:#111827;
    background:#F9FAFB;
    border:1px solid rgba(0,0,0,0.13);
    border-radius:12px;
    outline:none;
    box-sizing:border-box;
    width:100%;
}

.rm-input:focus[b-7aledmr23s]{
    border-color:rgba(77,166,255,0.53);
    box-shadow:0 0 0 1px rgba(77,166,255,0.20);
}

.rm-textarea[b-7aledmr23s]{
    min-height:96px;
    resize:vertical;
}

.rm-row2[b-7aledmr23s]{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
}

@media (max-width: 860px){
    .rm-row2[b-7aledmr23s]{
        grid-template-columns:1fr;
    }
}

.rm-list[b-7aledmr23s]{
    display:flex;
    flex-direction:column;
    gap:8px;
    max-height:62vh;
    overflow:auto;
    padding-right:4px;
}

.rm-list--compact[b-7aledmr23s]{
    max-height:none;
}

.rm-row[b-7aledmr23s]{
    text-align:left;
    width:100%;
    padding:12px;
    border-radius:16px;
    border:1px solid rgba(17,24,39,0.08);
    background:rgba(255,255,255,0.75);
    cursor:pointer;
    box-shadow:0 10px 18px rgba(0,0,0,0.05);
}

.rm-row:hover[b-7aledmr23s]{
    background:rgba(255,255,255,0.92);
}

.rm-row.is-active[b-7aledmr23s]{
    border-color:rgba(77,166,255,0.42);
    box-shadow:0 0 0 3px rgba(77,166,255,0.14), 0 10px 22px rgba(77,166,255,0.10);
}

.rm-row__top[b-7aledmr23s]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
}

.rm-row__left[b-7aledmr23s]{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.rm-row__right[b-7aledmr23s]{
    color:#6B7280;
    font-size:12px;
    flex-shrink:0;
}

.rm-row__bot[b-7aledmr23s]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    margin-top:10px;
    flex-wrap:wrap;
}

.rm-code[b-7aledmr23s]{
    color:#111827;
    font-weight:900;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.rm-meta[b-7aledmr23s]{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    align-items:center;
}

.rm-pill[b-7aledmr23s]{
    font-size:11px;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid rgba(17,24,39,0.10);
    background:rgba(17,24,39,0.04);
    color:#374151;
}

.rm-empty[b-7aledmr23s]{
    padding:14px;
    border-radius:16px;
    border:1px dashed rgba(17,24,39,0.18);
    background:rgba(255,255,255,0.55);
    color:#6B7280;
    font-size:13px;
}

.rm-hintBlock[b-7aledmr23s]{
    margin-bottom:12px;
    font-size:12px;
    color:#6B7280;
}

.rm-inlineCard[b-7aledmr23s]{
    margin-top:14px;
    padding:14px;
    border-radius:16px;
    border:1px solid rgba(17,24,39,0.08);
    background:rgba(249,250,251,0.70);
}

.rm-inlineCard__title[b-7aledmr23s]{
    font-size:13px;
    font-weight:900;
    color:#111827;
    margin-bottom:12px;
}

.rm-preview[b-7aledmr23s]{
    margin-top:0;
    padding:12px;
    border-radius:16px;
    border:1px solid rgba(17,24,39,0.08);
    background:rgba(249,250,251,0.70);
}

.rm-preview__title[b-7aledmr23s]{
    font-weight:950;
    color:#111827;
}

.rm-preview__sub[b-7aledmr23s]{
    margin-top:4px;
    font-size:12px;
    color:#6B7280;
}

.rm-prevGrid[b-7aledmr23s]{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:10px;
}

.rm-prevBox[b-7aledmr23s]{
    padding:12px;
    border-radius:14px;
    border:1px solid rgba(17,24,39,0.08);
    background:rgba(255,255,255,0.78);
}

.rm-prevLabel[b-7aledmr23s]{
    font-size:12px;
    color:#6B7280;
    margin-bottom:6px;
}

.rm-prevLine[b-7aledmr23s]{
    font-size:13px;
    color:#111827;
    margin-top:3px;
    font-weight:800;
}

.rm-prevHint[b-7aledmr23s]{
    font-size:12px;
    color:#6B7280;
    margin-top:8px;
}

.rm-map[b-7aledmr23s]{
    width:100%;
    min-height:360px;
    border:0;
    display:block;
    border-radius:12px;
    margin-top:10px;
}

.rm-btn[b-7aledmr23s]{
    height:38px;
    padding:0 14px;
    border:0;
    border-radius:12px;
    font-weight:950;
    cursor:pointer;
    user-select:none;
    color:#fff;
    background:linear-gradient(135deg,#4DA6FF 0%, #6F7CFF 100%);
    box-shadow:0 10px 22px rgba(77,166,255,0.18);
}

.rm-btn:hover[b-7aledmr23s]{ opacity:.92; }
.rm-btn:active[b-7aledmr23s]{ opacity:.85; }
.rm-btn:disabled[b-7aledmr23s]{ opacity:.55; cursor:not-allowed; }

.rm-btn--ghost[b-7aledmr23s]{
    background:rgba(17,24,39,0.06);
    color:#111827;
    border:1px solid rgba(17,24,39,0.10);
    box-shadow:none;
}

.rm-btn--ghost:hover[b-7aledmr23s]{
    background:rgba(17,24,39,0.08);
}

.rm-actions[b-7aledmr23s]{
    display:flex;
    gap:10px;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    margin-top:12px;
}

.rm-actions--end[b-7aledmr23s]{
    justify-content:flex-end;
}

.rm-actions--tight[b-7aledmr23s]{
    margin-top:10px;
}

.rm-pager[b-7aledmr23s]{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.rm-alert[b-7aledmr23s]{
    margin-top:12px;
    padding:10px 12px;
    border-radius:12px;
    border:1px solid rgba(0,0,0,0.12);
}

.rm-alert--err[b-7aledmr23s]{
    background:rgba(239,68,68,0.10);
    border-color:rgba(239,68,68,0.22);
    color:#991B1B;
}

.rm-alert--ok[b-7aledmr23s]{
    background:rgba(16,185,129,0.10);
    border-color:rgba(16,185,129,0.22);
    color:#065F46;
}

.rm-alert__title[b-7aledmr23s]{
    font-weight:950;
    margin-bottom:2px;
}

.rm-errors[b-7aledmr23s]{
    margin:8px 0 0 18px;
    padding:0;
}

.rm-flowList[b-7aledmr23s]{
    margin:0;
    padding-left:18px;
    color:#4B5563;
    display:grid;
    gap:8px;
}

[b-7aledmr23s] .validation-message{
    color:#B91C1C;
    font-size:12px;
    margin-top:2px;
}

.hdh-frame[b-7aledmr23s]{
    width:min(1500px, 96vw);
    border-radius:26px;
    padding:9px;
    background:linear-gradient(to bottom, dodgerblue 0%, darkblue 100%);
    border:1.2px solid rgba(255,255,255,0.33);
    box-shadow:0 0 48px rgba(0,0,0,0.55);
    position:relative;
    z-index:2;
}

.hdh-card[b-7aledmr23s]{
    background:rgba(255,255,255,0.96);
    border-radius:18px;
    padding:22px;
    border:1px solid rgba(0,0,0,0.08);
    box-shadow:0 0 18px rgba(0,0,0,0.25);
    backdrop-filter:blur(8px);
}

.hdh-chipRow[b-7aledmr23s]{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
}

.hdh-panel[b-7aledmr23s]{
    margin-top:14px;
}

.hdh-panelMeta[b-7aledmr23s]{
    display:flex;
    gap:8px;
    align-items:center;
    flex-wrap:wrap;
}

.hdh-tableWrap[b-7aledmr23s]{
    overflow:auto;
    border-radius:16px;
    border:1px solid rgba(17,24,39,0.10);
    background:rgba(255,255,255,0.78);
}

.hdh-table[b-7aledmr23s]{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.hdh-table thead th[b-7aledmr23s]{
    text-align:left;
    font-size:12px;
    font-weight:900;
    color:#6B7280;
    background:rgba(17,24,39,0.04);
    border-bottom:1px solid rgba(17,24,39,0.10);
    padding:10px 10px;
}

.hdh-table tbody td[b-7aledmr23s]{
    padding:10px;
    border-bottom:1px solid rgba(17,24,39,0.08);
    background:rgba(255,255,255,0.62);
    vertical-align:middle;
}

.hdh-table tbody tr:nth-child(even) td[b-7aledmr23s]{
    background:rgba(249,250,251,0.84);
}

.hdh-table tbody tr.is-active td[b-7aledmr23s]{
    background:linear-gradient(135deg, rgba(77,166,255,0.12) 0%, rgba(111,124,255,0.10) 100%);
    border-bottom-color:rgba(77,166,255,0.18);
}

.hdh-table tbody tr:hover td[b-7aledmr23s]{
    background:rgba(255,255,255,0.94);
}

.hdh-table tbody tr.is-active:hover td[b-7aledmr23s]{
    background:linear-gradient(135deg, rgba(77,166,255,0.14) 0%, rgba(111,124,255,0.12) 100%);
}

.col-money[b-7aledmr23s]{
    width:140px;
    text-align:right;
}

.col-rev[b-7aledmr23s]{
    width:170px;
}

.col-act[b-7aledmr23s]{
    width:140px;
    text-align:right;
}

.hdh-strong[b-7aledmr23s]{
    font-weight:950;
    color:#111827;
}

.hdh-revName[b-7aledmr23s]{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
}

.hdh-revName__text[b-7aledmr23s]{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.hdh-dot[b-7aledmr23s]{
    width:10px;
    height:10px;
    border-radius:999px;
    border:1px solid rgba(17,24,39,0.16);
    background:rgba(17,24,39,0.12);
    flex:0 0 auto;
}

.hdh-dot.is-on[b-7aledmr23s]{
    background:rgba(77,166,255,0.95);
    border-color:rgba(77,166,255,0.28);
    box-shadow:0 0 0 6px rgba(77,166,255,0.10);
}

.hdh-note[b-7aledmr23s]{
    color:#374151;
    font-size:13px;
    line-height:1.35;
    white-space:normal;
    word-break:break-word;
}

.hdh-when[b-7aledmr23s]{
    color:#6B7280;
    font-size:12.5px;
    font-weight:700;
}

.hdh-activePill[b-7aledmr23s]{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(77,166,255,0.12);
    border:1px solid rgba(77,166,255,0.22);
    color:#1D4ED8;
    font-weight:900;
    font-size:12px;
}

.hdh-btn--mini[b-7aledmr23s]{
    height:34px;
    padding:0 12px;
    font-size:12px;
    border-radius:10px;
}

.hdh-hintBlock[b-7aledmr23s]{
    margin-top:12px;
}

@media (max-width: 980px){
    .hdh-card[b-7aledmr23s]{
        padding:16px;
    }

    .col-money[b-7aledmr23s]{
        width:120px;
    }

    .col-rev[b-7aledmr23s]{
        width:140px;
    }

    .col-act[b-7aledmr23s]{
        width:130px;
    }
}

@media (max-width: 760px){
    .hdh-frame[b-7aledmr23s]{
        width:min(98vw, 98vw);
    }

    .hdh-card[b-7aledmr23s]{
        padding:14px;
    }

    .col-money[b-7aledmr23s]{
        width:110px;
    }

    .col-rev[b-7aledmr23s]{
        width:130px;
    }

    .col-act[b-7aledmr23s]{
        width:120px;
    }
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/Developments/HouseTypeDetail.razor.rz.scp.css */

.rm-breath-overlay[b-s5qau00ox5]{
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, rgba(42,74,255,0.25) 0%, rgba(48,199,255,0.18) 50%, rgba(27,199,255,0.22) 100%);
    animation: rmBreathOpacity-b-s5qau00ox5 3s ease-in-out infinite alternate,
    rmBreathHue-b-s5qau00ox5 18s ease-in-out infinite alternate;
    pointer-events:none;
    mix-blend-mode:screen;
}

.rm-dim-overlay[b-s5qau00ox5]{
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom, rgba(12,13,18,0.44) 0%, rgba(12,13,18,0.78) 100%);
    pointer-events:none;
}

@keyframes rmBreathOpacity-b-s5qau00ox5{
    from{ opacity:.22; }
    to{ opacity:.80; }
}

@keyframes rmBreathHue-b-s5qau00ox5{
    from{ filter:hue-rotate(0deg); }
    to{ filter:hue-rotate(18deg); }
}

.rm-wrap[b-s5qau00ox5]{
    position:relative;
    z-index:2;
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:24px;
}

.rm-glow-aura[b-s5qau00ox5]{
    position:absolute;
    width:1320px;
    height:760px;
    border-radius:34px;
    background:rgba(167,199,255,0.40);
    filter:blur(96px);
    opacity:.26;
}

.rm-frame[b-s5qau00ox5]{
    width:min(1480px, 96vw);
    border-radius:26px;
    padding:9px;
    background:linear-gradient(to bottom, dodgerblue 0%, darkblue 100%);
    border:1.2px solid rgba(255,255,255,0.33);
    box-shadow:0 0 48px rgba(0,0,0,0.55);
}

.rm-card[b-s5qau00ox5]{
    background:rgba(255,255,255,0.96);
    border-radius:18px;
    padding:22px;
    border:1px solid rgba(0,0,0,0.08);
    box-shadow:0 0 18px rgba(0,0,0,0.25);
    backdrop-filter:blur(8px);
}

.rm-head[b-s5qau00ox5]{
    display:flex;
    gap:18px;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:14px;
}

.rm-kicker[b-s5qau00ox5]{
    font-size:12px;
    color:#6B7280;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-bottom:6px;
}

.rm-title[b-s5qau00ox5]{
    margin:0;
    font-size:22px;
    font-weight:950;
    color:#111827;
}

.rm-sub[b-s5qau00ox5]{
    margin-top:6px;
    font-size:13px;
    color:#4B5563;
    max-width:92ch;
}

.rm-head__right[b-s5qau00ox5]{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
}

.rm-grid[b-s5qau00ox5]{
    display:grid;
    gap:14px;
}

.rm-grid--create[b-s5qau00ox5]{
    grid-template-columns:minmax(0, 1.75fr) 420px;
}

@media (max-width: 1180px){
    .rm-grid--create[b-s5qau00ox5]{
        grid-template-columns:1fr;
    }
}

.rm-panel[b-s5qau00ox5]{
    background:rgba(249,250,251,0.85);
    border:1px solid rgba(0,0,0,0.08);
    border-radius:16px;
    padding:14px;
    box-shadow:0 10px 24px rgba(0,0,0,0.08);
    min-width:0;
}

.rm-panel--side[b-s5qau00ox5]{
    background:rgba(255,255,255,0.92);
}

.rm-panel__head[b-s5qau00ox5]{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    margin-bottom:12px;
}

.rm-panel__title[b-s5qau00ox5]{
    font-weight:950;
    color:#111827;
    margin-bottom:2px;
}

.rm-panel__sub[b-s5qau00ox5]{
    font-size:12px;
    color:#6B7280;
}

.rm-segmented[b-s5qau00ox5]{
    display:inline-flex;
    gap:8px;
    padding:4px;
    border-radius:14px;
    background:rgba(17,24,39,0.04);
    border:1px solid rgba(17,24,39,0.08);
    flex-wrap:wrap;
}

.rm-segmented__item[b-s5qau00ox5]{
    height:34px;
    padding:0 12px;
    border-radius:10px;
    border:0;
    background:transparent;
    color:#374151;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
}

.rm-segmented__item.is-active[b-s5qau00ox5]{
    background:#fff;
    color:#111827;
    box-shadow:0 4px 12px rgba(0,0,0,0.08);
}

.rm-form[b-s5qau00ox5]{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.rm-formGrid[b-s5qau00ox5]{
    display:grid;
    gap:14px;
}

.rm-formGrid--2[b-s5qau00ox5]{
    grid-template-columns:repeat(2, minmax(0, 1fr));
}

.rm-formGrid--3[b-s5qau00ox5]{
    grid-template-columns:repeat(3, minmax(0, 1fr));
}

.rm-formGrid--4[b-s5qau00ox5]{
    grid-template-columns:repeat(4, minmax(0, 1fr));
}

@media (max-width: 1050px){
    .rm-formGrid--4[b-s5qau00ox5]{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px){
    .rm-formGrid--2[b-s5qau00ox5],
    .rm-formGrid--3[b-s5qau00ox5],
    .rm-formGrid--4[b-s5qau00ox5]{
        grid-template-columns:1fr;
    }

    .rm-panel__head[b-s5qau00ox5]{
        flex-direction:column;
    }
}

.rm-block[b-s5qau00ox5]{
    background:rgba(255,255,255,0.72);
    border:1px solid rgba(17,24,39,0.08);
    border-radius:16px;
    padding:14px;
    box-shadow:0 10px 18px rgba(0,0,0,0.05);
}

.rm-block__title[b-s5qau00ox5]{
    font-size:13px;
    font-weight:950;
    color:#111827;
    margin-bottom:12px;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.rm-field[b-s5qau00ox5]{
    display:flex;
    flex-direction:column;
    gap:6px;
    min-width:0;
}

.rm-label[b-s5qau00ox5]{
    font-size:12px;
    color:#6B7280;
    font-weight:700;
}

.rm-toolbar[b-s5qau00ox5]{
    display:flex;
    gap:8px;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:12px;
}

.rm-input[b-s5qau00ox5]{
    min-height:38px;
    padding:10px 12px;
    font-size:13px;
    color:#111827;
    background:#F9FAFB;
    border:1px solid rgba(0,0,0,0.13);
    border-radius:12px;
    outline:none;
    box-sizing:border-box;
    width:100%;
}

.rm-input:focus[b-s5qau00ox5]{
    border-color:rgba(77,166,255,0.53);
    box-shadow:0 0 0 1px rgba(77,166,255,0.20);
}

.rm-textarea[b-s5qau00ox5]{
    min-height:96px;
    resize:vertical;
}

.rm-row2[b-s5qau00ox5]{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
}

@media (max-width: 860px){
    .rm-row2[b-s5qau00ox5]{
        grid-template-columns:1fr;
    }
}

.rm-list[b-s5qau00ox5]{
    display:flex;
    flex-direction:column;
    gap:8px;
    max-height:62vh;
    overflow:auto;
    padding-right:4px;
}

.rm-list--compact[b-s5qau00ox5]{
    max-height:none;
}

.rm-row[b-s5qau00ox5]{
    text-align:left;
    width:100%;
    padding:12px;
    border-radius:16px;
    border:1px solid rgba(17,24,39,0.08);
    background:rgba(255,255,255,0.75);
    cursor:pointer;
    box-shadow:0 10px 18px rgba(0,0,0,0.05);
}

.rm-row:hover[b-s5qau00ox5]{
    background:rgba(255,255,255,0.92);
}

.rm-row.is-active[b-s5qau00ox5]{
    border-color:rgba(77,166,255,0.42);
    box-shadow:0 0 0 3px rgba(77,166,255,0.14), 0 10px 22px rgba(77,166,255,0.10);
}

.rm-row__top[b-s5qau00ox5]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
}

.rm-row__left[b-s5qau00ox5]{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.rm-row__right[b-s5qau00ox5]{
    color:#6B7280;
    font-size:12px;
    flex-shrink:0;
}

.rm-row__bot[b-s5qau00ox5]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    margin-top:10px;
    flex-wrap:wrap;
}

.rm-code[b-s5qau00ox5]{
    color:#111827;
    font-weight:900;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.rm-meta[b-s5qau00ox5]{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    align-items:center;
}

.rm-pill[b-s5qau00ox5]{
    font-size:11px;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid rgba(17,24,39,0.10);
    background:rgba(17,24,39,0.04);
    color:#374151;
}

.rm-empty[b-s5qau00ox5]{
    padding:14px;
    border-radius:16px;
    border:1px dashed rgba(17,24,39,0.18);
    background:rgba(255,255,255,0.55);
    color:#6B7280;
    font-size:13px;
}

.rm-hintBlock[b-s5qau00ox5]{
    margin-bottom:12px;
    font-size:12px;
    color:#6B7280;
}

.rm-inlineCard[b-s5qau00ox5]{
    margin-top:14px;
    padding:14px;
    border-radius:16px;
    border:1px solid rgba(17,24,39,0.08);
    background:rgba(249,250,251,0.70);
}

.rm-inlineCard__title[b-s5qau00ox5]{
    font-size:13px;
    font-weight:900;
    color:#111827;
    margin-bottom:12px;
}

.rm-preview[b-s5qau00ox5]{
    margin-top:0;
    padding:12px;
    border-radius:16px;
    border:1px solid rgba(17,24,39,0.08);
    background:rgba(249,250,251,0.70);
}

.rm-preview__title[b-s5qau00ox5]{
    font-weight:950;
    color:#111827;
}

.rm-preview__sub[b-s5qau00ox5]{
    margin-top:4px;
    font-size:12px;
    color:#6B7280;
}

.rm-prevGrid[b-s5qau00ox5]{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:10px;
}

.rm-prevBox[b-s5qau00ox5]{
    padding:12px;
    border-radius:14px;
    border:1px solid rgba(17,24,39,0.08);
    background:rgba(255,255,255,0.78);
}

.rm-prevLabel[b-s5qau00ox5]{
    font-size:12px;
    color:#6B7280;
    margin-bottom:6px;
}

.rm-prevLine[b-s5qau00ox5]{
    font-size:13px;
    color:#111827;
    margin-top:3px;
    font-weight:800;
}

.rm-prevHint[b-s5qau00ox5]{
    font-size:12px;
    color:#6B7280;
    margin-top:8px;
}

.rm-map[b-s5qau00ox5]{
    width:100%;
    min-height:360px;
    border:0;
    display:block;
    border-radius:12px;
    margin-top:10px;
}

.rm-btn[b-s5qau00ox5]{
    height:38px;
    padding:0 14px;
    border:0;
    border-radius:12px;
    font-weight:950;
    cursor:pointer;
    user-select:none;
    color:#fff;
    background:linear-gradient(135deg,#4DA6FF 0%, #6F7CFF 100%);
    box-shadow:0 10px 22px rgba(77,166,255,0.18);
}

.rm-btn:hover[b-s5qau00ox5]{ opacity:.92; }
.rm-btn:active[b-s5qau00ox5]{ opacity:.85; }
.rm-btn:disabled[b-s5qau00ox5]{ opacity:.55; cursor:not-allowed; }

.rm-btn--ghost[b-s5qau00ox5]{
    background:rgba(17,24,39,0.06);
    color:#111827;
    border:1px solid rgba(17,24,39,0.10);
    box-shadow:none;
}

.rm-btn--ghost:hover[b-s5qau00ox5]{
    background:rgba(17,24,39,0.08);
}

.rm-actions[b-s5qau00ox5]{
    display:flex;
    gap:10px;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    margin-top:12px;
}

.rm-actions--end[b-s5qau00ox5]{
    justify-content:flex-end;
}

.rm-actions--tight[b-s5qau00ox5]{
    margin-top:10px;
}

.rm-pager[b-s5qau00ox5]{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.rm-alert[b-s5qau00ox5]{
    margin-top:12px;
    padding:10px 12px;
    border-radius:12px;
    border:1px solid rgba(0,0,0,0.12);
}

.rm-alert--err[b-s5qau00ox5]{
    background:rgba(239,68,68,0.10);
    border-color:rgba(239,68,68,0.22);
    color:#991B1B;
}

.rm-alert--ok[b-s5qau00ox5]{
    background:rgba(16,185,129,0.10);
    border-color:rgba(16,185,129,0.22);
    color:#065F46;
}

.rm-alert__title[b-s5qau00ox5]{
    font-weight:950;
    margin-bottom:2px;
}

.rm-errors[b-s5qau00ox5]{
    margin:8px 0 0 18px;
    padding:0;
}

.rm-flowList[b-s5qau00ox5]{
    margin:0;
    padding-left:18px;
    color:#4B5563;
    display:grid;
    gap:8px;
}

[b-s5qau00ox5] .validation-message{
    color:#B91C1C;
    font-size:12px;
    margin-top:2px;
}


.htd-frame[b-s5qau00ox5]{
    width:min(1560px, 96vw);
    border-radius:26px;
    padding:9px;
    background:linear-gradient(to bottom, dodgerblue 0%, darkblue 100%);
    border:1.2px solid rgba(255,255,255,0.33);
    box-shadow:0 0 48px rgba(0,0,0,0.55);
    position:relative;
    z-index:2;
}

.htd-card[b-s5qau00ox5]{
    background:rgba(255,255,255,0.96);
    border-radius:18px;
    padding:22px;
    border:1px solid rgba(0,0,0,0.08);
    box-shadow:0 0 18px rgba(0,0,0,0.25);
    backdrop-filter:blur(8px);
}

.htd-chipRow[b-s5qau00ox5]{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
}

.htd-grid[b-s5qau00ox5]{
    grid-template-columns:minmax(0, 1.65fr) 360px;
    align-items:start;
    margin-top:14px;
}

@media (max-width: 1240px){
    .htd-grid[b-s5qau00ox5]{
        grid-template-columns:1fr;
    }
}

.htd-side[b-s5qau00ox5]{
    position:sticky;
    top:18px;
}

@media (max-width: 1240px){
    .htd-side[b-s5qau00ox5]{
        position:static;
    }
}

.htd-inlineSummary[b-s5qau00ox5]{
    margin-top:12px;
    padding:12px 14px;
    border-radius:14px;
    background:rgba(255,255,255,0.78);
    border:1px solid rgba(17,24,39,0.08);
}

.htd-inlineSummary__row[b-s5qau00ox5]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    font-size:13px;
    color:#374151;
}

.htd-inlineSummary__row + .htd-inlineSummary__row[b-s5qau00ox5]{
    margin-top:8px;
    padding-top:8px;
    border-top:1px solid rgba(17,24,39,0.08);
}

.htd-tableWrap[b-s5qau00ox5]{
    margin-top:12px;
    overflow:auto;
    max-height:calc(100vh - 320px);
    border-radius:16px;
    border:1px solid rgba(17,24,39,0.10);
    background:rgba(255,255,255,0.78);
}

.htd-table[b-s5qau00ox5]{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.htd-table thead th[b-s5qau00ox5]{
    text-align:left;
    font-size:12px;
    font-weight:900;
    color:#6B7280;
    background:rgba(17,24,39,0.04);
    border-bottom:1px solid rgba(17,24,39,0.10);
    padding:10px 10px;
}

.htd-table tbody td[b-s5qau00ox5]{
    padding:10px;
    border-bottom:1px solid rgba(17,24,39,0.08);
    background:rgba(255,255,255,0.62);
    vertical-align:middle;
}

.htd-table tbody tr:nth-child(even) td[b-s5qau00ox5]{
    background:rgba(249,250,251,0.84);
}

.col-sku[b-s5qau00ox5]{ width:138px; }
.col-mode[b-s5qau00ox5]{ width:130px; }
.col-len[b-s5qau00ox5]{ width:130px; }
.col-num[b-s5qau00ox5]{ width:118px; }
.col-act[b-s5qau00ox5]{ width:108px; text-align:right; }

.htd-input--tight[b-s5qau00ox5]{
    min-height:34px;
    padding:8px 10px;
    font-size:13px;
}

.htd-input--num[b-s5qau00ox5]{
    text-align:right;
}

.htd-btn--mini[b-s5qau00ox5]{
    height:34px;
    padding:0 12px;
    font-size:12px;
    border-radius:10px;
}

.htd-strong[b-s5qau00ox5]{
    font-weight:950;
    color:#111827;
}

.htd-muted[b-s5qau00ox5]{
    color:#9CA3AF;
    font-size:13px;
}

.htd-totals[b-s5qau00ox5]{
    margin-top:14px;
    padding:14px;
    border-radius:16px;
    background:rgba(249,250,251,0.78);
    border:1px solid rgba(17,24,39,0.08);
    box-shadow:0 10px 18px rgba(0,0,0,0.04);
}

.htd-totalRow[b-s5qau00ox5]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:8px 0;
    color:#111827;
}

.htd-totalRow__label[b-s5qau00ox5]{
    font-size:13px;
    color:#6B7280;
    font-weight:700;
}

.htd-totalRow--grand[b-s5qau00ox5]{
    margin-top:4px;
    padding-top:12px;
    border-top:1px solid rgba(17,24,39,0.10);
    font-size:15px;
}

.htd-statList[b-s5qau00ox5]{
    display:grid;
    gap:10px;
}

.htd-stat[b-s5qau00ox5]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:12px 14px;
    border-radius:14px;
    background:rgba(255,255,255,0.78);
    border:1px solid rgba(17,24,39,0.08);
}

.htd-stat__label[b-s5qau00ox5]{
    font-size:13px;
    color:#6B7280;
    font-weight:700;
}

.htd-stat__value[b-s5qau00ox5]{
    font-size:14px;
    color:#111827;
    font-weight:950;
}

.htd-stat--accent[b-s5qau00ox5]{
    background:linear-gradient(135deg, rgba(77,166,255,0.12) 0%, rgba(111,124,255,0.10) 100%);
    border-color:rgba(77,166,255,0.20);
}

.htd-summaryBlock[b-s5qau00ox5]{
    margin-top:14px;
    padding:14px;
    border-radius:16px;
    background:rgba(249,250,251,0.70);
    border:1px solid rgba(17,24,39,0.08);
}

.htd-summaryBlock__title[b-s5qau00ox5]{
    font-size:13px;
    font-weight:950;
    color:#111827;
    margin-bottom:10px;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.htd-ruleList[b-s5qau00ox5]{
    margin:0;
    padding-left:18px;
    color:#4B5563;
    display:grid;
    gap:8px;
    font-size:13px;
}

.htd-fullBtn[b-s5qau00ox5]{
    width:100%;
    margin-top:14px;
}

@media (max-width: 980px){
    .htd-card[b-s5qau00ox5]{
        padding:16px;
    }

    .col-sku[b-s5qau00ox5]{ width:120px; }
    .col-mode[b-s5qau00ox5]{ width:118px; }
    .col-len[b-s5qau00ox5]{ width:116px; }
    .col-num[b-s5qau00ox5]{ width:108px; }
    .col-act[b-s5qau00ox5]{ width:100px; }
}

@media (max-width: 760px){
    .htd-frame[b-s5qau00ox5]{
        width:min(98vw, 98vw);
    }

    .htd-card[b-s5qau00ox5]{
        padding:14px;
    }

    .htd-tableWrap[b-s5qau00ox5]{
        max-height:none;
    }
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/KatanBoard.razor.rz.scp.css */
.wb-root[b-2o71p6zrhj] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #eaf0ff;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:
            radial-gradient(circle at 30% 8%, rgba(36, 99, 235, 0.28), transparent 32%),
            radial-gradient(circle at 80% 32%, rgba(14, 165, 233, 0.16), transparent 34%),
            linear-gradient(135deg, #020714 0%, #071426 48%, #02040a 100%);
}

.wb-root[b-2o71p6zrhj]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
            linear-gradient(90deg, rgba(80, 150, 255, 0.035) 1px, transparent 1px),
            linear-gradient(0deg, rgba(80, 150, 255, 0.03) 1px, transparent 1px);
    background-size: 76px 76px;
    mask-image: radial-gradient(circle at center, black 0%, transparent 78%);
    pointer-events: none;
}

.wb-root[b-2o71p6zrhj]::after {
    content: "";
    position: absolute;
    inset: auto -10% -20% -10%;
    height: 36vh;
    background: repeating-linear-gradient(
            115deg,
            rgba(51, 132, 255, 0.12) 0 1px,
            transparent 1px 18px
    );
    opacity: 0.28;
    transform: perspective(700px) rotateX(62deg);
    transform-origin: bottom;
    pointer-events: none;
}

.wb-noise[b-2o71p6zrhj] {
    position: absolute;
    inset: 0;
    opacity: 0.15;
    pointer-events: none;
    background-image:
            radial-gradient(circle at 20% 20%, rgba(255,255,255,0.08) 0 1px, transparent 1px),
            radial-gradient(circle at 80% 70%, rgba(255,255,255,0.06) 0 1px, transparent 1px);
    background-size: 120px 120px, 180px 180px;
}

.wb-grid[b-2o71p6zrhj] {
    position: absolute;
    inset: 7% 8% 8% 8%;
    border: 1px solid rgba(95, 155, 255, 0.08);
    background:
            linear-gradient(90deg, transparent 0 24%, rgba(59, 130, 246, 0.13) 24.2% 24.5%, transparent 24.7%),
            linear-gradient(0deg, transparent 0 52%, rgba(59, 130, 246, 0.12) 52.2% 52.4%, transparent 52.7%);
    opacity: 0.55;
    pointer-events: none;
}

.wb-blueprint[b-2o71p6zrhj] {
    position: absolute;
    right: -8%;
    bottom: 8%;
    width: 38vw;
    height: 46vh;
    opacity: 0.12;
    pointer-events: none;
    border: 1px solid rgba(120, 170, 255, 0.18);
    transform: skewY(-12deg);
    background:
            linear-gradient(90deg, transparent 0 20%, rgba(80, 150, 255, 0.35) 20.1% 20.4%, transparent 20.6%),
            linear-gradient(90deg, transparent 0 64%, rgba(80, 150, 255, 0.26) 64.1% 64.4%, transparent 64.6%),
            linear-gradient(0deg, transparent 0 40%, rgba(80, 150, 255, 0.24) 40.1% 40.4%, transparent 40.6%);
    filter: drop-shadow(0 0 28px rgba(59, 130, 246, 0.25));
}

.wb-shell[b-2o71p6zrhj] {
    position: relative;
    z-index: 2;
    min-height: 100vh;
    padding: 42px 38px 34px;
}

.wb-topbar[b-2o71p6zrhj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 28px;
}

.wb-eyebrow[b-2o71p6zrhj] {
    margin-bottom: 6px;
    color: #7bb4ff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.wb-topbar h1[b-2o71p6zrhj] {
    margin: 0;
    color: white;
    font-size: 32px;
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.wb-topbar p[b-2o71p6zrhj] {
    margin: 8px 0 0;
    color: rgba(226, 237, 255, 0.66);
    font-size: 14px;
}

.wb-actions[b-2o71p6zrhj] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.wb-search[b-2o71p6zrhj] {
    position: relative;
    width: min(440px, 42vw);
}

.wb-search span[b-2o71p6zrhj] {
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(226, 237, 255, 0.58);
    pointer-events: none;
}

.wb-search input[b-2o71p6zrhj] {
    width: 100%;
    height: 52px;
    padding: 0 18px 0 46px;
    color: white;
    background: rgba(3, 10, 24, 0.58);
    border: 1px solid rgba(121, 171, 255, 0.20);
    border-radius: 13px;
    outline: none;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.04),
            0 20px 60px rgba(0,0,0,0.26);
    backdrop-filter: blur(14px);
}

.wb-search input[b-2o71p6zrhj]::placeholder {
    color: rgba(203, 213, 225, 0.48);
}

.wb-search input:focus[b-2o71p6zrhj] {
    border-color: rgba(96, 165, 250, 0.7);
    box-shadow:
            0 0 0 3px rgba(37, 99, 235, 0.18),
            inset 0 1px 0 rgba(255,255,255,0.05),
            0 20px 60px rgba(0,0,0,0.26);
}

.wb-alert[b-2o71p6zrhj],
.wb-loading[b-2o71p6zrhj],
.wb-empty-page[b-2o71p6zrhj] {
    border-radius: 16px;
    background: rgba(4, 13, 27, 0.54);
    border: 1px solid rgba(121, 171, 255, 0.22);
    box-shadow: 0 24px 70px rgba(0,0,0,0.24);
    backdrop-filter: blur(14px);
}

.wb-alert[b-2o71p6zrhj] {
    display: grid;
    gap: 4px;
    margin-bottom: 20px;
    padding: 18px 20px;
    color: #fecaca;
    border-color: rgba(248, 113, 113, 0.36);
    background: rgba(127, 29, 29, 0.26);
}

.wb-loading[b-2o71p6zrhj] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    color: rgba(226, 237, 255, 0.76);
}

.wb-loader[b-2o71p6zrhj] {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 2px solid rgba(147, 197, 253, 0.24);
    border-top-color: #60a5fa;
    animation: wb-spin-b-2o71p6zrhj 800ms linear infinite;
}

@keyframes wb-spin-b-2o71p6zrhj {
    to { transform: rotate(360deg); }
}

.wb-empty-page[b-2o71p6zrhj] {
    max-width: 420px;
    padding: 34px;
    text-align: center;
    margin: 80px auto;
}

.wb-empty-icon[b-2o71p6zrhj] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    margin: 0 auto 18px;
    border-radius: 15px;
    color: #8dccff;
    border: 1px solid rgba(93, 164, 255, 0.44);
    background: rgba(37, 99, 235, 0.08);
}

.wb-empty-page h2[b-2o71p6zrhj] {
    margin: 0 0 8px;
    color: white;
}

.wb-empty-page p[b-2o71p6zrhj] {
    margin: 0;
    color: rgba(226, 237, 255, 0.62);
}

.wb-board[b-2o71p6zrhj] {
    display: grid;
    grid-template-columns: repeat(5, minmax(282px, 1fr));
    gap: 22px;
    align-items: start;
    overflow-x: auto;
    padding: 2px 2px 14px;
}

.wb-lane[b-2o71p6zrhj] {
    min-width: 282px;
    min-height: 640px;
    border-radius: 18px;
    background:
            linear-gradient(180deg, rgba(16, 54, 120, 0.72), rgba(3, 10, 28, 0.64));
    border: 1px solid rgba(74, 144, 255, 0.30);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.06),
            0 28px 80px rgba(0,0,0,0.28),
            0 0 42px rgba(37, 99, 235, 0.12);
    backdrop-filter: blur(14px);
    overflow: hidden;
}

.wb-lane__head[b-2o71p6zrhj] {
    position: sticky;
    top: 0;
    z-index: 3;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 22px 18px;
    background:
            radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--lane-color) 34%, transparent), transparent 42%),
            linear-gradient(180deg, rgba(31, 84, 170, 0.48), rgba(9, 26, 62, 0.28));
    border-bottom: 1px solid rgba(121, 171, 255, 0.20);
}

.wb-lane__titleRow[b-2o71p6zrhj] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.wb-lane__dot[b-2o71p6zrhj] {
    width: 13px;
    height: 13px;
    margin-top: 4px;
    border-radius: 999px;
    background: var(--lane-color);
    box-shadow: 0 0 18px color-mix(in srgb, var(--lane-color) 70%, transparent);
}

.wb-lane__head h2[b-2o71p6zrhj] {
    margin: 0;
    color: white;
    font-size: 16px;
    line-height: 1.1;
}

.wb-lane__head p[b-2o71p6zrhj] {
    margin: 4px 0 0;
    color: rgba(226, 237, 255, 0.65);
    font-size: 12px;
}

.wb-lane__menu[b-2o71p6zrhj] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 9px;
    color: rgba(226, 237, 255, 0.72);
    background: rgba(255,255,255,0.05);
    cursor: pointer;
}

.wb-lane__body[b-2o71p6zrhj] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 540px;
    padding: 16px;
    transition: background 160ms ease, box-shadow 160ms ease;
}

.wb-lane__body.is-drop-target[b-2o71p6zrhj] {
    background: rgba(96, 165, 250, 0.10);
    box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.35);
}

.wb-lane__empty[b-2o71p6zrhj] {
    min-height: 238px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 9px;
    margin-top: 140px;
    padding: 24px;
    text-align: center;
    border-radius: 18px;
    border: 1px dashed rgba(147, 197, 253, 0.28);
    background: rgba(3, 10, 24, 0.26);
}

.wb-lane__emptyIcon[b-2o71p6zrhj] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: var(--lane-color);
    border: 2px solid color-mix(in srgb, var(--lane-color) 52%, rgba(255,255,255,0.08));
    font-size: 26px;
}

.wb-lane__empty strong[b-2o71p6zrhj] {
    color: white;
    font-size: 17px;
}

.wb-lane__empty span[b-2o71p6zrhj] {
    max-width: 180px;
    color: rgba(226, 237, 255, 0.6);
    font-size: 13px;
    line-height: 1.45;
}

.wb-card[b-2o71p6zrhj] {
    border-radius: 16px;
    background:
            radial-gradient(circle at 100% 0%, rgba(59, 130, 246, 0.08), transparent 30%),
            linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid rgba(255, 255, 255, 0.82);
    box-shadow:
            0 20px 50px rgba(0, 0, 0, 0.26),
            0 0 0 1px rgba(15, 23, 42, 0.04);
    padding: 15px;
    color: #111827;
    transition: transform 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}

.wb-card:hover[b-2o71p6zrhj] {
    transform: translateY(-2px);
    box-shadow:
            0 26px 62px rgba(0, 0, 0, 0.32),
            0 0 0 1px rgba(59, 130, 246, 0.12);
}

.wb-card.is-dragging[b-2o71p6zrhj] {
    opacity: 0.48;
    transform: scale(0.985);
}

.wb-card__top[b-2o71p6zrhj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.wb-card__statusGroup[b-2o71p6zrhj] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.wb-card__pill[b-2o71p6zrhj] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    color: #1f2937;
    font-size: 11px;
    font-weight: 900;
    background: color-mix(in srgb, var(--pill-color) 14%, white);
    border: 1px solid color-mix(in srgb, var(--pill-color) 26%, rgba(15,23,42,0.08));
}

.wb-card__badge[b-2o71p6zrhj] {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    flex: 0 0 auto;
}

.wb-card__drag[b-2o71p6zrhj] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 10px;
    color: rgba(15, 23, 42, 0.54);
    background: rgba(15, 23, 42, 0.035);
    cursor: grab;
    font-weight: 900;
    letter-spacing: 1px;
}

.wb-card__drag:active[b-2o71p6zrhj] {
    cursor: grabbing;
}

.wb-card__main[b-2o71p6zrhj] {
    width: 100%;
    padding: 0;
    border: 0;
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.wb-card__main h3[b-2o71p6zrhj] {
    margin: 0;
    color: #111827;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: 0.02em;
}

.wb-card__fingerprint[b-2o71p6zrhj] {
    display: block;
    width: 132px;
    max-width: 100%;
    height: 18px;
    margin: 8px 0 10px;
    border-radius: 5px;
}

.wb-card__main p[b-2o71p6zrhj] {
    margin: 0;
    color: rgba(17, 24, 39, 0.62);
    font-size: 13px;
}

.wb-card__details[b-2o71p6zrhj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px 14px;
    margin-top: 16px;
}

.wb-card__details div[b-2o71p6zrhj] {
    min-width: 0;
}

.wb-card__details span[b-2o71p6zrhj] {
    display: block;
    margin-bottom: 4px;
    color: rgba(17, 24, 39, 0.48);
    font-size: 11px;
    font-weight: 700;
}

.wb-card__details b[b-2o71p6zrhj] {
    display: block;
    color: rgba(17, 24, 39, 0.88);
    font-size: 13px;
    line-height: 1.25;
    font-weight: 750;
    word-break: break-word;
}

.wb-card__tags[b-2o71p6zrhj] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 16px;
}

.wb-card__tags span[b-2o71p6zrhj] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.04);
    border: 1px solid rgba(15, 23, 42, 0.08);
    color: rgba(15, 23, 42, 0.64);
    font-size: 11px;
    font-weight: 800;
}

.wb-card__foot[b-2o71p6zrhj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 16px;
    padding-top: 13px;
    border-top: 1px solid rgba(15, 23, 42, 0.09);
}

.wb-card__foot span[b-2o71p6zrhj] {
    color: rgba(17, 24, 39, 0.52);
    font-size: 12px;
}

.wb-card__foot button[b-2o71p6zrhj] {
    border: 0;
    padding: 0;
    color: #1683ff;
    background: transparent;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.wb-footer[b-2o71p6zrhj] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 24px;
    color: rgba(226, 237, 255, 0.56);
    font-size: 12px;
}

.wb-health[b-2o71p6zrhj] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.wb-health i[b-2o71p6zrhj] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 14px rgba(34, 197, 94, 0.72);
}

@media (max-width: 1200px) {
    .wb-topbar[b-2o71p6zrhj] {
        flex-direction: column;
    }

    .wb-search[b-2o71p6zrhj] {
        width: min(640px, calc(100vw - 76px));
        max-width: none;
    }
}

@media (max-width: 760px) {
    .wb-shell[b-2o71p6zrhj] {
        padding: 28px 20px 28px;
    }

    .wb-topbar h1[b-2o71p6zrhj] {
        font-size: 28px;
    }

    .wb-board[b-2o71p6zrhj] {
        grid-template-columns: repeat(5, 282px);
    }

    .wb-footer[b-2o71p6zrhj] {
        align-items: flex-start;
        flex-direction: column;
    }

    .wb-health[b-2o71p6zrhj] {
        margin-left: 0;
    }
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/ManagerKanbanBoard.razor.rz.scp.css */
.mw-root[b-1cxtgu66g7] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #eaf0ff;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:
            radial-gradient(circle at 30% 8%, rgba(36, 99, 235, 0.22), transparent 32%),
            radial-gradient(circle at 80% 32%, rgba(14, 165, 233, 0.12), transparent 34%),
            linear-gradient(135deg, #020714 0%, #071426 48%, #02040a 100%);
}

.mw-root[b-1cxtgu66g7]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
            linear-gradient(90deg, rgba(80, 150, 255, 0.035) 1px, transparent 1px),
            linear-gradient(0deg, rgba(80, 150, 255, 0.03) 1px, transparent 1px);
    background-size: 76px 76px;
    mask-image: radial-gradient(circle at center, black 0%, transparent 78%);
    pointer-events: none;
}

.mw-root[b-1cxtgu66g7]::after {
    content: "";
    position: absolute;
    inset: auto -10% -20% -10%;
    height: 36vh;
    background: repeating-linear-gradient(
            115deg,
            rgba(51, 132, 255, 0.10) 0 1px,
            transparent 1px 18px
    );
    opacity: 0.22;
    transform: perspective(700px) rotateX(62deg);
    transform-origin: bottom;
    pointer-events: none;
}

.mw-noise[b-1cxtgu66g7] {
    position: absolute;
    inset: 0;
    opacity: 0.12;
    pointer-events: none;
    background-image:
            radial-gradient(circle at 20% 20%, rgba(255,255,255,0.08) 0 1px, transparent 1px),
            radial-gradient(circle at 80% 70%, rgba(255,255,255,0.06) 0 1px, transparent 1px);
    background-size: 120px 120px, 180px 180px;
}

.mw-grid[b-1cxtgu66g7] {
    position: absolute;
    inset: 7% 8% 8% 8%;
    border: 1px solid rgba(95, 155, 255, 0.08);
    background:
            linear-gradient(90deg, transparent 0 24%, rgba(59, 130, 246, 0.10) 24.2% 24.5%, transparent 24.7%),
            linear-gradient(0deg, transparent 0 52%, rgba(59, 130, 246, 0.09) 52.2% 52.4%, transparent 52.7%);
    opacity: 0.45;
    pointer-events: none;
}

.mw-blueprint[b-1cxtgu66g7] {
    position: absolute;
    right: -8%;
    bottom: 8%;
    width: 38vw;
    height: 46vh;
    opacity: 0.10;
    pointer-events: none;
    border: 1px solid rgba(120, 170, 255, 0.16);
    transform: skewY(-12deg);
    background:
            linear-gradient(90deg, transparent 0 20%, rgba(80, 150, 255, 0.28) 20.1% 20.4%, transparent 20.6%),
            linear-gradient(90deg, transparent 0 64%, rgba(80, 150, 255, 0.22) 64.1% 64.4%, transparent 64.6%),
            linear-gradient(0deg, transparent 0 40%, rgba(80, 150, 255, 0.20) 40.1% 40.4%, transparent 40.6%);
    filter: drop-shadow(0 0 24px rgba(59, 130, 246, 0.18));
}

.mw-shell[b-1cxtgu66g7] {
    position: relative;
    z-index: 2;
    min-height: 100vh;
    padding: 42px 38px 34px;
}

.mw-topbar[b-1cxtgu66g7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 24px;
}

.mw-eyebrow[b-1cxtgu66g7] {
    margin-bottom: 6px;
    color: #7bb4ff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.mw-topbar h1[b-1cxtgu66g7] {
    margin: 0;
    color: white;
    font-size: 32px;
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.mw-chipRow[b-1cxtgu66g7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.mw-chip[b-1cxtgu66g7] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 11px;
    border-radius: 999px;
    color: rgba(226, 237, 255, 0.82);
    background: rgba(3, 10, 24, 0.42);
    border: 1px solid rgba(121, 171, 255, 0.18);
    font-size: 12px;
    font-weight: 800;
}

.mw-chip--mode[b-1cxtgu66g7] {
    color: #bfdbfe;
    border-color: rgba(96, 165, 250, 0.30);
}

.mw-actions[b-1cxtgu66g7] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 14px;
    flex-wrap: wrap;
}

.mw-controlGroup[b-1cxtgu66g7] {
    display: grid;
    gap: 7px;
}

.mw-controlGroup > span[b-1cxtgu66g7] {
    color: rgba(226, 237, 255, 0.58);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mw-segmented[b-1cxtgu66g7] {
    display: inline-flex;
    align-items: center;
    height: 46px;
    padding: 4px;
    border-radius: 999px;
    background: rgba(3, 10, 24, 0.54);
    border: 1px solid rgba(121, 171, 255, 0.20);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.04),
            0 16px 46px rgba(0,0,0,0.20);
    backdrop-filter: blur(14px);
}

.mw-segmented button[b-1cxtgu66g7] {
    height: 36px;
    min-width: 104px;
    padding: 0 14px;
    border: 0;
    border-radius: 999px;
    color: rgba(226, 237, 255, 0.64);
    background: transparent;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
    transition:
            color 160ms ease,
            background 160ms ease,
            box-shadow 160ms ease;
}

.mw-segmented button:hover[b-1cxtgu66g7] {
    color: white;
}

.mw-segmented button.is-active[b-1cxtgu66g7] {
    color: #06111f;
    background: linear-gradient(135deg, #f8fbff, #bfdbfe);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.85),
            0 10px 24px rgba(37, 99, 235, 0.22);
}

.mw-segmented--small button[b-1cxtgu66g7] {
    min-width: 82px;
}

.mw-segmented--view button[b-1cxtgu66g7] {
    min-width: 96px;
}

.mw-search[b-1cxtgu66g7] {
    position: relative;
    width: min(440px, 42vw);
}

.mw-search span[b-1cxtgu66g7] {
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(226, 237, 255, 0.58);
    pointer-events: none;
}

.mw-search input[b-1cxtgu66g7] {
    width: 100%;
    height: 52px;
    padding: 0 18px 0 46px;
    color: white;
    background: rgba(3, 10, 24, 0.54);
    border: 1px solid rgba(121, 171, 255, 0.20);
    border-radius: 13px;
    outline: none;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.04),
            0 20px 60px rgba(0,0,0,0.22);
    backdrop-filter: blur(14px);
}

.mw-search input[b-1cxtgu66g7]::placeholder {
    color: rgba(203, 213, 225, 0.48);
}

.mw-search input:focus[b-1cxtgu66g7] {
    border-color: rgba(96, 165, 250, 0.66);
    box-shadow:
            0 0 0 3px rgba(37, 99, 235, 0.16),
            inset 0 1px 0 rgba(255,255,255,0.05),
            0 20px 60px rgba(0,0,0,0.24);
}

.mw-alert[b-1cxtgu66g7],
.mw-loading[b-1cxtgu66g7],
.mw-empty-page[b-1cxtgu66g7] {
    border-radius: 16px;
    background: rgba(4, 13, 27, 0.54);
    border: 1px solid rgba(121, 171, 255, 0.22);
    box-shadow: 0 24px 70px rgba(0,0,0,0.24);
    backdrop-filter: blur(14px);
}

.mw-alert[b-1cxtgu66g7] {
    display: grid;
    gap: 4px;
    margin-bottom: 20px;
    padding: 18px 20px;
    color: #fecaca;
    border-color: rgba(248, 113, 113, 0.36);
    background: rgba(127, 29, 29, 0.26);
}

.mw-loading[b-1cxtgu66g7] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    color: rgba(226, 237, 255, 0.76);
}

.mw-loader[b-1cxtgu66g7] {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 2px solid rgba(147, 197, 253, 0.24);
    border-top-color: #60a5fa;
    animation: mw-spin-b-1cxtgu66g7 800ms linear infinite;
}

@keyframes mw-spin-b-1cxtgu66g7 {
    to { transform: rotate(360deg); }
}

.mw-empty-page[b-1cxtgu66g7] {
    max-width: 420px;
    padding: 34px;
    text-align: center;
    margin: 80px auto;
}

.mw-empty-icon[b-1cxtgu66g7] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    margin: 0 auto 18px;
    border-radius: 15px;
    color: #8dccff;
    border: 1px solid rgba(93, 164, 255, 0.44);
    background: rgba(37, 99, 235, 0.08);
}

.mw-empty-page h2[b-1cxtgu66g7] {
    margin: 0 0 8px;
    color: white;
}

.mw-empty-page p[b-1cxtgu66g7] {
    margin: 0;
    color: rgba(226, 237, 255, 0.62);
}

.mw-board[b-1cxtgu66g7] {
    display: grid;
    gap: 22px;
    align-items: start;
    overflow-x: auto;
    padding: 2px 2px 14px;
}

.mw-board--status[b-1cxtgu66g7],
.mw-board--cups[b-1cxtgu66g7] {
    grid-template-columns: repeat(5, minmax(282px, 1fr));
}

.mw-board--owners[b-1cxtgu66g7] {
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
}

.mw-lane[b-1cxtgu66g7] {
    min-width: 282px;
    min-height: 640px;
    border-radius: 18px;
    background:
            linear-gradient(180deg, rgba(16, 54, 120, 0.66), rgba(3, 10, 28, 0.62));
    border: 1px solid rgba(74, 144, 255, 0.26);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.05),
            0 26px 72px rgba(0,0,0,0.26);
    backdrop-filter: blur(14px);
    overflow: hidden;
}

.mw-board--owners .mw-lane[b-1cxtgu66g7] {
    min-width: 330px;
}

.mw-lane--cupMode[b-1cxtgu66g7] {
    min-height: 660px;
}

.mw-lane__head[b-1cxtgu66g7] {
    position: sticky;
    top: 0;
    z-index: 3;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 20px 16px;
    background:
            linear-gradient(180deg, rgba(31, 84, 170, 0.34), rgba(9, 26, 62, 0.22));
    border-bottom: 1px solid rgba(121, 171, 255, 0.18);
}

.mw-lane__titleRow[b-1cxtgu66g7] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.mw-lane__dot[b-1cxtgu66g7] {
    width: 13px;
    height: 13px;
    margin-top: 6px;
    border-radius: 999px;
    background: var(--lane-color);
    box-shadow: 0 0 14px color-mix(in srgb, var(--lane-color) 52%, transparent);
}

.mw-laneAvatar[b-1cxtgu66g7] {
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(248,250,252,0.92);
    border: 2px solid rgba(255,255,255,0.78);
    box-shadow:
            0 10px 24px rgba(0,0,0,0.18),
            0 0 0 1px rgba(15,23,42,0.10);
}

.mw-laneAvatar img[b-1cxtgu66g7] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mw-lane__head h2[b-1cxtgu66g7] {
    margin: 0;
    color: white;
    font-size: 16px;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mw-lane__head p[b-1cxtgu66g7] {
    margin: 4px 0 0;
    color: rgba(226, 237, 255, 0.65);
    font-size: 12px;
}

.mw-lane__count[b-1cxtgu66g7] {
    min-width: 34px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: white;
    font-size: 13px;
    font-weight: 950;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.13);
}

.mw-lane__summary[b-1cxtgu66g7] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    padding: 14px 16px 10px;
    border-bottom: 1px solid rgba(121, 171, 255, 0.14);
}

.mw-lane__summary--two[b-1cxtgu66g7] {
    grid-template-columns: repeat(2, 1fr);
}

.mw-lane__summary div[b-1cxtgu66g7] {
    min-width: 0;
}

.mw-lane__summary span[b-1cxtgu66g7] {
    display: block;
    margin-bottom: 3px;
    color: rgba(226, 237, 255, 0.52);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.mw-lane__summary strong[b-1cxtgu66g7] {
    color: white;
    font-size: 13px;
    font-weight: 900;
}

.mw-lane__body[b-1cxtgu66g7] {
    display: flex;
    flex-direction: column;
    gap: 13px;
    min-height: 540px;
    padding: 16px;
}

.mw-lane__body--cups[b-1cxtgu66g7] {
    min-height: 560px;
    justify-content: center;
}

.mw-lane__empty[b-1cxtgu66g7],
.mw-cupEmpty[b-1cxtgu66g7] {
    min-height: 238px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 9px;
    margin-top: 90px;
    padding: 24px;
    text-align: center;
    border-radius: 18px;
    border: 1px dashed rgba(147, 197, 253, 0.28);
    background: rgba(3, 10, 24, 0.26);
}

.mw-cupEmpty[b-1cxtgu66g7] {
    margin-top: 0;
}

.mw-lane__emptyIcon[b-1cxtgu66g7] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: var(--lane-color);
    border: 2px solid color-mix(in srgb, var(--lane-color) 52%, rgba(255,255,255,0.08));
    font-size: 26px;
}

.mw-lane__empty strong[b-1cxtgu66g7],
.mw-cupEmpty strong[b-1cxtgu66g7] {
    color: white;
    font-size: 17px;
}

.mw-lane__empty span[b-1cxtgu66g7],
.mw-cupEmpty span[b-1cxtgu66g7] {
    max-width: 180px;
    color: rgba(226, 237, 255, 0.6);
    font-size: 13px;
    line-height: 1.45;
}

.mw-card[b-1cxtgu66g7] {
    position: relative;
    border-radius: 16px;
    color: #111827;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid rgba(255, 255, 255, 0.82);
    box-shadow:
            0 18px 46px rgba(0, 0, 0, 0.24),
            0 0 0 1px rgba(15, 23, 42, 0.04);
    overflow: hidden;
    transition:
            transform 160ms ease,
            box-shadow 160ms ease,
            border-color 160ms ease;
}

.mw-card[b-1cxtgu66g7]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: var(--item-color);
}

.mw-card:hover[b-1cxtgu66g7] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--item-color) 24%, rgba(255,255,255,0.82));
    box-shadow:
            0 24px 58px rgba(0, 0, 0, 0.30),
            0 0 0 1px color-mix(in srgb, var(--item-color) 12%, transparent);
}

.mw-card__button[b-1cxtgu66g7] {
    width: 100%;
    min-height: 82px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 40px 16px;
    align-items: center;
    gap: 12px;
    padding: 12px 13px 12px 17px;
    border: 0;
    color: inherit;
    background:
            radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--item-color) 7%, transparent), transparent 34%);
    text-align: left;
    cursor: pointer;
}

.mw-card__main[b-1cxtgu66g7] {
    min-width: 0;
}

.mw-card__titleRow[b-1cxtgu66g7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.mw-card__titleRow strong[b-1cxtgu66g7] {
    min-width: 0;
    overflow: hidden;
    color: #111827;
    font-size: 14px;
    line-height: 1.18;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mw-card__titleRow span[b-1cxtgu66g7] {
    flex: 0 0 auto;
    min-height: 21px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border-radius: 999px;
    color: color-mix(in srgb, var(--item-color) 68%, #111827);
    background: color-mix(in srgb, var(--item-color) 12%, white);
    border: 1px solid color-mix(in srgb, var(--item-color) 22%, rgba(15,23,42,0.08));
    font-size: 10px;
    font-weight: 950;
    white-space: nowrap;
}

.mw-card__main > p[b-1cxtgu66g7] {
    margin: 5px 0 8px;
    color: rgba(17, 24, 39, 0.62);
    font-size: 12px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mw-card__meta[b-1cxtgu66g7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
}

.mw-card__meta div[b-1cxtgu66g7] {
    min-width: 0;
    padding: 5px 7px;
    border-radius: 9px;
    background: rgba(15, 23, 42, 0.035);
    border: 1px solid rgba(15, 23, 42, 0.07);
}

.mw-card__meta i[b-1cxtgu66g7] {
    display: block;
    margin-bottom: 2px;
    color: rgba(17, 24, 39, 0.44);
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
}

.mw-card__meta b[b-1cxtgu66g7] {
    display: block;
    color: rgba(17, 24, 39, 0.80);
    font-size: 11px;
    line-height: 1.15;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mw-card__avatar[b-1cxtgu66g7] {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    overflow: hidden;
    background: linear-gradient(180deg, #f8fafc, #e2e8f0);
    border: 2px solid #ffffff;
    box-shadow:
            0 8px 18px rgba(0,0,0,0.14),
            0 0 0 1px rgba(15,23,42,0.08);
}

.mw-card__avatar img[b-1cxtgu66g7] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mw-card__open[b-1cxtgu66g7] {
    color: rgba(17, 24, 39, 0.34);
    font-size: 23px;
    font-weight: 700;
    line-height: 1;
}

/* ===== Fun cup mode ===== */

.mw-cupStage[b-1cxtgu66g7] {
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 10px;
    min-height: 500px;
}

.mw-cupRim[b-1cxtgu66g7] {
    position: relative;
    height: 24px;
    margin: 0 8px -6px;
    border-radius: 999px;
    border: 1px solid rgba(147, 197, 253, 0.28);
    background:
            linear-gradient(180deg, rgba(226, 237, 255, 0.18), rgba(3, 10, 24, 0.18));
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.10),
            0 12px 30px rgba(0,0,0,0.18);
    z-index: 2;
}

.mw-cupRim span[b-1cxtgu66g7] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(226, 237, 255, 0.70);
    font-size: 11px;
    font-weight: 950;
}

.mw-cup[b-1cxtgu66g7] {
    position: relative;
    min-height: 390px;
    display: flex;
    flex-wrap: wrap-reverse;
    align-content: flex-start;
    align-items: flex-end;
    justify-content: center;
    gap: 9px;
    padding: 28px 16px 20px;
    border-radius: 0 0 42px 42px;
    border: 2px solid rgba(147, 197, 253, 0.24);
    border-top: 0;
    background:
            linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.015)),
            rgba(3, 10, 24, 0.24);
    box-shadow:
            inset 0 0 0 1px rgba(255,255,255,0.035),
            inset 0 -28px 60px rgba(59, 130, 246, 0.08),
            0 22px 58px rgba(0,0,0,0.22);
    overflow: hidden;
}

.mw-cup[b-1cxtgu66g7]::before {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: var(--cup-fill);
    background:
            linear-gradient(180deg, rgba(96, 165, 250, 0.05), rgba(96, 165, 250, 0.13));
    border-radius: 0 0 38px 38px;
    pointer-events: none;
}

.mw-cup[b-1cxtgu66g7]::after {
    content: "";
    position: absolute;
    inset: 16px 12px auto;
    height: 1px;
    background: rgba(226, 237, 255, 0.14);
    pointer-events: none;
}

.mw-cupBubble[b-1cxtgu66g7] {
    position: relative;
    z-index: 2;
    width: 54px;
    min-height: 68px;
    display: grid;
    justify-items: center;
    gap: 5px;
    padding: 0;
    border: 0;
    color: rgba(226, 237, 255, 0.78);
    background: transparent;
    cursor: pointer;
    animation: mw-cupDrop-b-1cxtgu66g7 460ms cubic-bezier(.2,.9,.2,1) both;
    animation-delay: calc(var(--drop-index) * 35ms);
}

.mw-cupBubble img[b-1cxtgu66g7] {
    width: 46px;
    height: 46px;
    display: block;
    border-radius: 999px;
    object-fit: cover;
    background: #f8fafc;
    border: 2px solid rgba(255,255,255,0.86);
    box-shadow:
            0 9px 18px rgba(0,0,0,0.22),
            0 0 0 2px color-mix(in srgb, var(--item-color) 42%, transparent);
    transition:
            transform 150ms ease,
            box-shadow 150ms ease;
}

.mw-cupBubble span[b-1cxtgu66g7] {
    max-width: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(226, 237, 255, 0.68);
    font-size: 9px;
    font-weight: 900;
    white-space: nowrap;
}

.mw-cupBubble:hover img[b-1cxtgu66g7] {
    transform: translateY(-4px) scale(1.06);
    box-shadow:
            0 14px 28px rgba(0,0,0,0.28),
            0 0 0 2px color-mix(in srgb, var(--item-color) 62%, transparent),
            0 0 24px color-mix(in srgb, var(--item-color) 24%, transparent);
}

.mw-cupBase[b-1cxtgu66g7] {
    display: grid;
    gap: 3px;
    padding: 0 10px;
    text-align: center;
}

.mw-cupBase strong[b-1cxtgu66g7] {
    color: white;
    font-size: 13px;
    font-weight: 950;
}

.mw-cupBase span[b-1cxtgu66g7] {
    color: rgba(226, 237, 255, 0.58);
    font-size: 12px;
}

@keyframes mw-cupDrop-b-1cxtgu66g7 {
    from {
        opacity: 0;
        transform: translateY(-86px) scale(0.82) rotate(-6deg);
    }

    68% {
        opacity: 1;
        transform: translateY(7px) scale(1.05) rotate(3deg);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1) rotate(0deg);
    }
}

.mw-footer[b-1cxtgu66g7] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 24px;
    color: rgba(226, 237, 255, 0.56);
    font-size: 12px;
}

.mw-health[b-1cxtgu66g7] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.mw-health i[b-1cxtgu66g7] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 14px rgba(34, 197, 94, 0.72);
}

@media (max-width: 1360px) {
    .mw-topbar[b-1cxtgu66g7] {
        flex-direction: column;
    }

    .mw-actions[b-1cxtgu66g7] {
        justify-content: flex-start;
    }

    .mw-search[b-1cxtgu66g7] {
        width: min(640px, calc(100vw - 76px));
        max-width: none;
    }
}

@media (max-width: 920px) {
    .mw-board--status[b-1cxtgu66g7],
    .mw-board--cups[b-1cxtgu66g7] {
        grid-template-columns: repeat(5, 282px);
    }

    .mw-board--owners[b-1cxtgu66g7] {
        grid-template-columns: 330px;
    }
}

@media (max-width: 760px) {
    .mw-shell[b-1cxtgu66g7] {
        padding: 28px 20px 28px;
    }

    .mw-topbar h1[b-1cxtgu66g7] {
        font-size: 28px;
    }

    .mw-actions[b-1cxtgu66g7] {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .mw-controlGroup[b-1cxtgu66g7],
    .mw-search[b-1cxtgu66g7] {
        width: 100%;
    }

    .mw-segmented[b-1cxtgu66g7] {
        width: 100%;
    }

    .mw-segmented button[b-1cxtgu66g7] {
        flex: 1;
        min-width: 0;
    }

    .mw-card__meta[b-1cxtgu66g7] {
        grid-template-columns: 1fr;
    }

    .mw-cup[b-1cxtgu66g7] {
        min-height: 340px;
    }

    .mw-footer[b-1cxtgu66g7] {
        align-items: flex-start;
        flex-direction: column;
    }

    .mw-health[b-1cxtgu66g7] {
        margin-left: 0;
    }
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/Projects.razor.rz.scp.css */
.pr-root[b-b1273dhza1] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #eaf0ff;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:
            radial-gradient(circle at 32% 8%, rgba(36, 99, 235, 0.30), transparent 32%),
            radial-gradient(circle at 82% 34%, rgba(14, 165, 233, 0.16), transparent 34%),
            linear-gradient(135deg, #020714 0%, #071426 48%, #02040a 100%);
}

.pr-root[b-b1273dhza1]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
            linear-gradient(90deg, rgba(80, 150, 255, 0.035) 1px, transparent 1px),
            linear-gradient(0deg, rgba(80, 150, 255, 0.03) 1px, transparent 1px);
    background-size: 76px 76px;
    mask-image: radial-gradient(circle at center, black 0%, transparent 78%);
    pointer-events: none;
}

.pr-root[b-b1273dhza1]::after {
    content: "";
    position: absolute;
    inset: auto -10% -20% -10%;
    height: 36vh;
    background: repeating-linear-gradient(
            115deg,
            rgba(51, 132, 255, 0.12) 0 1px,
            transparent 1px 18px
    );
    opacity: 0.28;
    transform: perspective(700px) rotateX(62deg);
    transform-origin: bottom;
    pointer-events: none;
}

.pr-noise[b-b1273dhza1] {
    position: absolute;
    inset: 0;
    opacity: 0.15;
    pointer-events: none;
    background-image:
            radial-gradient(circle at 20% 20%, rgba(255,255,255,0.08) 0 1px, transparent 1px),
            radial-gradient(circle at 80% 70%, rgba(255,255,255,0.06) 0 1px, transparent 1px);
    background-size: 120px 120px, 180px 180px;
}

.pr-grid[b-b1273dhza1] {
    position: absolute;
    inset: 7% 8% 8% 8%;
    border: 1px solid rgba(95, 155, 255, 0.08);
    background:
            linear-gradient(90deg, transparent 0 24%, rgba(59, 130, 246, 0.13) 24.2% 24.5%, transparent 24.7%),
            linear-gradient(0deg, transparent 0 52%, rgba(59, 130, 246, 0.12) 52.2% 52.4%, transparent 52.7%);
    opacity: 0.55;
    pointer-events: none;
}

.pr-blueprint[b-b1273dhza1] {
    position: absolute;
    right: -8%;
    bottom: 8%;
    width: 38vw;
    height: 46vh;
    opacity: 0.12;
    pointer-events: none;
    border: 1px solid rgba(120, 170, 255, 0.18);
    transform: skewY(-12deg);
    background:
            linear-gradient(90deg, transparent 0 20%, rgba(80, 150, 255, 0.35) 20.1% 20.4%, transparent 20.6%),
            linear-gradient(90deg, transparent 0 64%, rgba(80, 150, 255, 0.26) 64.1% 64.4%, transparent 64.6%),
            linear-gradient(0deg, transparent 0 40%, rgba(80, 150, 255, 0.24) 40.1% 40.4%, transparent 40.6%);
    filter: drop-shadow(0 0 28px rgba(59, 130, 246, 0.25));
}

.pr-shell[b-b1273dhza1] {
    position: relative;
    z-index: 2;
    min-height: 100vh;
    padding: 42px 38px 34px;
}

.pr-register[b-b1273dhza1] {
    width: min(1460px, calc(100vw - 76px));
    margin: 0 auto;
    padding: 30px;
    border-radius: 20px;
    background:
            radial-gradient(circle at 100% 0%, rgba(59, 130, 246, 0.12), transparent 34%),
            rgba(4, 13, 27, 0.66);
    border: 1px solid rgba(121, 171, 255, 0.34);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.06),
            0 34px 110px rgba(0,0,0,0.36),
            0 0 70px rgba(37, 99, 235, 0.18);
    backdrop-filter: blur(16px);
}

.pr-head[b-b1273dhza1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 28px;
    margin-bottom: 26px;
}

.pr-eyebrow[b-b1273dhza1] {
    margin-bottom: 8px;
    color: #3b91ff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.pr-head h1[b-b1273dhza1] {
    margin: 0;
    color: white;
    font-size: 34px;
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.pr-head p[b-b1273dhza1] {
    margin: 10px 0 0;
    color: rgba(226, 237, 255, 0.68);
    font-size: 14px;
}

.pr-tools[b-b1273dhza1] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.pr-search[b-b1273dhza1] {
    position: relative;
    width: 340px;
}

.pr-search span[b-b1273dhza1] {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(226, 237, 255, 0.52);
    pointer-events: none;
}

.pr-search input[b-b1273dhza1],
.pr-select[b-b1273dhza1] {
    height: 48px;
    color: white;
    background: rgba(3, 10, 24, 0.58);
    border: 1px solid rgba(121, 171, 255, 0.22);
    border-radius: 12px;
    outline: none;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.04),
            0 20px 60px rgba(0,0,0,0.20);
    backdrop-filter: blur(14px);
}

.pr-search input[b-b1273dhza1] {
    width: 100%;
    padding: 0 16px 0 44px;
}

.pr-select[b-b1273dhza1] {
    min-width: 138px;
    padding: 0 14px;
}

.pr-search input[b-b1273dhza1]::placeholder {
    color: rgba(203, 213, 225, 0.48);
}

.pr-search input:focus[b-b1273dhza1],
.pr-select:focus[b-b1273dhza1] {
    border-color: rgba(96, 165, 250, 0.72);
    box-shadow:
            0 0 0 3px rgba(37, 99, 235, 0.18),
            inset 0 1px 0 rgba(255,255,255,0.05),
            0 20px 60px rgba(0,0,0,0.20);
}

.pr-btn[b-b1273dhza1] {
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 22px;
    border-radius: 12px;
    border: 0;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    white-space: nowrap;
}

.pr-btn--primary[b-b1273dhza1] {
    color: white;
    background: linear-gradient(180deg, #3488ff 0%, #155dff 100%);
    border: 1px solid rgba(96, 165, 250, 0.42);
    box-shadow:
            0 16px 36px rgba(37, 99, 235, 0.36),
            inset 0 1px 0 rgba(255,255,255,0.32),
            inset 0 -1px 0 rgba(0,0,0,0.18);
}

.pr-btn:disabled[b-b1273dhza1] {
    opacity: 0.6;
    cursor: not-allowed;
}

.pr-spin[b-b1273dhza1] {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    border: 2px solid rgba(255,255,255,0.28);
    border-top-color: rgba(255,255,255,.92);
    animation: pr-spin-b-b1273dhza1 800ms linear infinite;
}

@keyframes pr-spin-b-b1273dhza1 {
    to { transform: rotate(360deg); }
}

.pr-alert[b-b1273dhza1] {
    display: grid;
    gap: 4px;
    margin-bottom: 20px;
    padding: 18px 20px;
    color: #fecaca;
    border: 1px solid rgba(248, 113, 113, 0.36);
    border-radius: 16px;
    background: rgba(127, 29, 29, 0.26);
}

.pr-tablePanel[b-b1273dhza1] {
    overflow: hidden;
    border-radius: 16px;
    background: rgba(4, 13, 27, 0.54);
    border: 1px solid rgba(121, 171, 255, 0.24);
    box-shadow: 0 24px 70px rgba(0,0,0,0.24);
}

.pr-meta[b-b1273dhza1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    border-bottom: 1px solid rgba(121, 171, 255, 0.18);
    background: rgba(255,255,255,0.03);
}

.pr-meta__left[b-b1273dhza1] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.pr-chip[b-b1273dhza1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    color: rgba(226, 237, 255, 0.76);
    background: rgba(3, 10, 24, 0.42);
    border: 1px solid rgba(121, 171, 255, 0.18);
    font-size: 13px;
}

.pr-chip b[b-b1273dhza1] {
    color: white;
}

.pr-chip em[b-b1273dhza1] {
    color: rgba(226, 237, 255, 0.4);
    font-style: normal;
}

.pr-meta__right[b-b1273dhza1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(226, 237, 255, 0.58);
    font-size: 13px;
}

.pr-info[b-b1273dhza1] {
    width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: #93c5fd;
    border: 1px solid rgba(147, 197, 253, 0.34);
    font-size: 11px;
    font-weight: 900;
}

.pr-tableWrap[b-b1273dhza1] {
    overflow: auto;
    max-height: calc(100vh - 320px);
}

.pr-table[b-b1273dhza1] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.pr-table thead th[b-b1273dhza1] {
    position: sticky;
    top: 0;
    z-index: 2;
    text-align: left;
    padding: 16px 20px;
    color: rgba(226, 237, 255, 0.74);
    background: rgba(12, 31, 66, 0.92);
    border-bottom: 1px solid rgba(121, 171, 255, 0.22);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.pr-table tbody td[b-b1273dhza1] {
    padding: 15px 20px;
    color: rgba(235, 243, 255, 0.90);
    border-bottom: 1px solid rgba(121, 171, 255, 0.12);
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pr-table tbody tr[b-b1273dhza1] {
    cursor: pointer;
    background: rgba(255,255,255,0.015);
    transition: background 130ms ease;
}

.pr-table tbody tr:nth-child(even)[b-b1273dhza1] {
    background: rgba(255,255,255,0.035);
}

.pr-table tbody tr:hover[b-b1273dhza1],
.pr-table tbody tr.is-selected[b-b1273dhza1] {
    background: rgba(59, 130, 246, 0.14);
}

.pr-mono[b-b1273dhza1] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

.pr-strong[b-b1273dhza1] {
    color: white !important;
    font-weight: 900;
}

.pr-status[b-b1273dhza1],
.pr-active[b-b1273dhza1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 76px;
    height: 25px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
}

.pr-status.is-progress[b-b1273dhza1] {
    color: #86efac;
    background: rgba(34, 197, 94, 0.16);
    border: 1px solid rgba(34, 197, 94, 0.28);
}

.pr-status.is-review[b-b1273dhza1] {
    color: #60a5fa;
    background: rgba(37, 99, 235, 0.18);
    border: 1px solid rgba(37, 99, 235, 0.34);
}

.pr-status.is-revision[b-b1273dhza1] {
    color: #fbbf24;
    background: rgba(245, 158, 11, 0.15);
    border: 1px solid rgba(245, 158, 11, 0.34);
}

.pr-status.is-closed[b-b1273dhza1] {
    color: #cbd5e1;
    background: rgba(148, 163, 184, 0.12);
    border: 1px solid rgba(148, 163, 184, 0.24);
}

.pr-status.is-cancelled[b-b1273dhza1] {
    color: #cbd5e1;
    background: rgba(148, 163, 184, 0.12);
    border: 1px solid rgba(148, 163, 184, 0.24);
}

.pr-active.is-on[b-b1273dhza1] {
    min-width: 48px;
    color: #86efac;
    background: rgba(34, 197, 94, 0.16);
    border: 1px solid rgba(34, 197, 94, 0.28);
}

.pr-active.is-off[b-b1273dhza1] {
    min-width: 48px;
    color: #cbd5e1;
    background: rgba(148, 163, 184, 0.12);
    border: 1px solid rgba(148, 163, 184, 0.24);
}

.pr-open[b-b1273dhza1] {
    height: 34px;
    min-width: 86px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #eaf3ff;
    background: rgba(3, 10, 24, 0.38);
    border: 1px solid rgba(147, 197, 253, 0.28);
    border-radius: 10px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.pr-open:hover[b-b1273dhza1] {
    border-color: rgba(147, 197, 253, 0.58);
    background: rgba(37, 99, 235, 0.20);
}

.pr-empty[b-b1273dhza1] {
    padding: 36px 20px !important;
    text-align: center;
    color: rgba(226, 237, 255, 0.58) !important;
}

.pr-footer[b-b1273dhza1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    border-top: 1px solid rgba(121, 171, 255, 0.18);
    background: rgba(255,255,255,0.025);
}

.pr-pages[b-b1273dhza1] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.pr-pageCtrl[b-b1273dhza1],
.pr-page[b-b1273dhza1] {
    height: 34px;
    border-radius: 10px;
    border: 1px solid rgba(121, 171, 255, 0.22);
    color: rgba(226, 237, 255, 0.78);
    background: rgba(3, 10, 24, 0.38);
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.pr-pageCtrl[b-b1273dhza1] {
    padding: 0 14px;
}

.pr-page[b-b1273dhza1] {
    min-width: 34px;
    padding: 0 10px;
}

.pr-page.is-active[b-b1273dhza1] {
    color: white;
    background: linear-gradient(180deg, #3488ff 0%, #155dff 100%);
    border-color: rgba(147, 197, 253, 0.42);
}

.pr-pageCtrl:disabled[b-b1273dhza1],
.pr-page:disabled[b-b1273dhza1] {
    opacity: 0.45;
    cursor: not-allowed;
}

.pr-ellipsis[b-b1273dhza1] {
    color: rgba(226, 237, 255, 0.5);
}

.pr-count[b-b1273dhza1] {
    color: rgba(226, 237, 255, 0.62);
    font-size: 13px;
}

.pr-count b[b-b1273dhza1] {
    color: white;
}

.sk[b-b1273dhza1] {
    height: 12px;
    border-radius: 999px;
    background: linear-gradient(
            90deg,
            rgba(255,255,255,0.05),
            rgba(255,255,255,0.14),
            rgba(255,255,255,0.05)
    );
    background-size: 220% 100%;
    animation: pr-shimmer-b-b1273dhza1 1.1s ease-in-out infinite;
}

.sk--w1[b-b1273dhza1] { width: 90px; }
.sk--w2[b-b1273dhza1] { width: 120px; }
.sk--w3[b-b1273dhza1] { width: 220px; }

@keyframes pr-shimmer-b-b1273dhza1 {
    from { background-position: 0% 0; }
    to { background-position: 100% 0; }
}

.pr-systemFooter[b-b1273dhza1] {
    width: min(1460px, calc(100vw - 76px));
    margin: 20px auto 0;
    display: flex;
    align-items: center;
    gap: 18px;
    color: rgba(226, 237, 255, 0.56);
    font-size: 12px;
}

.pr-health[b-b1273dhza1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.pr-health i[b-b1273dhza1] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 14px rgba(34, 197, 94, 0.72);
}

.pr-systemFooter__right[b-b1273dhza1] {
    margin-left: auto;
}

.pr-systemFooter__right em[b-b1273dhza1] {
    margin: 0 8px;
    font-style: normal;
}

.pr-toast[b-b1273dhza1] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    width: min(390px, calc(100vw - 32px));
    padding: 16px 18px;
    border-radius: 16px;
    color: white;
    background:
            radial-gradient(circle at 100% 0%, rgba(59, 130, 246, 0.18), transparent 40%),
            rgba(4, 13, 27, 0.88);
    border: 1px solid rgba(121, 171, 255, 0.32);
    box-shadow:
            0 24px 70px rgba(0,0,0,0.34),
            0 0 36px rgba(37, 99, 235, 0.18);
    backdrop-filter: blur(16px);
    z-index: 5000;
    animation: pr-toast-in-b-b1273dhza1 220ms ease-out;
}

.pr-toast__close[b-b1273dhza1] {
    position: absolute;
    top: 14px;
    right: 14px;
    border: 0;
    background: transparent;
    color: #60a5fa;
    font-size: 22px;
    cursor: pointer;
}

.pr-toast__header[b-b1273dhza1] {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 12px;
}

.pr-toast__avatar[b-b1273dhza1] {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid rgba(147, 197, 253, 0.34);
}

.pr-toast__title[b-b1273dhza1] {
    margin-bottom: 4px;
    color: #9ec7ff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

.pr-toast__author[b-b1273dhza1] {
    color: rgba(226, 237, 255, 0.62);
    font-size: 12px;
}

.pr-toast__body[b-b1273dhza1] {
    color: rgba(255, 255, 255, 0.90);
    font-size: 14px;
    line-height: 1.45;
}

@keyframes pr-toast-in-b-b1273dhza1 {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 1100px) {
    .pr-head[b-b1273dhza1] {
        flex-direction: column;
    }

    .pr-tools[b-b1273dhza1] {
        width: 100%;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .pr-search[b-b1273dhza1] {
        flex: 1;
        min-width: 260px;
    }
}

@media (max-width: 820px) {
    .pr-shell[b-b1273dhza1] {
        padding: 28px 20px;
    }

    .pr-register[b-b1273dhza1],
    .pr-systemFooter[b-b1273dhza1] {
        width: 100%;
    }

    .pr-table thead[b-b1273dhza1] {
        display: none;
    }

    .pr-table[b-b1273dhza1],
    .pr-table tbody[b-b1273dhza1],
    .pr-table tr[b-b1273dhza1],
    .pr-table td[b-b1273dhza1] {
        display: block;
        width: 100%;
    }

    .pr-table tbody tr[b-b1273dhza1] {
        padding: 14px 16px;
    }

    .pr-table tbody td[b-b1273dhza1] {
        padding: 7px 0;
        border-bottom: 0;
        white-space: normal;
    }

    .pr-meta[b-b1273dhza1],
    .pr-footer[b-b1273dhza1],
    .pr-systemFooter[b-b1273dhza1] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pr-systemFooter__right[b-b1273dhza1] {
        margin-left: 0;
    }
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/QuoteBoard.razor.rz.scp.css */
.qb-root[b-jxvfjev2b5] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background: #0c1018;
    color: #eaf1ff;
}

.qb-bg[b-jxvfjev2b5] {
    position: absolute;
    inset: 0;
    background:
            radial-gradient(circle at 15% 10%, rgba(66, 120, 255, 0.20), transparent 28%),
            radial-gradient(circle at 82% 12%, rgba(47, 194, 255, 0.12), transparent 24%),
            linear-gradient(180deg, #0d121b 0%, #0a0e15 100%);
}

.qb-dim[b-jxvfjev2b5] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(8, 12, 18, 0.28), rgba(8, 12, 18, 0.72));
}

.qb-shell[b-jxvfjev2b5] {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    display: grid;
    grid-template-columns: 320px 1fr 320px;
    gap: 18px;
    padding: 18px;
}

.qb-left[b-jxvfjev2b5], .qb-right[b-jxvfjev2b5], .qb-main[b-jxvfjev2b5] {
    min-height: 0;
}

.qb-panel[b-jxvfjev2b5] {
    background: rgba(18, 24, 36, 0.72);
    border: 1px solid rgba(125, 160, 255, 0.18);
    border-radius: 24px;
    padding: 16px;
    backdrop-filter: blur(14px);
    box-shadow: 0 18px 60px rgba(0,0,0,0.32);
    margin-bottom: 16px;
}

.qb-brand[b-jxvfjev2b5] {
    padding: 10px 4px 18px;
}

.qb-kicker[b-jxvfjev2b5] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #88a9ff;
}

.qb-brand h1[b-jxvfjev2b5] {
    margin: 6px 0;
    font-size: 1.8rem;
    font-weight: 700;
}

.qb-sub[b-jxvfjev2b5], .qb-muted[b-jxvfjev2b5] {
    color: #9fb1d9;
}

.qb-sectionTitle[b-jxvfjev2b5] {
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #9db4ff;
    margin-bottom: 12px;
}

.qb-input[b-jxvfjev2b5] {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 14px;
    border: 1px solid rgba(137, 164, 255, 0.22);
    background: rgba(10, 14, 22, 0.75);
    color: #eef4ff;
    padding: 10px 12px;
    outline: none;
}

.qb-textarea[b-jxvfjev2b5] {
    min-height: 120px;
    resize: vertical;
}

.qb-input--color[b-jxvfjev2b5] {
    height: 44px;
    padding: 6px;
}

.qb-btn[b-jxvfjev2b5] {
    width: 100%;
    border: 0;
    border-radius: 14px;
    padding: 11px 14px;
    margin-top: 6px;
    background: linear-gradient(135deg, #5d86ff, #2bb8ff);
    color: white;
    font-weight: 700;
    cursor: pointer;
}

.qb-btn--ghost[b-jxvfjev2b5] {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.08);
}

.qb-main[b-jxvfjev2b5] {
    display: flex;
    flex-direction: column;
}

.qb-topbar[b-jxvfjev2b5] {
    padding: 4px 6px 12px;
}

.qb-status[b-jxvfjev2b5] {
    color: #aabbe0;
}

.qb-stageWrap[b-jxvfjev2b5] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    border-radius: 26px;
    background: rgba(10, 14, 22, 0.62);
    border: 1px solid rgba(133, 167, 255, 0.16);
    backdrop-filter: blur(12px);
    padding: 12px;
}

.qb-stage[b-jxvfjev2b5] {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}

.qb-stageInner[b-jxvfjev2b5] {
    position: relative;
    display: inline-block;
}

.qb-pdfCanvas[b-jxvfjev2b5],
.qb-drawCanvas[b-jxvfjev2b5],
.qb-regionLayer[b-jxvfjev2b5],
.qb-pinLayer[b-jxvfjev2b5] {
    position: absolute;
    inset: 0;
}

.qb-pdfCanvas[b-jxvfjev2b5] {
    position: relative;
    z-index: 1;
    display: block;
    border-radius: 16px;
}

.qb-regionLayer[b-jxvfjev2b5] { z-index: 2; pointer-events: none; }
.qb-drawCanvas[b-jxvfjev2b5] { z-index: 3; cursor: crosshair; }
.qb-pinLayer[b-jxvfjev2b5] { z-index: 4; pointer-events: none; }

.qb-pin[b-jxvfjev2b5] {
    position: absolute;
    width: 22px;
    height: 22px;
    transform: translate(-50%, -100%);
}

.qb-pinDot[b-jxvfjev2b5] {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 999px 999px 999px 0;
    transform: rotate(-45deg);
    background: linear-gradient(135deg, #ff5f57, #ff8e59);
    box-shadow: 0 8px 22px rgba(255, 95, 87, 0.45);
    border: 2px solid rgba(255,255,255,0.9);
}

.qb-pinCard[b-jxvfjev2b5] {
    padding: 12px;
    border-radius: 16px;
    margin-bottom: 10px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
    cursor: pointer;
}

.qb-pinCard.is-selected[b-jxvfjev2b5] {
    border-color: rgba(93, 134, 255, 0.65);
    background: rgba(93, 134, 255, 0.10);
}

.qb-pinCardTitle[b-jxvfjev2b5] {
    font-weight: 700;
    margin-bottom: 4px;
}

.qb-pinCardMeta[b-jxvfjev2b5],
.qb-pinCardNote[b-jxvfjev2b5],
.qb-pinCardExp[b-jxvfjev2b5] {
    color: #b6c5e8;
    font-size: 0.92rem;
}

.qb-attachments[b-jxvfjev2b5] {
    margin-top: 12px;
}

.qb-attachment[b-jxvfjev2b5] {
    display: block;
    color: #87b4ff;
    margin-bottom: 6px;
    text-decoration: none;
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/QuoteGenerate.razor.rz.scp.css */
/* _content/Floorspan.Floorplan.Ui/Components/Pages/QuotePage.razor.rz.scp.css */
.qt-frame[b-j5juy82pfa] {
    width: min(1580px, 96vw);
    margin: 0 auto;
    border-radius: 26px;
    padding: 9px;
    background: linear-gradient(to bottom, dodgerblue 0%, darkblue 100%);
    border: 1.2px solid rgba(255,255,255,0.33);
    box-shadow: 0 0 48px rgba(0,0,0,0.55);
    position: relative;
    z-index: 2;
}

.qt-page[b-j5juy82pfa] {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.qt-card[b-j5juy82pfa]{
    background:rgba(255,255,255,0.96);
    border-radius:18px;
    padding:22px;
    border:1px solid rgba(0,0,0,0.08);
    box-shadow:0 0 18px rgba(0,0,0,0.25);
    backdrop-filter:blur(8px);
}

.qt-head[b-j5juy82pfa]{
    margin-bottom:16px;
}

.qt-chipRow[b-j5juy82pfa]{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
}

.qt-summaryPanel[b-j5juy82pfa],
.qt-toolbarPanel[b-j5juy82pfa]{
    margin-top:14px;
}

.qt-stats[b-j5juy82pfa]{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:12px;
}

@media (max-width: 1200px){
    .qt-stats[b-j5juy82pfa]{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px){
    .qt-stats[b-j5juy82pfa]{
        grid-template-columns:1fr;
    }
}

.qt-stat[b-j5juy82pfa]{
    padding:14px 16px;
    border-radius:16px;
    border:1px solid rgba(17,24,39,0.08);
    background:rgba(255,255,255,0.82);
    display:flex;
    flex-direction:column;
    gap:6px;
    box-shadow:0 10px 18px rgba(0,0,0,0.04);
}

.qt-stat--accent[b-j5juy82pfa]{
    background:linear-gradient(135deg, rgba(77,166,255,0.14) 0%, rgba(111,124,255,0.12) 100%);
    border-color:rgba(77,166,255,0.20);
}

.qt-stat__label[b-j5juy82pfa]{
    font-size:12px;
    font-weight:800;
    color:#6B7280;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.qt-stat__value[b-j5juy82pfa]{
    font-size:20px;
    font-weight:950;
    color:#111827;
}

.qt-toolbar[b-j5juy82pfa]{
    display:flex;
    gap:12px;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
}

.qt-toolbar__right[b-j5juy82pfa]{
    display:flex;
    gap:14px;
    align-items:center;
    flex-wrap:wrap;
}

.qt-search[b-j5juy82pfa]{
    position:relative;
    flex:1 1 420px;
    min-width:280px;
}

.qt-search__icon[b-j5juy82pfa]{
    position:absolute;
    left:12px;
    top:50%;
    transform:translateY(-50%);
    color:#9CA3AF;
    font-size:13px;
    pointer-events:none;
}

.qt-search__input[b-j5juy82pfa]{
    padding-left:34px;
}

.qt-check[b-j5juy82pfa]{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    color:#374151;
    font-weight:700;
}

.qt-list[b-j5juy82pfa]{
    margin-top:16px;
    display:grid;
    gap:14px;
}

.qt-houseCard[b-j5juy82pfa]{
    border:1px solid rgba(17,24,39,0.08);
    border-radius:18px;
    background:linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(247,249,252,0.96) 100%);
    box-shadow:0 12px 24px rgba(0,0,0,0.06);
    overflow:hidden;
}

.qt-houseCard__top[b-j5juy82pfa]{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:14px;
    padding:16px 16px 12px;
}

@media (max-width: 860px){
    .qt-houseCard__top[b-j5juy82pfa]{
        flex-direction:column;
    }

    .qt-houseCard__right[b-j5juy82pfa]{
        width:100%;
        justify-content:flex-start;
    }
}

.qt-houseCard__left[b-j5juy82pfa]{
    min-width:0;
}

.qt-houseCard__titleRow[b-j5juy82pfa]{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.qt-houseCard__title[b-j5juy82pfa]{
    margin:0;
    font-size:18px;
    font-weight:950;
    color:#111827;
}

.qt-houseCard__meta[b-j5juy82pfa]{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-top:10px;
}

.qt-houseCard__right[b-j5juy82pfa]{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
}

.qt-badge[b-j5juy82pfa]{
    display:inline-flex;
    align-items:center;
    padding:6px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    letter-spacing:.03em;
    text-transform:uppercase;
    border:1px solid transparent;
}

.qt-badge--ok[b-j5juy82pfa]{
    color:#065F46;
    background:rgba(16,185,129,0.12);
    border-color:rgba(16,185,129,0.18);
}

.qt-badge--muted[b-j5juy82pfa]{
    color:#6B7280;
    background:rgba(17,24,39,0.05);
    border-color:rgba(17,24,39,0.08);
}

.qt-houseCard__summary[b-j5juy82pfa]{
    padding:0 16px 14px;
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:10px;
}

@media (max-width: 1100px){
    .qt-houseCard__summary[b-j5juy82pfa]{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px){
    .qt-houseCard__summary[b-j5juy82pfa]{
        grid-template-columns:1fr;
    }
}

.qt-miniStat[b-j5juy82pfa]{
    padding:12px 14px;
    border-radius:14px;
    background:rgba(255,255,255,0.82);
    border:1px solid rgba(17,24,39,0.08);
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
}

.qt-miniStat__label[b-j5juy82pfa]{
    font-size:12px;
    color:#6B7280;
    font-weight:700;
}

.qt-previewRows[b-j5juy82pfa]{
    border-top:1px solid rgba(17,24,39,0.08);
    padding:0 16px 12px;
}

.qt-previewRow[b-j5juy82pfa]{
    display:flex;
    justify-content:space-between;
    gap:14px;
    align-items:center;
    padding:12px 0;
    border-bottom:1px solid rgba(17,24,39,0.06);
}

@media (max-width: 860px){
    .qt-previewRow[b-j5juy82pfa]{
        flex-direction:column;
        align-items:flex-start;
    }
}

.qt-previewRow__main[b-j5juy82pfa]{
    min-width:0;
}

.qt-previewRow__title[b-j5juy82pfa]{
    font-size:14px;
    font-weight:900;
    color:#111827;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.qt-previewRow__sub[b-j5juy82pfa]{
    margin-top:4px;
    font-size:12px;
    color:#6B7280;
}

.qt-previewRow__metrics[b-j5juy82pfa]{
    display:flex;
    gap:14px;
    align-items:center;
    flex-wrap:wrap;
    font-size:13px;
    color:#374151;
    flex-shrink:0;
}

.qt-previewMore[b-j5juy82pfa]{
    padding-top:12px;
    font-size:12px;
    font-weight:800;
    color:#6B7280;
}

.qt-detailBlock[b-j5juy82pfa]{
    padding:0 16px 16px;
    border-top:1px solid rgba(17,24,39,0.08);
    background:rgba(249,250,251,0.66);
}

.qt-tableWrap[b-j5juy82pfa]{
    margin-top:14px;
    overflow:auto;
    max-height:420px;
    border-radius:16px;
    border:1px solid rgba(17,24,39,0.10);
    background:rgba(255,255,255,0.88);
}

.qt-table[b-j5juy82pfa]{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.qt-table thead th[b-j5juy82pfa]{
    text-align:left;
    font-size:12px;
    font-weight:900;
    color:#6B7280;
    background:rgba(17,24,39,0.04);
    border-bottom:1px solid rgba(17,24,39,0.10);
    padding:10px;
}

.qt-table tbody td[b-j5juy82pfa]{
    padding:10px;
    border-bottom:1px solid rgba(17,24,39,0.08);
    background:rgba(255,255,255,0.70);
    vertical-align:middle;
}

.qt-table tbody tr:nth-child(even) td[b-j5juy82pfa]{
    background:rgba(249,250,251,0.90);
}

.qt-detailTotals[b-j5juy82pfa]{
    margin-top:12px;
    padding:14px;
    border-radius:16px;
    background:rgba(255,255,255,0.82);
    border:1px solid rgba(17,24,39,0.08);
}

.qt-detailTotals__row[b-j5juy82pfa]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:8px 0;
    color:#111827;
}

.qt-detailTotals__row--grand[b-j5juy82pfa]{
    margin-top:4px;
    padding-top:12px;
    border-top:1px solid rgba(17,24,39,0.10);
    font-size:15px;
    font-weight:950;
}

.qt-strong[b-j5juy82pfa]{
    font-weight:950;
    color:#111827;
}

.col-sku[b-j5juy82pfa]{ width:138px; }
.col-mode[b-j5juy82pfa]{ width:124px; }
.col-len[b-j5juy82pfa]{ width:124px; }
.col-num[b-j5juy82pfa]{ width:118px; }

@media (max-width: 980px){
    .qt-card[b-j5juy82pfa]{
        padding:16px;
    }

    .col-sku[b-j5juy82pfa]{ width:120px; }
    .col-mode[b-j5juy82pfa]{ width:110px; }
    .col-len[b-j5juy82pfa]{ width:110px; }
    .col-num[b-j5juy82pfa]{ width:100px; }
}

@media (max-width: 760px){
    .qt-frame[b-j5juy82pfa]{
        width:min(98vw, 98vw);
    }

    .qt-card[b-j5juy82pfa]{
        padding:14px;
    }

    .qt-tableWrap[b-j5juy82pfa]{
        max-height:none;
    }
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/Registration/Login.razor.rz.scp.css */
.login-root[b-yt1ux3lyqa] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #d9e7ff;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:
            radial-gradient(circle at 50% 35%, rgba(37, 99, 235, 0.34), transparent 32%),
            radial-gradient(circle at 70% 72%, rgba(14, 165, 233, 0.16), transparent 34%),
            linear-gradient(135deg, #030712 0%, #071426 48%, #02040a 100%);
}

.login-root[b-yt1ux3lyqa]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
            linear-gradient(90deg, rgba(80, 150, 255, 0.035) 1px, transparent 1px),
            linear-gradient(0deg, rgba(80, 150, 255, 0.03) 1px, transparent 1px);
    background-size: 76px 76px;
    mask-image: radial-gradient(circle at center, black 0%, transparent 78%);
    pointer-events: none;
}

.login-root[b-yt1ux3lyqa]::after {
    content: "";
    position: absolute;
    inset: auto -10% -20% -10%;
    height: 36vh;
    background: repeating-linear-gradient(
            115deg,
            rgba(51, 132, 255, 0.12) 0 1px,
            transparent 1px 18px
    );
    opacity: 0.28;
    transform: perspective(700px) rotateX(62deg);
    transform-origin: bottom;
    pointer-events: none;
}

.login-noise[b-yt1ux3lyqa] {
    position: absolute;
    inset: 0;
    opacity: 0.16;
    pointer-events: none;
    background-image:
            radial-gradient(circle at 20% 20%, rgba(255,255,255,0.08) 0 1px, transparent 1px),
            radial-gradient(circle at 80% 70%, rgba(255,255,255,0.06) 0 1px, transparent 1px);
    background-size: 120px 120px, 180px 180px;
}

.login-grid[b-yt1ux3lyqa] {
    position: absolute;
    inset: 8% 12%;
    border: 1px solid rgba(95, 155, 255, 0.08);
    background:
            linear-gradient(90deg, transparent 0 24%, rgba(59, 130, 246, 0.13) 24.2% 24.5%, transparent 24.7%),
            linear-gradient(0deg, transparent 0 52%, rgba(59, 130, 246, 0.12) 52.2% 52.4%, transparent 52.7%);
    opacity: 0.55;
    pointer-events: none;
}

.login-blueprint[b-yt1ux3lyqa] {
    position: absolute;
    inset: 12% 22%;
    opacity: 0.16;
    pointer-events: none;
    background:
            linear-gradient(90deg, transparent 0 18%, rgba(80, 150, 255, 0.35) 18.1% 18.4%, transparent 18.5%),
            linear-gradient(90deg, transparent 0 57%, rgba(80, 150, 255, 0.2) 57.1% 57.3%, transparent 57.5%),
            linear-gradient(0deg, transparent 0 47%, rgba(80, 150, 255, 0.28) 47.1% 47.4%, transparent 47.6%);
    filter: drop-shadow(0 0 18px rgba(59, 130, 246, 0.2));
}

.login-center[b-yt1ux3lyqa] {
    position: relative;
    z-index: 5;
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 48px 24px;
}

/* ===== Main Login Card ===== */

.login-auth[b-yt1ux3lyqa] {
    position: relative;
    width: min(360px, calc(100vw - 48px));
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.82);
    background:
            radial-gradient(circle at 50% 0%, #ffffff 0%, rgba(255,255,255,0.94) 34%, transparent 36%),
            linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow:
            0 34px 110px rgba(0, 0, 0, 0.44),
            0 0 70px rgba(37, 99, 235, 0.22);
    overflow: hidden;
    transition: min-height 260ms ease;
}

.login-auth[b-yt1ux3lyqa]::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background:
            linear-gradient(90deg, rgba(20, 80, 180, 0.035) 1px, transparent 1px),
            linear-gradient(0deg, rgba(20, 80, 180, 0.03) 1px, transparent 1px);
    background-size: 34px 34px;
}

.auth-panel[b-yt1ux3lyqa] {
    position: absolute;
    inset: 30px 34px 68px;
    transition:
            opacity 210ms ease,
            transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.brand-stack[b-yt1ux3lyqa] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.logo-img[b-yt1ux3lyqa] {
    width: 170px;
    height: 170px;
    object-fit: contain;
    margin-bottom: 8px;
    filter: drop-shadow(0 18px 34px rgba(15, 23, 42, 0.16));
}

.brand-copy[b-yt1ux3lyqa] {
    text-align: center;
    margin-bottom: 26px;
}

.brand-kicker[b-yt1ux3lyqa] {
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.17em;
    color: #8a98ad;
}

.tagline[b-yt1ux3lyqa] {
    font-size: 14px;
    font-weight: 600;
    color: #66758d;
}

/* ===== Login Buttons ===== */

.login-btn[b-yt1ux3lyqa] {
    position: relative;
    width: 100%;
    height: 42px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    overflow: hidden;
    display: grid;
    grid-template-columns: 38px 1fr 38px;
    align-items: center;
    transition:
            transform 140ms ease,
            box-shadow 140ms ease,
            border-color 140ms ease,
            background 140ms ease;
}

.login-btn > span:nth-child(2)[b-yt1ux3lyqa],
.login-btn > span:only-child[b-yt1ux3lyqa] {
    grid-column: 2;
    justify-self: center;
}

.login-btn:disabled[b-yt1ux3lyqa] {
    cursor: not-allowed;
    opacity: 0.65;
}

.login-btn.primary[b-yt1ux3lyqa] {
    border: 1px solid rgba(35, 91, 170, 0.48);
    color: white;
    background:
            linear-gradient(180deg, rgba(54, 134, 238, 1) 0%, rgba(34, 91, 162, 1) 100%);
    box-shadow:
            0 12px 24px rgba(30, 64, 175, 0.28),
            inset 0 1px 0 rgba(255,255,255,0.32),
            inset 0 -1px 0 rgba(0,0,0,0.16);
}

.login-btn.primary[b-yt1ux3lyqa]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
            linear-gradient(
                    90deg,
                    rgba(255,255,255,0.16),
                    transparent 34%,
                    transparent 66%,
                    rgba(255,255,255,0.08)
            );
    opacity: 0.7;
    pointer-events: none;
}

.login-btn.primary:hover[b-yt1ux3lyqa] {
    transform: translateY(-1px);
    box-shadow:
            0 16px 30px rgba(30, 64, 175, 0.34),
            inset 0 1px 0 rgba(255,255,255,0.38),
            inset 0 -1px 0 rgba(0,0,0,0.18);
}

.login-btn.primary:active[b-yt1ux3lyqa] {
    transform: translateY(0);
}

.login-btn.secondary[b-yt1ux3lyqa] {
    color: #111827;
    background:
            linear-gradient(180deg, #ffffff 0%, #f4f7fb 100%);
    border: 1px solid rgba(120, 134, 156, 0.36);
    box-shadow:
            0 8px 18px rgba(15, 23, 42, 0.08),
            inset 0 1px 0 rgba(255,255,255,0.95),
            inset 0 -1px 0 rgba(15,23,42,0.04);
}

.login-btn.secondary:hover[b-yt1ux3lyqa] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.42);
    background:
            linear-gradient(180deg, #ffffff 0%, #eef5ff 100%);
}

.btn-ms-mark[b-yt1ux3lyqa] {
    grid-column: 1;
    justify-self: center;
    width: 16px;
    height: 16px;
    background:
            linear-gradient(#f25022 0 0) top left,
            linear-gradient(#7fba00 0 0) top right,
            linear-gradient(#00a4ef 0 0) bottom left,
            linear-gradient(#ffb900 0 0) bottom right;
    background-size: 46% 46%;
    background-repeat: no-repeat;
}

.btn-user-icon[b-yt1ux3lyqa] {
    grid-column: 1;
    justify-self: center;
    color: #64748b;
    font-size: 18px;
    line-height: 1;
}

/* ===== Auth Content ===== */

.auth-divider[b-yt1ux3lyqa] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 14px;
    align-items: center;
    margin: 20px 0;
}

.auth-divider span[b-yt1ux3lyqa] {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(100, 116, 139, 0.24), transparent);
}

.auth-divider em[b-yt1ux3lyqa] {
    font-style: normal;
    font-size: 9px;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.11em;
}

.secure-note[b-yt1ux3lyqa] {
    margin-top: 26px;
    font-size: 12px;
    color: #7a8aa1;
    text-align: center;
}

.creds-stack[b-yt1ux3lyqa] {
    display: flex;
    flex-direction: column;
}

.creds-head[b-yt1ux3lyqa] {
    margin-bottom: 24px;
}

.back-link[b-yt1ux3lyqa] {
    border: 0;
    padding: 0;
    margin-bottom: 18px;
    background: transparent;
    color: #2563eb;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.creds-head h1[b-yt1ux3lyqa] {
    margin: 0 0 6px;
    color: #111827;
    font-size: 24px;
    line-height: 1.1;
    letter-spacing: -0.03em;
}

.creds-head p[b-yt1ux3lyqa] {
    margin: 0;
    color: #748096;
    font-size: 13px;
}

.label[b-yt1ux3lyqa] {
    margin: 0 0 7px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.input[b-yt1ux3lyqa] {
    height: 44px;
    margin-bottom: 16px;
    padding: 0 14px;
    color: #172033;
    background: #fbfdff;
    border: 1px solid rgba(100, 116, 139, 0.28);
    border-radius: 9px;
    outline: none;
    box-shadow:
            inset 0 1px 2px rgba(15, 23, 42, 0.04),
            0 1px 0 rgba(255,255,255,0.8);
}

.input[b-yt1ux3lyqa]::placeholder {
    color: #aab4c4;
}

.input:focus[b-yt1ux3lyqa] {
    border-color: rgba(37, 99, 235, 0.58);
    box-shadow:
            0 0 0 3px rgba(37, 99, 235, 0.12),
            inset 0 1px 2px rgba(15, 23, 42, 0.04);
}

.row-options[b-yt1ux3lyqa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 2px 0 20px;
    color: #64748b;
    font-size: 12px;
}

.row-options label[b-yt1ux3lyqa] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.text-link[b-yt1ux3lyqa],
.register-link[b-yt1ux3lyqa] {
    border: 0;
    background: transparent;
    color: #2563eb;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.register-link[b-yt1ux3lyqa] {
    margin-top: 18px;
}

.alert.error[b-yt1ux3lyqa] {
    margin-top: 18px;
    padding: 12px 14px;
    border-radius: 10px;
    color: #991b1b;
    background: #fef2f2;
    border: 1px solid #fecaca;
    font-size: 13px;
}

.auth-footer[b-yt1ux3lyqa] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 22px;
    text-align: center;
    font-size: 12px;
    color: #91a0b5;
}

.auth-footer span[b-yt1ux3lyqa] {
    margin: 0 8px;
}

/* ===== Side Layout ===== */

.login-left-meta[b-yt1ux3lyqa],
.login-right-meta[b-yt1ux3lyqa] {
    position: absolute;
    z-index: 3;
    color: rgba(216, 231, 255, 0.78);
}

/* ===== Full Height Left Slideshow ===== */

.login-left-slideshow[b-yt1ux3lyqa] {
    position: absolute;
    inset: 0 auto 0 0;
    z-index: 3;
    width: clamp(320px, 24vw, 430px);
    overflow: hidden;
    border-right: 1px solid rgba(121, 171, 255, 0.22);
    background: rgba(2, 6, 23, 0.55);
    box-shadow:
            24px 0 90px rgba(0, 0, 0, 0.34),
            0 0 80px rgba(37, 99, 235, 0.12);
}

.slide-stage[b-yt1ux3lyqa] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.showcase-slide[b-yt1ux3lyqa] {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: scale(1.035);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition:
            opacity 900ms ease,
            transform 1400ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.showcase-slide.is-active[b-yt1ux3lyqa] {
    opacity: 1;
    transform: scale(1);
}

.slide-vignette[b-yt1ux3lyqa] {
    position: absolute;
    inset: 0;
    background:
            linear-gradient(180deg, rgba(2, 6, 18, 0.04), transparent 28%, rgba(2, 6, 18, 0.46) 100%),
            radial-gradient(circle at 50% 42%, transparent 0%, rgba(2, 6, 18, 0.16) 82%),
            linear-gradient(90deg, transparent 0%, rgba(2, 6, 18, 0.20) 100%);
    pointer-events: none;
}

.slide-caption[b-yt1ux3lyqa] {
    position: absolute;
    left: 38px;
    right: 38px;
    bottom: 104px;
    z-index: 2;
}

.slide-kicker[b-yt1ux3lyqa] {
    margin-bottom: 12px;
    color: rgba(191, 219, 254, 0.72);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.slide-caption h2[b-yt1ux3lyqa] {
    margin: 0;
    max-width: 300px;
    color: #ffffff;
    font-size: 30px;
    line-height: 1.04;
    letter-spacing: -0.045em;
    text-shadow:
            0 2px 12px rgba(0, 0, 0, 0.45),
            0 18px 46px rgba(0, 0, 0, 0.55);
}

.slide-controls[b-yt1ux3lyqa] {
    position: absolute;
    left: 34px;
    right: 34px;
    bottom: 38px;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.slide-arrow[b-yt1ux3lyqa] {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 999px;
    display: grid;
    place-items: center;
    color: rgba(226, 240, 255, 0.82);
    background: rgba(2, 6, 18, 0.28);
    backdrop-filter: blur(12px);
    font-size: 34px;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
    transition:
            transform 160ms ease,
            background 160ms ease,
            color 160ms ease;
}

.slide-arrow:hover[b-yt1ux3lyqa] {
    transform: translateY(-1px);
    color: #ffffff;
    background: rgba(37, 99, 235, 0.34);
}

.slide-dots[b-yt1ux3lyqa] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
}

.slide-dot[b-yt1ux3lyqa] {
    width: 9px;
    height: 9px;
    padding: 0;
    border: 1px solid rgba(226, 240, 255, 0.72);
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
    transition:
            width 180ms ease,
            background 180ms ease,
            border-color 180ms ease,
            box-shadow 180ms ease;
}

.slide-dot.is-active[b-yt1ux3lyqa] {
    width: 28px;
    background: #2f80ff;
    border-color: #2f80ff;
    box-shadow:
            0 0 18px rgba(47, 128, 255, 0.68),
            0 8px 18px rgba(0, 0, 0, 0.28);
}

.login-left-meta[b-yt1ux3lyqa] {
    left: 64px;
    top: 50%;
    width: 390px;
    transform: translateY(-50%);
}

.login-right-meta[b-yt1ux3lyqa] {
    position: absolute;
    right: clamp(0.25rem, 1.25vw, 2rem);    top: 50%;
    transform: translateY(-50%);
    width: min(42vw, 640px);
    height: min(82vh, 820px);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
}

.login-technical-art[b-yt1ux3lyqa] {
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 1.00;
    filter:
            drop-shadow(0 0 24px rgba(56, 139, 255, 0.18))
            drop-shadow(0 0 70px rgba(12, 55, 120, 0.24));
}

.login-technical-art-img[b-yt1ux3lyqa] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
    user-select: none;
}

/* Hide the right technical image when space gets tight */
@media (max-width: 1180px) {
    .login-right-meta[b-yt1ux3lyqa] {
        display: none;
    }
}

/* Also hide on heavy browser zoom / short layouts */
@media (max-height: 720px) {
    .login-right-meta[b-yt1ux3lyqa] {
        display: none;
    }
}

/* ===== Left Preview Card ===== */

.preview-card[b-yt1ux3lyqa] {
    position: relative;
    width: 100%;
    padding: 24px;
    overflow: hidden;
    border-radius: 22px;
    background:
            radial-gradient(circle at 18% 0%, rgba(96, 165, 250, 0.28), transparent 35%),
            radial-gradient(circle at 88% 18%, rgba(14, 165, 233, 0.16), transparent 32%),
            linear-gradient(180deg, rgba(4, 13, 27, 0.68), rgba(4, 13, 27, 0.42));
    border: 1px solid rgba(121, 171, 255, 0.22);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.06),
            0 34px 90px rgba(0,0,0,0.32),
            0 0 60px rgba(37, 99, 235, 0.12);
    backdrop-filter: blur(16px);
}

.preview-card[b-yt1ux3lyqa]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
            linear-gradient(90deg, rgba(147, 197, 253, 0.04) 1px, transparent 1px),
            linear-gradient(0deg, rgba(147, 197, 253, 0.035) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: radial-gradient(circle at 50% 28%, black 0%, transparent 82%);
}

.preview-card[b-yt1ux3lyqa]::after {
    content: "";
    position: absolute;
    right: -80px;
    top: -90px;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: rgba(59, 130, 246, 0.24);
    filter: blur(34px);
    pointer-events: none;
}

.preview-header[b-yt1ux3lyqa],
.preview-body[b-yt1ux3lyqa],
.preview-footer[b-yt1ux3lyqa] {
    position: relative;
    z-index: 2;
}

.preview-header[b-yt1ux3lyqa] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

.preview-kicker[b-yt1ux3lyqa] {
    margin-bottom: 10px;
    color: #bfdbfe;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.preview-header h2[b-yt1ux3lyqa] {
    margin: 0;
    max-width: 240px;
    color: white;
    font-size: 27px;
    line-height: 1.06;
    letter-spacing: -0.045em;
}

.preview-status[b-yt1ux3lyqa] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 32px;
    padding: 0 11px;
    border-radius: 999px;
    color: #dbeafe;
    background: rgba(255, 255, 255, 0.075);
    border: 1px solid rgba(255, 255, 255, 0.11);
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
}

.preview-status span[b-yt1ux3lyqa] {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #4ade80;
    box-shadow: 0 0 14px rgba(74, 222, 128, 0.8);
}

.preview-body[b-yt1ux3lyqa] {
    display: grid;
    gap: 14px;
}

.preview-metric[b-yt1ux3lyqa] {
    padding: 17px;
    border-radius: 16px;
    background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.045));
    border: 1px solid rgba(255, 255, 255, 0.105);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.05),
            0 16px 36px rgba(0,0,0,0.14);
}

.metric-label[b-yt1ux3lyqa] {
    display: block;
    margin-bottom: 8px;
    color: rgba(216, 231, 255, 0.58);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.preview-metric strong[b-yt1ux3lyqa] {
    display: block;
    color: white;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: -0.03em;
}

.preview-grid[b-yt1ux3lyqa] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
}

.preview-tile[b-yt1ux3lyqa] {
    min-height: 108px;
    padding: 14px;
    border-radius: 15px;
    background: rgba(4, 13, 27, 0.36);
    border: 1px solid rgba(121, 171, 255, 0.16);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.04),
            0 12px 28px rgba(0,0,0,0.14);
    transition:
            transform 160ms ease,
            border-color 160ms ease,
            background 160ms ease,
            box-shadow 160ms ease;
}

.preview-tile:hover[b-yt1ux3lyqa] {
    transform: translateY(-2px);
    border-color: rgba(147, 197, 253, 0.34);
    background: rgba(7, 20, 40, 0.52);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.06),
            0 16px 34px rgba(0,0,0,0.2);
}

.tile-icon[b-yt1ux3lyqa] {
    width: 32px;
    height: 32px;
    margin-bottom: 11px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #8dccff;
    border: 1px solid rgba(93, 164, 255, 0.44);
    background:
            linear-gradient(180deg, rgba(37, 99, 235, 0.18), rgba(14, 165, 233, 0.07));
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.14);
}

.preview-tile b[b-yt1ux3lyqa] {
    display: block;
    margin-bottom: 5px;
    color: #f8fbff;
    font-size: 13px;
    font-weight: 900;
}

.preview-tile em[b-yt1ux3lyqa] {
    display: block;
    color: rgba(226, 237, 255, 0.54);
    font-size: 12px;
    font-style: normal;
    line-height: 1.35;
}

.preview-action-row[b-yt1ux3lyqa] {
    display: flex;
    gap: 10px;
    margin-top: 2px;
}

.fake-btn[b-yt1ux3lyqa] {
    position: relative;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
}

.fake-btn.primary[b-yt1ux3lyqa] {
    flex: 1;
    color: white;
    border: 1px solid rgba(35, 91, 170, 0.48);
    background:
            linear-gradient(180deg, rgba(54, 134, 238, 1) 0%, rgba(34, 91, 162, 1) 100%);
    box-shadow:
            0 12px 24px rgba(30, 64, 175, 0.28),
            inset 0 1px 0 rgba(255,255,255,0.32),
            inset 0 -1px 0 rgba(0,0,0,0.16);
}

.fake-btn.primary[b-yt1ux3lyqa]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
            linear-gradient(
                    90deg,
                    rgba(255,255,255,0.16),
                    transparent 34%,
                    transparent 66%,
                    rgba(255,255,255,0.08)
            );
    opacity: 0.7;
    pointer-events: none;
}

.fake-btn.secondary[b-yt1ux3lyqa] {
    color: #dbeafe;
    background: rgba(255, 255, 255, 0.075);
    border: 1px solid rgba(255, 255, 255, 0.11);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
}

.fake-btn-dot[b-yt1ux3lyqa] {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 0 14px rgba(255, 255, 255, 0.75);
}

.preview-footer[b-yt1ux3lyqa] {
    display: flex;
    gap: 8px;
    margin-top: 22px;
}

.preview-footer span[b-yt1ux3lyqa] {
    height: 5px;
    border-radius: 999px;
    background: rgba(191, 219, 254, 0.18);
}

.preview-footer span:nth-child(1)[b-yt1ux3lyqa] {
    width: 44%;
}

.preview-footer span:nth-child(2)[b-yt1ux3lyqa] {
    width: 24%;
}

.preview-footer span:nth-child(3)[b-yt1ux3lyqa] {
    width: 15%;
}

/* ===== Developer Signature ===== */

.developer-signature[b-yt1ux3lyqa] {
    position: absolute;
    right: 34px;
    bottom: 28px;
    z-index: 6;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1px;
    pointer-events: none;
    user-select: none;
    opacity: 0.62;
    transform: rotate(-1.6deg);
    filter:
            drop-shadow(0 0 8px rgba(147, 197, 253, 0.14))
            drop-shadow(0 8px 18px rgba(0, 0, 0, 0.22));
}

.developer-prefix[b-yt1ux3lyqa] {
    margin-right: 4px;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(191, 219, 254, 0.42);
}

.developer-name[b-yt1ux3lyqa] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0;
    font-family:
            "Segoe Script",
            "Brush Script MT",
            "Lucida Handwriting",
            cursive;
    font-size: 17px;
    font-weight: 400;
    line-height: 0.98;
    letter-spacing: 0.015em;
    color: rgba(226, 240, 255, 0.62);
    text-shadow:
            0 0 1px rgba(255, 255, 255, 0.24),
            0 0 14px rgba(96, 165, 250, 0.16),
            0 10px 24px rgba(0, 0, 0, 0.26);
}

.signature-word[b-yt1ux3lyqa] {
    display: block;
    white-space: nowrap;
}

.signature-capital[b-yt1ux3lyqa] {
    display: inline-block;
    margin-right: 1px;
    font-family:
            "Edwardian Script ITC",
            "Segoe Script",
            "Brush Script MT",
            cursive;
    font-size: 28px;
    line-height: 0.72;
    font-weight: 400;
    color: rgba(241, 247, 255, 0.78);
    transform:
            translateY(3px)
            rotate(-5deg);
    text-shadow:
            0 0 1px rgba(255, 255, 255, 0.36),
            0 0 18px rgba(147, 197, 253, 0.2);
}

.developer-signature[b-yt1ux3lyqa]::after {
    content: "";
    width: 86px;
    height: 1px;
    margin-top: 5px;
    background: linear-gradient(
            90deg,
            transparent,
            rgba(191, 219, 254, 0.22),
            rgba(147, 197, 253, 0.1),
            transparent
    );
    opacity: 0.5;
}

/* ===== Responsive ===== */

@media (prefers-reduced-motion: reduce) {
    .orb[b-yt1ux3lyqa] {
        animation: none;
    }

    .login-btn[b-yt1ux3lyqa],
    .preview-tile[b-yt1ux3lyqa] {
        transition: none;
    }
}

@media (max-width: 1200px) {
    .login-left-slideshow[b-yt1ux3lyqa],
    .login-right-meta[b-yt1ux3lyqa],
    .developer-signature[b-yt1ux3lyqa]
    {
        display: none;
    }
}

@media (max-width: 560px) {
    .login-center[b-yt1ux3lyqa] {
        padding: 28px 18px;
    }

    .login-auth[b-yt1ux3lyqa] {
        width: calc(100vw - 36px);
    }

    .auth-panel[b-yt1ux3lyqa] {
        inset: 30px 26px 68px;
    }

    .logo-img[b-yt1ux3lyqa] {
        width: 155px;
        height: 155px;
    }

    .developer-signature[b-yt1ux3lyqa] {
        right: 22px;
        bottom: 18px;
        opacity: 0.46;
    }
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/Registration/Register.razor.rz.scp.css */
.register-root[b-vfbim5kbyz] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #d9e7ff;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:
            radial-gradient(circle at 50% 35%, rgba(37, 99, 235, 0.34), transparent 32%),
            radial-gradient(circle at 70% 72%, rgba(14, 165, 233, 0.16), transparent 34%),
            linear-gradient(135deg, #030712 0%, #071426 48%, #02040a 100%);
}

.register-root[b-vfbim5kbyz]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
            linear-gradient(90deg, rgba(80, 150, 255, 0.035) 1px, transparent 1px),
            linear-gradient(0deg, rgba(80, 150, 255, 0.03) 1px, transparent 1px);
    background-size: 76px 76px;
    mask-image: radial-gradient(circle at center, black 0%, transparent 78%);
    pointer-events: none;
}

.register-root[b-vfbim5kbyz]::after {
    content: "";
    position: absolute;
    inset: auto -10% -20% -10%;
    height: 36vh;
    background: repeating-linear-gradient(
            115deg,
            rgba(51, 132, 255, 0.12) 0 1px,
            transparent 1px 18px
    );
    opacity: 0.28;
    transform: perspective(700px) rotateX(62deg);
    transform-origin: bottom;
    pointer-events: none;
}

.register-noise[b-vfbim5kbyz] {
    position: absolute;
    inset: 0;
    opacity: 0.16;
    pointer-events: none;
    background-image:
            radial-gradient(circle at 20% 20%, rgba(255,255,255,0.08) 0 1px, transparent 1px),
            radial-gradient(circle at 80% 70%, rgba(255,255,255,0.06) 0 1px, transparent 1px);
    background-size: 120px 120px, 180px 180px;
}

.register-grid[b-vfbim5kbyz] {
    position: absolute;
    inset: 8% 12%;
    border: 1px solid rgba(95, 155, 255, 0.08);
    background:
            linear-gradient(90deg, transparent 0 24%, rgba(59, 130, 246, 0.13) 24.2% 24.5%, transparent 24.7%),
            linear-gradient(0deg, transparent 0 52%, rgba(59, 130, 246, 0.12) 52.2% 52.4%, transparent 52.7%);
    opacity: 0.55;
    pointer-events: none;
}

.register-blueprint[b-vfbim5kbyz] {
    position: absolute;
    inset: 12% 22%;
    opacity: 0.16;
    pointer-events: none;
    background:
            linear-gradient(90deg, transparent 0 18%, rgba(80, 150, 255, 0.35) 18.1% 18.4%, transparent 18.5%),
            linear-gradient(90deg, transparent 0 57%, rgba(80, 150, 255, 0.2) 57.1% 57.3%, transparent 57.5%),
            linear-gradient(0deg, transparent 0 47%, rgba(80, 150, 255, 0.28) 47.1% 47.4%, transparent 47.6%);
    filter: drop-shadow(0 0 18px rgba(59, 130, 246, 0.2));
}

/* ===== Moving photo ribbon ===== */

.register-photo-band[b-vfbim5kbyz] {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
}

.register-photo-shade[b-vfbim5kbyz] {
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
            linear-gradient(90deg, rgba(2, 6, 18, 0.82) 0%, rgba(2, 6, 18, 0.24) 34%, rgba(2, 6, 18, 0.24) 66%, rgba(2, 6, 18, 0.82) 100%),
            linear-gradient(180deg, rgba(2, 6, 18, 0.20) 0%, rgba(2, 6, 18, 0.42) 58%, rgba(2, 6, 18, 0.86) 100%),
            radial-gradient(circle at 50% 42%, rgba(37, 99, 235, 0.08), transparent 48%);
}

.register-photo-track[b-vfbim5kbyz] {
    position: absolute;
    top: 0;
    left: 0;
    height: min(56vh, 520px);
    display: flex;
    align-items: flex-start;
    opacity: 0.52;
    filter:
            saturate(1.04)
            contrast(1.03)
            drop-shadow(0 26px 70px rgba(0, 0, 0, 0.34));
    animation: registerPhotoScroll-b-vfbim5kbyz 70s linear infinite;
    will-change: transform;
}

.register-photo-tile[b-vfbim5kbyz] {
    flex: 0 0 clamp(360px, 28vw, 560px);
    height: min(56vh, 520px);
    overflow: hidden;
    border-right: 1px solid rgba(191, 219, 254, 0.10);
    background: rgba(2, 6, 23, 0.62);
}

.register-photo-tile img[b-vfbim5kbyz] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: top center;
    user-select: none;
}

@keyframes registerPhotoScroll-b-vfbim5kbyz {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}

/* ===== Center layout ===== */

.register-center[b-vfbim5kbyz] {
    position: relative;
    z-index: 5;
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 48px 24px;
}

.register-auth-shell[b-vfbim5kbyz] {
    position: relative;
    width: min(430px, calc(100vw - 48px));
    display: grid;
    gap: 14px;
}

/* ===== Premium segmented pill ===== */

.register-stage-pill[b-vfbim5kbyz] {
    position: relative;
    z-index: 7;
    height: 58px;
    padding: 5px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-radius: 999px;
    background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.065));
    border: 1px solid rgba(191, 219, 254, 0.20);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.08),
            0 20px 46px rgba(0,0,0,0.22),
            0 0 42px rgba(37, 99, 235, 0.12);
    backdrop-filter: blur(18px);
    overflow: hidden;
}

.register-stage-indicator[b-vfbim5kbyz] {
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    width: calc((100% - 10px) / 3);
    border-radius: 999px;
    background:
            radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.62) 34%, transparent 36%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(226, 237, 255, 0.86));
    box-shadow:
            0 14px 28px rgba(0, 0, 0, 0.22),
            0 0 28px rgba(96, 165, 250, 0.18),
            inset 0 1px 0 rgba(255,255,255,0.92),
            inset 0 -1px 0 rgba(15,23,42,0.05);
    transform: translateX(calc(var(--active-stage, 0) * 100%));
    transition: transform 340ms cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none;
}

.register-stage-option[b-vfbim5kbyz] {
    position: relative;
    z-index: 2;
    border: 0;
    padding: 0 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border-radius: 999px;
    background: transparent;
    color: rgba(216, 231, 255, 0.64);
    cursor: default;
    transition:
            color 180ms ease,
            transform 180ms ease;
}

.register-stage-option b[b-vfbim5kbyz] {
    font-size: 12px;
    font-weight: 900;
    letter-spacing: -0.01em;
}

.register-stage-option em[b-vfbim5kbyz] {
    font-size: 9px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.70;
}

.register-stage-option.is-active[b-vfbim5kbyz] {
    color: #102033;
}

/* ===== Main card ===== */

.register-card[b-vfbim5kbyz] {
    position: relative;
    min-height: 650px;
    padding: 30px 34px 26px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.82);
    background:
            radial-gradient(circle at 50% 0%, #ffffff 0%, rgba(255,255,255,0.94) 34%, transparent 36%),
            linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow:
            0 34px 110px rgba(0, 0, 0, 0.44),
            0 0 70px rgba(37, 99, 235, 0.22);
    overflow: hidden;
}

.register-card[b-vfbim5kbyz]::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    pointer-events: none;
    background:
            linear-gradient(120deg, rgba(37, 99, 235, 0.18), transparent 28%, transparent 72%, rgba(14, 165, 233, 0.12));
    mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
    mask-composite: exclude;
    padding: 1px;
}

.register-card[b-vfbim5kbyz]::after {
    content: "";
    position: absolute;
    right: -90px;
    top: -95px;
    width: 240px;
    height: 240px;
    border-radius: 999px;
    background: rgba(59, 130, 246, 0.13);
    filter: blur(36px);
    pointer-events: none;
}

.register-card-grid[b-vfbim5kbyz] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
            linear-gradient(90deg, rgba(20, 80, 180, 0.035) 1px, transparent 1px),
            linear-gradient(0deg, rgba(20, 80, 180, 0.03) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: radial-gradient(circle at 50% 28%, black 0%, transparent 82%);
}

/* ===== Header ===== */

.register-head[b-vfbim5kbyz] {
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
}

.register-back[b-vfbim5kbyz] {
    width: fit-content;
    border: 0;
    padding: 0;
    margin-bottom: 18px;
    background: transparent;
    color: #2563eb;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.register-back:disabled[b-vfbim5kbyz] {
    cursor: not-allowed;
    opacity: 0.6;
}

.register-brand-row[b-vfbim5kbyz] {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 18px;
    align-items: center;
}

.register-logo[b-vfbim5kbyz] {
    width: 70px;
    height: 70px;
    object-fit: contain;
    filter: drop-shadow(0 14px 28px rgba(15, 23, 42, 0.12));
}

.register-kicker[b-vfbim5kbyz] {
    margin-bottom: 7px;
    color: #8a98ad;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.17em;
}

.register-head h1[b-vfbim5kbyz] {
    margin: 0 0 7px;
    color: #111827;
    font-size: 27px;
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.register-head p[b-vfbim5kbyz] {
    margin: 0;
    color: #748096;
    font-size: 13px;
    line-height: 1.45;
}

/* ===== Alerts ===== */

.register-alert[b-vfbim5kbyz] {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 3px;
    margin: 0 0 14px;
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 12px;
}

.register-alert strong[b-vfbim5kbyz] {
    font-size: 12px;
    font-weight: 900;
}

.register-alert span[b-vfbim5kbyz] {
    line-height: 1.35;
}

.register-alert.error[b-vfbim5kbyz] {
    color: #991b1b;
    background: #fef2f2;
    border: 1px solid #fecaca;
}

.register-alert.success[b-vfbim5kbyz] {
    color: #14532d;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
}

/* ===== Form ===== */

.register-form[b-vfbim5kbyz] {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 13px;
}

.register-field[b-vfbim5kbyz] {
    display: grid;
    gap: 7px;
}

.register-field label[b-vfbim5kbyz] {
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.register-input[b-vfbim5kbyz] {
    width: 100%;
    height: 44px;
    padding: 0 14px;
    color: #172033;
    background: #fbfdff;
    border: 1px solid rgba(100, 116, 139, 0.28);
    border-radius: 9px;
    outline: none;
    box-shadow:
            inset 0 1px 2px rgba(15, 23, 42, 0.04),
            0 1px 0 rgba(255,255,255,0.8);
    transition:
            border-color 140ms ease,
            box-shadow 140ms ease,
            background 140ms ease;
}

.register-input[b-vfbim5kbyz]::placeholder {
    color: #aab4c4;
}

.register-input:focus[b-vfbim5kbyz] {
    border-color: rgba(37, 99, 235, 0.58);
    background: #ffffff;
    box-shadow:
            0 0 0 3px rgba(37, 99, 235, 0.12),
            inset 0 1px 2px rgba(15, 23, 42, 0.04);
}

/* ===== Password meter ===== */

.register-password-meter[b-vfbim5kbyz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin-top: 2px;
}

.register-password-meter span[b-vfbim5kbyz] {
    height: 5px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.22);
    transition:
            background 160ms ease,
            box-shadow 160ms ease;
}

.register-password-meter span.is-active[b-vfbim5kbyz] {
    background: #2f80ff;
    box-shadow: 0 0 14px rgba(47, 128, 255, 0.42);
}

/* ===== Readiness ===== */

.register-readiness-panel[b-vfbim5kbyz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
    border-radius: 14px;
    background:
            linear-gradient(180deg, rgba(239, 246, 255, 0.82), rgba(248, 251, 255, 0.86));
    border: 1px solid rgba(147, 197, 253, 0.22);
}

.register-readiness-item[b-vfbim5kbyz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #7a8aa1;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
}

.register-readiness-item span[b-vfbim5kbyz] {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #cbd5e1;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

.register-readiness-item.is-ok[b-vfbim5kbyz] {
    color: #166534;
}

.register-readiness-item.is-ok span[b-vfbim5kbyz] {
    background: #22c55e;
    box-shadow:
            0 0 12px rgba(34, 197, 94, 0.55),
            inset 0 1px 0 rgba(255,255,255,0.45);
}

/* ===== Buttons ===== */

.register-btn[b-vfbim5kbyz] {
    position: relative;
    min-height: 42px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition:
            transform 140ms ease,
            box-shadow 140ms ease,
            border-color 140ms ease,
            background 140ms ease;
}

.register-btn:disabled[b-vfbim5kbyz] {
    cursor: not-allowed;
    opacity: 0.65;
}

.register-btn.primary[b-vfbim5kbyz] {
    width: 100%;
    margin-top: 2px;
    border: 1px solid rgba(35, 91, 170, 0.48);
    color: white;
    background:
            linear-gradient(180deg, rgba(54, 134, 238, 1) 0%, rgba(34, 91, 162, 1) 100%);
    box-shadow:
            0 12px 24px rgba(30, 64, 175, 0.28),
            inset 0 1px 0 rgba(255,255,255,0.32),
            inset 0 -1px 0 rgba(0,0,0,0.16);
}

.register-btn.primary[b-vfbim5kbyz]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
            linear-gradient(
                    90deg,
                    rgba(255,255,255,0.16),
                    transparent 34%,
                    transparent 66%,
                    rgba(255,255,255,0.08)
            );
    opacity: 0.7;
    pointer-events: none;
}

.register-btn.primary:hover[b-vfbim5kbyz] {
    transform: translateY(-1px);
    box-shadow:
            0 16px 30px rgba(30, 64, 175, 0.34),
            inset 0 1px 0 rgba(255,255,255,0.38),
            inset 0 -1px 0 rgba(0,0,0,0.18);
}

.register-secondary-row[b-vfbim5kbyz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.register-btn.ghost[b-vfbim5kbyz] {
    color: #2563eb;
    background:
            linear-gradient(180deg, #ffffff 0%, #f4f7fb 100%);
    border: 1px solid rgba(120, 134, 156, 0.30);
    box-shadow:
            0 8px 18px rgba(15, 23, 42, 0.06),
            inset 0 1px 0 rgba(255,255,255,0.95);
}

.register-btn.ghost:hover[b-vfbim5kbyz] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.36);
    background:
            linear-gradient(180deg, #ffffff 0%, #eef5ff 100%);
}

/* ===== Footer ===== */

.register-footer[b-vfbim5kbyz] {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
    color: #91a0b5;
    font-size: 12px;
}

/* ===== Right message panel ===== */

.register-message-panel[b-vfbim5kbyz] {
    position: absolute;
    right: clamp(28px, 5vw, 92px);
    bottom: clamp(72px, 10vh, 132px);
    z-index: 4;
    width: min(360px, 28vw);
    pointer-events: auto;
}

.register-message-card[b-vfbim5kbyz] {
    position: relative;
    min-height: 238px;
    padding: 26px;
    overflow: hidden;
    border-radius: 24px;
    background:
            radial-gradient(circle at 20% 0%, rgba(96, 165, 250, 0.22), transparent 34%),
            linear-gradient(180deg, rgba(4, 13, 27, 0.72), rgba(4, 13, 27, 0.46));
    border: 1px solid rgba(121, 171, 255, 0.20);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.07),
            0 34px 90px rgba(0,0,0,0.34),
            0 0 60px rgba(37, 99, 235, 0.12);
    backdrop-filter: blur(18px);
}

.register-message-card[b-vfbim5kbyz]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
            linear-gradient(90deg, rgba(147, 197, 253, 0.04) 1px, transparent 1px),
            linear-gradient(0deg, rgba(147, 197, 253, 0.035) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: radial-gradient(circle at 50% 24%, black 0%, transparent 80%);
}

.register-message-slide[b-vfbim5kbyz] {
    position: absolute;
    inset: 26px 26px 72px;
    opacity: 0;
    transform: translateY(14px);
    transition:
            opacity 360ms ease,
            transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none;
}

.register-message-slide.is-active[b-vfbim5kbyz] {
    opacity: 1;
    transform: translateY(0);
}

.register-message-kicker[b-vfbim5kbyz] {
    margin-bottom: 11px;
    color: #bfdbfe;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.register-message-slide h2[b-vfbim5kbyz] {
    margin: 0;
    color: #ffffff;
    font-size: 27px;
    line-height: 1.06;
    letter-spacing: -0.045em;
}

.register-message-slide p[b-vfbim5kbyz] {
    margin: 14px 0 0;
    color: rgba(226, 237, 255, 0.66);
    font-size: 13px;
    line-height: 1.48;
}

.register-message-dots[b-vfbim5kbyz] {
    position: absolute;
    left: 26px;
    bottom: 24px;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 9px;
}

.register-message-dot[b-vfbim5kbyz] {
    width: 9px;
    height: 9px;
    padding: 0;
    border: 1px solid rgba(226, 240, 255, 0.72);
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
    transition:
            width 180ms ease,
            background 180ms ease,
            border-color 180ms ease,
            box-shadow 180ms ease;
}

.register-message-dot.is-active[b-vfbim5kbyz] {
    width: 28px;
    background: #2f80ff;
    border-color: #2f80ff;
    box-shadow:
            0 0 18px rgba(47, 128, 255, 0.68),
            0 8px 18px rgba(0, 0, 0, 0.28);
}

/* ===== Developer signature ===== */

.register-developer-signature[b-vfbim5kbyz] {
    position: absolute;
    right: 34px;
    bottom: 28px;
    z-index: 6;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1px;
    pointer-events: none;
    user-select: none;
    opacity: 0.62;
    transform: rotate(-1.6deg);
    filter:
            drop-shadow(0 0 8px rgba(147, 197, 253, 0.14))
            drop-shadow(0 8px 18px rgba(0, 0, 0, 0.22));
}

.register-developer-prefix[b-vfbim5kbyz] {
    margin-right: 4px;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(191, 219, 254, 0.42);
}

.register-developer-name[b-vfbim5kbyz] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0;
    font-family:
            "Segoe Script",
            "Brush Script MT",
            "Lucida Handwriting",
            cursive;
    font-size: 17px;
    font-weight: 400;
    line-height: 0.98;
    letter-spacing: 0.015em;
    color: rgba(226, 240, 255, 0.62);
    text-shadow:
            0 0 1px rgba(255, 255, 255, 0.24),
            0 0 14px rgba(96, 165, 250, 0.16),
            0 10px 24px rgba(0, 0, 0, 0.26);
}

.register-signature-word[b-vfbim5kbyz] {
    display: block;
    white-space: nowrap;
}

.register-signature-capital[b-vfbim5kbyz] {
    display: inline-block;
    margin-right: 1px;
    font-family:
            "Edwardian Script ITC",
            "Segoe Script",
            "Brush Script MT",
            cursive;
    font-size: 28px;
    line-height: 0.72;
    font-weight: 400;
    color: rgba(241, 247, 255, 0.78);
    transform:
            translateY(3px)
            rotate(-5deg);
    text-shadow:
            0 0 1px rgba(255, 255, 255, 0.36),
            0 0 18px rgba(147, 197, 253, 0.2);
}

.register-developer-signature[b-vfbim5kbyz]::after {
    content: "";
    width: 86px;
    height: 1px;
    margin-top: 5px;
    background: linear-gradient(
            90deg,
            transparent,
            rgba(191, 219, 254, 0.22),
            rgba(147, 197, 253, 0.1),
            transparent
    );
    opacity: 0.5;
}

/* ===== Responsive ===== */

@media (prefers-reduced-motion: reduce) {
    .register-photo-track[b-vfbim5kbyz] {
        animation: none;
    }

    .register-message-slide[b-vfbim5kbyz],
    .register-btn[b-vfbim5kbyz],
    .register-message-dot[b-vfbim5kbyz],
    .register-stage-indicator[b-vfbim5kbyz] {
        transition: none;
    }
}

@media (max-width: 1320px) {
    .register-message-panel[b-vfbim5kbyz] {
        display: none;
    }
}

@media (max-width: 1040px) {
    .register-developer-signature[b-vfbim5kbyz] {
        display: none;
    }

    .register-center[b-vfbim5kbyz] {
        padding: 34px 20px;
    }

    .register-photo-track[b-vfbim5kbyz] {
        height: min(44vh, 420px);
    }

    .register-photo-tile[b-vfbim5kbyz] {
        flex-basis: clamp(320px, 46vw, 520px);
        height: min(44vh, 420px);
    }
}

@media (max-height: 760px) {
    .register-message-panel[b-vfbim5kbyz],
    .register-developer-signature[b-vfbim5kbyz] {
        display: none;
    }

    .register-card[b-vfbim5kbyz] {
        min-height: auto;
    }
}

@media (max-width: 560px) {
    .register-auth-shell[b-vfbim5kbyz] {
        width: calc(100vw - 36px);
    }

    .register-stage-pill[b-vfbim5kbyz] {
        height: auto;
        min-height: 58px;
        border-radius: 22px;
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .register-stage-indicator[b-vfbim5kbyz] {
        display: none;
    }

    .register-stage-option[b-vfbim5kbyz] {
        min-height: 42px;
        border-radius: 16px;
    }

    .register-stage-option.is-active[b-vfbim5kbyz] {
        color: #102033;
        background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(226, 237, 255, 0.86));
        box-shadow:
                0 10px 22px rgba(0, 0, 0, 0.18),
                inset 0 1px 0 rgba(255,255,255,0.92);
    }

    .register-card[b-vfbim5kbyz] {
        padding: 26px 24px 24px;
    }

    .register-brand-row[b-vfbim5kbyz] {
        grid-template-columns: 58px 1fr;
    }

    .register-logo[b-vfbim5kbyz] {
        width: 58px;
        height: 58px;
    }

    .register-head h1[b-vfbim5kbyz] {
        font-size: 24px;
    }

    .register-readiness-panel[b-vfbim5kbyz] {
        grid-template-columns: 1fr;
    }

    .register-secondary-row[b-vfbim5kbyz] {
        grid-template-columns: 1fr;
    }

    .register-photo-track[b-vfbim5kbyz] {
        height: 38vh;
        opacity: 0.38;
    }

    .register-photo-tile[b-vfbim5kbyz] {
        flex-basis: 320px;
        height: 38vh;
    }
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/Sales.razor.rz.scp.css */
.sp-root[b-oat9txki3l]{
    min-height:100vh;
    background:#0b0f17;
    color:#e8edf7;
    padding:18px;
    box-sizing:border-box;
}

.sp-shell[b-oat9txki3l]{
    display:grid;
    grid-template-columns:360px 1fr;
    gap:18px;
    min-height:calc(100vh - 36px);
}

.sp-sidebar[b-oat9txki3l],
.sp-panel[b-oat9txki3l],
.sp-subpanel[b-oat9txki3l],
.sp-empty-panel[b-oat9txki3l]{
    background:rgba(18,24,36,0.9);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:18px;
    box-shadow:0 18px 40px rgba(0,0,0,0.28);
    backdrop-filter:blur(10px);
}

.sp-sidebar[b-oat9txki3l]{
    display:flex;
    flex-direction:column;
    overflow:hidden;
}

.sp-sidebar__top[b-oat9txki3l],
.sp-panel__head[b-oat9txki3l],
.sp-subpanel__head[b-oat9txki3l]{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
}

.sp-sidebar__top[b-oat9txki3l]{
    padding:18px 18px 12px;
    border-bottom:1px solid rgba(255,255,255,0.06);
}

.sp-main[b-oat9txki3l]{
    min-width:0;
}

.sp-panel[b-oat9txki3l],
.sp-empty-panel[b-oat9txki3l]{
    padding:18px;
}

.sp-subpanel[b-oat9txki3l]{
    padding:16px;
}

.sp-kicker[b-oat9txki3l]{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.18em;
    opacity:.7;
    margin-bottom:6px;
}

.sp-title[b-oat9txki3l],
.sp-panel h2[b-oat9txki3l],
.sp-subpanel h3[b-oat9txki3l]{
    margin:0;
}

.sp-filters[b-oat9txki3l]{
    padding:14px 18px;
    border-bottom:1px solid rgba(255,255,255,0.06);
    display:grid;
    gap:10px;
}

.sp-filter-row[b-oat9txki3l]{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.sp-list[b-oat9txki3l]{
    padding:12px;
    overflow:auto;
    flex:1;
    display:grid;
    gap:10px;
}

.sp-case[b-oat9txki3l]{
    all:unset;
    display:block;
    cursor:pointer;
    padding:14px;
    border-radius:14px;
    background:rgba(255,255,255,0.04);
    border:1px solid transparent;
    transition:.16s ease;
}

.sp-case:hover[b-oat9txki3l]{
    background:rgba(255,255,255,0.06);
    border-color:rgba(255,255,255,0.08);
}

.sp-case--selected[b-oat9txki3l]{
    background:rgba(78,134,255,0.16);
    border-color:rgba(78,134,255,0.55);
}

.sp-case__row[b-oat9txki3l],
.sp-rowcard__top[b-oat9txki3l]{
    display:flex;
    justify-content:space-between;
    gap:12px;
}

.sp-case__title[b-oat9txki3l],
.sp-rowcard__title[b-oat9txki3l]{
    font-weight:600;
}

.sp-case__meta[b-oat9txki3l],
.sp-rowcard__meta[b-oat9txki3l]{
    display:flex;
    flex-wrap:wrap;
    gap:8px 14px;
    margin-top:8px;
    font-size:12px;
    color:#aab7cf;
}

.sp-badge[b-oat9txki3l]{
    padding:4px 8px;
    border-radius:999px;
    background:rgba(255,255,255,0.08);
    font-size:12px;
    white-space:nowrap;
}

.sp-pagination[b-oat9txki3l]{
    padding:14px 18px;
    border-top:1px solid rgba(255,255,255,0.06);
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.sp-input[b-oat9txki3l]{
    width:100%;
    box-sizing:border-box;
    border-radius:12px;
    border:1px solid rgba(255,255,255,0.10);
    background:rgba(255,255,255,0.04);
    color:#eef3ff;
    padding:10px 12px;
    outline:none;
}

.sp-input:focus[b-oat9txki3l]{
    border-color:rgba(108,154,255,0.75);
    box-shadow:0 0 0 3px rgba(108,154,255,0.14);
}

.sp-textarea[b-oat9txki3l]{
    min-height:110px;
    resize:vertical;
    font:inherit;
}

.sp-label[b-oat9txki3l]{
    display:block;
    margin-bottom:6px;
    font-size:12px;
    color:#9eb0cf;
}

.sp-grid[b-oat9txki3l]{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
    margin-top:14px;
}

.sp-grid__full[b-oat9txki3l]{
    grid-column:1 / -1;
}

.sp-actions[b-oat9txki3l]{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:16px;
}

.sp-btn[b-oat9txki3l]{
    border:none;
    border-radius:12px;
    padding:10px 14px;
    cursor:pointer;
    background:rgba(255,255,255,0.08);
    color:#eef3ff;
    font-weight:600;
}

.sp-btn:hover[b-oat9txki3l]{
    background:rgba(255,255,255,0.12);
}

.sp-btn--primary[b-oat9txki3l]{
    background:linear-gradient(135deg, #3f74ff, #5b9dff);
    color:white;
}

.sp-btn--danger[b-oat9txki3l]{
    background:linear-gradient(135deg, #a93737, #d35757);
    color:white;
}

.sp-summary[b-oat9txki3l]{
    display:grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
    gap:12px;
    margin:16px 0;
}

.sp-stat[b-oat9txki3l]{
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.07);
    border-radius:14px;
    padding:12px;
}

.sp-stat__label[b-oat9txki3l]{
    display:block;
    font-size:12px;
    color:#98a8c3;
    margin-bottom:6px;
}

.sp-stat__value[b-oat9txki3l]{
    font-weight:600;
}

.sp-block[b-oat9txki3l]{
    margin-top:10px;
    padding:14px;
    border-radius:14px;
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.07);
}

.sp-body[b-oat9txki3l]{
    white-space:pre-wrap;
    line-height:1.45;
    color:#dfe7f6;
}

.sp-tabs[b-oat9txki3l]{
    display:flex;
    gap:10px;
    margin-top:18px;
    margin-bottom:16px;
}

.sp-tab[b-oat9txki3l]{
    border:none;
    border-radius:12px;
    padding:10px 14px;
    cursor:pointer;
    background:rgba(255,255,255,0.06);
    color:#dce5f7;
}

.sp-tab--active[b-oat9txki3l]{
    background:rgba(92,147,255,0.20);
    border:1px solid rgba(92,147,255,0.45);
}

.sp-two-col[b-oat9txki3l]{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-bottom:16px;
}

.sp-rowcard[b-oat9txki3l]{
    padding:14px;
    border-radius:14px;
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.07);
    margin-top:10px;
}

.sp-empty[b-oat9txki3l],
.sp-error[b-oat9txki3l]{
    padding:14px;
    border-radius:12px;
    margin-top:10px;
}

.sp-empty[b-oat9txki3l]{
    background:rgba(255,255,255,0.04);
    color:#b8c4d8;
}

.sp-error[b-oat9txki3l]{
    background:rgba(170,56,56,0.14);
    border:1px solid rgba(220,88,88,0.28);
    color:#ffcccc;
}

.sp-empty-panel[b-oat9txki3l]{
    min-height:420px;
    display:grid;
    place-items:center;
    text-align:center;
}

@media (max-width: 1200px){
    .sp-shell[b-oat9txki3l]{
        grid-template-columns:1fr;
    }

    .sp-summary[b-oat9txki3l]{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

    .sp-two-col[b-oat9txki3l]{
        grid-template-columns:1fr;
    }
}

@media (max-width: 760px){
    .sp-grid[b-oat9txki3l],
    .sp-filter-row[b-oat9txki3l],
    .sp-summary[b-oat9txki3l]{
        grid-template-columns:1fr;
    }
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/SalesActionDetail.razor.rz.scp.css */

.sad-wrap[b-lvpjs5wpi6] {
    position: relative;
    z-index: 2;
    width: min(1680px, calc(100% - 32px));
    margin: 0 auto;
    padding: 24px 0 40px;
}

.sad-topbar[b-lvpjs5wpi6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 18px;
}

.sad-heading[b-lvpjs5wpi6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sad-eyebrow[b-lvpjs5wpi6] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 700;
    color: rgba(255,255,255,.88);
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    backdrop-filter: blur(10px);
}

.sad-title[b-lvpjs5wpi6] {
    margin: 0;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -.04em;
    color: #F8FBFF;
    text-shadow: 0 8px 24px rgba(0,0,0,.30);
}

.sad-subtitle[b-lvpjs5wpi6] {
    margin: 0;
    color: rgba(225, 234, 255, 0.78);
    max-width: 760px;
}

.sad-toolbar[b-lvpjs5wpi6] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sad-grid[b-lvpjs5wpi6] {
    display: grid;
    grid-template-columns: 520px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.sad-col[b-lvpjs5wpi6] {
    display: grid;
    gap: 20px;
}

.sad-card[b-lvpjs5wpi6] {
    position: relative;
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(0,0,0,.28);
}

.sad-card__rim[b-lvpjs5wpi6] {
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(to bottom, rgba(116, 180, 255, .48) 0%, rgba(19, 44, 135, .60) 100%);
    border: 7px solid rgba(255,255,255,.12);
}

.sad-card__rim--light[b-lvpjs5wpi6] {
    background: linear-gradient(to bottom, rgba(77, 166, 255, .84) 0%, rgba(111, 124, 255, .72) 100%);
    border: 7px solid rgba(255,255,255,.24);
}

.sad-card__inner[b-lvpjs5wpi6] {
    border-radius: 24px;
    overflow: hidden;
    position: relative;
}

.sad-card__inner--dark[b-lvpjs5wpi6] {
    padding: 18px;
    background:
            radial-gradient(circle at 0% 0%, rgba(94, 145, 255, .18), transparent 34%),
            linear-gradient(180deg, rgba(14, 18, 29, .90), rgba(10, 14, 24, .96));
    color: #EEF4FF;
}

.sad-card__inner--light[b-lvpjs5wpi6] {
    padding: 18px;
    background:
            radial-gradient(circle at top left, rgba(194, 220, 255, .60), transparent 30%),
            linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,255,.96));
    color: #111827;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
}

.sad-panel-head[b-lvpjs5wpi6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.sad-panel-title[b-lvpjs5wpi6] {
    font-size: 1.04rem;
    font-weight: 800;
    letter-spacing: -.02em;
    color: #F3F7FF;
}

.sad-panel-title--dark[b-lvpjs5wpi6] {
    color: #111827;
}

.sad-panel-sub[b-lvpjs5wpi6] {
    margin-top: 4px;
    color: rgba(220,230,255,.68);
    font-size: .92rem;
}

.sad-panel-sub--dark[b-lvpjs5wpi6] {
    color: #6B7280;
}

.sad-detail-grid[b-lvpjs5wpi6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.sad-detail-card[b-lvpjs5wpi6] {
    padding: 14px;
    border-radius: 16px;
    background: #F9FAFB;
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 6px 16px rgba(15,23,42,.04);
}

.sad-detail-card--full[b-lvpjs5wpi6] {
    grid-column: 1 / -1;
}

.sad-detail-card__label[b-lvpjs5wpi6] {
    font-size: .76rem;
    color: #6B7280;
    margin-bottom: 6px;
}

.sad-detail-card__value[b-lvpjs5wpi6] {
    font-weight: 700;
    color: #111827;
    overflow-wrap: anywhere;
}

.sad-detail-card__value--notes[b-lvpjs5wpi6] {
    font-weight: 500;
    color: #374151;
    line-height: 1.45;
    white-space: pre-wrap;
}

.sad-form-grid[b-lvpjs5wpi6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.sad-field[b-lvpjs5wpi6] {
    display: grid;
    gap: 6px;
}

.sad-field--full[b-lvpjs5wpi6] {
    grid-column: 1 / -1;
}

.sad-label[b-lvpjs5wpi6] {
    font-size: .8rem;
    font-weight: 700;
    color: #374151;
}

.sad-input[b-lvpjs5wpi6],
.sad-textarea[b-lvpjs5wpi6] {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.12);
    background: #F9FAFB;
    color: #111827;
    padding: 10px 12px;
    outline: none;
    box-sizing: border-box;
    font: inherit;
}

.sad-input[b-lvpjs5wpi6] {
    min-height: 42px;
}

.sad-textarea[b-lvpjs5wpi6] {
    min-height: 110px;
    resize: vertical;
}

.sad-input:focus[b-lvpjs5wpi6],
.sad-textarea:focus[b-lvpjs5wpi6] {
    border-color: rgba(77, 166, 255, 0.53);
    box-shadow: 0 0 0 1px rgba(77, 166, 255, 0.20);
}

.sad-actions[b-lvpjs5wpi6] {
    margin-top: 14px;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.sad-btn[b-lvpjs5wpi6] {
    appearance: none;
    border: 0;
    border-radius: 12px;
    min-height: 42px;
    padding: 0 14px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 140ms ease, opacity 160ms ease, box-shadow 180ms ease;
}

.sad-btn:hover[b-lvpjs5wpi6] {
    transform: translateY(-1px);
}

.sad-btn--ghost[b-lvpjs5wpi6] {
    color: #fff;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 10px 20px rgba(0,0,0,.12);
}

.sad-btn--primary[b-lvpjs5wpi6] {
    color: #fff;
    background: linear-gradient(135deg, #4DA6FF 0%, #6F7CFF 100%);
    box-shadow: 0 12px 28px rgba(77,166,255,.28);
}

.sad-list[b-lvpjs5wpi6] {
    display: grid;
    gap: 10px;
}

.sad-list-item[b-lvpjs5wpi6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.06);
    transition: border-color 160ms ease, background 160ms ease;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.sad-list-item:hover[b-lvpjs5wpi6] {
    border-color: rgba(255,255,255,.12);
}

.sad-list-item.is-active[b-lvpjs5wpi6] {
    background: linear-gradient(180deg, rgba(92,146,255,.18), rgba(92,146,255,.08));
    border-color: rgba(92,146,255,.28);
}

.sad-list-item__main[b-lvpjs5wpi6] {
    min-width: 0;
}

.sad-list-item__title[b-lvpjs5wpi6] {
    font-weight: 800;
    overflow-wrap: anywhere;
}

.sad-list-item__sub[b-lvpjs5wpi6],
.sad-list-item__small[b-lvpjs5wpi6] {
    font-size: .82rem;
    color: rgba(220,230,255,.66);
}

.sad-list-item__right[b-lvpjs5wpi6] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.sad-status[b-lvpjs5wpi6] {
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 800;
    border: 1px solid rgba(255,255,255,.08);
    white-space: nowrap;
}

.sad-status--danger[b-lvpjs5wpi6] { background: rgba(255,95,95,.14); }
.sad-status--warn[b-lvpjs5wpi6]   { background: rgba(255,179,71,.14); }
.sad-status--ok[b-lvpjs5wpi6]     { background: rgba(55,199,126,.14); }
.sad-status--muted[b-lvpjs5wpi6]  { background: rgba(255,255,255,.06); }

.sad-pill[b-lvpjs5wpi6] {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 800;
    color: #fff;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
}

.sad-empty[b-lvpjs5wpi6],
.sad-empty-card[b-lvpjs5wpi6] {
    padding: 16px;
    border-radius: 16px;
    background: rgba(255,255,255,.04);
    color: rgba(220,230,255,.62);
    border: 1px solid rgba(255,255,255,.06);
}

.sad-empty-card__title[b-lvpjs5wpi6] {
    font-weight: 800;
    margin-bottom: 4px;
    color: #fff;
}

.sad-empty-card__sub[b-lvpjs5wpi6] {
    color: rgba(220,230,255,.68);
}

.sad-alert[b-lvpjs5wpi6] {
    margin-bottom: 16px;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid rgba(255,95,95,.18);
    background: rgba(255,95,95,.12);
    color: #fff;
    backdrop-filter: blur(10px);
}

.sad-alert__title[b-lvpjs5wpi6] {
    font-weight: 800;
    margin-bottom: 4px;
}

.sad-inline-alert[b-lvpjs5wpi6] {
    margin-bottom: 12px;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: .9rem;
    font-weight: 600;
}

.sad-inline-alert--ok[b-lvpjs5wpi6] {
    color: #14532D;
    background: rgba(55,199,126,.14);
    border: 1px solid rgba(55,199,126,.25);
}

.sad-inline-alert--danger[b-lvpjs5wpi6] {
    color: #7F1D1D;
    background: rgba(255,95,95,.14);
    border: 1px solid rgba(255,95,95,.25);
}

.sad-loading-card[b-lvpjs5wpi6] {
    position: relative;
    border-radius: 24px;
    padding: 1px;
    background: linear-gradient(to bottom, rgba(77,166,255,.72), rgba(111,124,255,.62));
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 20px 50px rgba(0,0,0,.20);
}

.sad-loading-card__inner[b-lvpjs5wpi6] {
    border-radius: 23px;
    padding: 24px;
    background: rgba(14,18,29,.92);
    color: #EEF4FF;
}

.sad-loading-card__title[b-lvpjs5wpi6] {
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: 4px;
}

.sad-loading-card__sub[b-lvpjs5wpi6] {
    color: rgba(220,230,255,.68);
}

@media (max-width: 1280px) {
    .sad-grid[b-lvpjs5wpi6] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .sad-wrap[b-lvpjs5wpi6] {
        width: min(100%, calc(100% - 16px));
        padding-top: 16px;
    }

    .sad-topbar[b-lvpjs5wpi6],
    .sad-panel-head[b-lvpjs5wpi6] {
        flex-direction: column;
        align-items: stretch;
    }

    .sad-detail-grid[b-lvpjs5wpi6],
    .sad-form-grid[b-lvpjs5wpi6] {
        grid-template-columns: 1fr;
    }

    .sad-title[b-lvpjs5wpi6] {
        font-size: 1.7rem;
    }
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/SalesCalender.razor.rz.scp.css */

.sc-wrap[b-c3644voes1] {
    position: relative;
    z-index: 2;
    width: min(1720px, calc(100% - 32px));
    margin: 0 auto;
    padding: 24px 0 40px;
}

.sc-topbar[b-c3644voes1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.sc-heading[b-c3644voes1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sc-eyebrow[b-c3644voes1] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 700;
    color: rgba(255,255,255,.88);
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    backdrop-filter: blur(10px);
}

.sc-title[b-c3644voes1] {
    margin: 0;
    font-size: 2.1rem;
    font-weight: 800;
    letter-spacing: -.04em;
    color: #F8FBFF;
    text-shadow: 0 8px 24px rgba(0,0,0,.30);
}

.sc-subtitle[b-c3644voes1] {
    margin: 0;
    color: rgba(225, 234, 255, 0.78);
    max-width: 760px;
}

.sc-toolbar[b-c3644voes1] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.sc-month-pill[b-c3644voes1] {
    min-width: 172px;
    text-align: center;
    padding: 11px 16px;
    border-radius: 999px;
    color: #fff;
    font-weight: 700;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 12px 28px rgba(0,0,0,.14);
    backdrop-filter: blur(12px);
}

.sc-grid[b-c3644voes1] {
    display: grid;
    grid-template-columns: 560px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.sc-col[b-c3644voes1],
.sc-bottom-grid[b-c3644voes1] {
    display: grid;
    gap: 20px;
}

.sc-bottom-grid[b-c3644voes1] {
    grid-template-columns: 1fr 1fr;
}

.sc-card[b-c3644voes1] {
    position: relative;
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(0,0,0,.28);
}

.sc-card__rim[b-c3644voes1] {
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(to bottom, rgba(116, 180, 255, .48) 0%, rgba(19, 44, 135, .60) 100%);
    border: 7px solid rgba(255,255,255,.12);
}

.sc-card__rim--light[b-c3644voes1] {
    background: linear-gradient(to bottom, rgba(77, 166, 255, .84) 0%, rgba(111, 124, 255, .72) 100%);
    border: 7px solid rgba(255,255,255,.24);
}

.sc-card__inner[b-c3644voes1] {
    border-radius: 24px;
    overflow: hidden;
    position: relative;
}

.sc-card__inner--dark[b-c3644voes1] {
    padding: 18px;
    background:
            radial-gradient(circle at 0% 0%, rgba(94, 145, 255, .18), transparent 34%),
            linear-gradient(180deg, rgba(14, 18, 29, .90), rgba(10, 14, 24, .96));
    color: #EEF4FF;
}

.sc-card__inner--light[b-c3644voes1] {
    padding: 18px;
    background:
            radial-gradient(circle at top left, rgba(194, 220, 255, .60), transparent 30%),
            linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,255,.96));
    color: #111827;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
}

.sc-panel-head[b-c3644voes1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.sc-panel-head--calendar[b-c3644voes1] {
    margin-bottom: 14px;
}

.sc-panel-title[b-c3644voes1] {
    font-size: 1.04rem;
    font-weight: 800;
    letter-spacing: -.02em;
    color: #F3F7FF;
}

.sc-panel-title--dark[b-c3644voes1] {
    color: #111827;
}

.sc-panel-sub[b-c3644voes1] {
    margin-top: 4px;
    color: rgba(220,230,255,.68);
    font-size: .92rem;
}

.sc-panel-sub--dark[b-c3644voes1] {
    color: #6B7280;
}

.sc-chip-row[b-c3644voes1] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.sc-chip-row--mb[b-c3644voes1] {
    margin-bottom: 12px;
}

.sc-chip[b-c3644voes1] {
    min-width: 92px;
    padding: 10px 12px;
    border-radius: 16px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.sc-chip__label[b-c3644voes1] {
    display: block;
    color: rgba(220,230,255,.62);
    font-size: .74rem;
    margin-bottom: 2px;
}

.sc-chip__value[b-c3644voes1] {
    display: block;
    color: #fff;
    font-weight: 800;
}

.sc-legend-row[b-c3644voes1] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sc-legend[b-c3644voes1] {
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    color: #111827;
    border: 1px solid rgba(0,0,0,.06);
    background: #F3F4F6;
}

.sc-legend--danger[b-c3644voes1] { background: rgba(255, 95, 95, .14); }
.sc-legend--warn[b-c3644voes1]   { background: rgba(255, 179, 71, .16); }
.sc-legend--ok[b-c3644voes1]     { background: rgba(55, 199, 126, .14); }

.sc-calendar-toolbar[b-c3644voes1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.sc-calendar-toolbar__left[b-c3644voes1],
.sc-calendar-toolbar__right[b-c3644voes1] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sc-calendar-toolbar__search[b-c3644voes1] {
    min-width: 280px;
}

.sc-btn[b-c3644voes1] {
    appearance: none;
    border: 0;
    border-radius: 12px;
    height: 40px;
    padding: 0 14px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 140ms ease, opacity 160ms ease, box-shadow 180ms ease;
}

.sc-btn:hover[b-c3644voes1] {
    transform: translateY(-1px);
}

.sc-btn--ghost[b-c3644voes1] {
    color: #fff;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 10px 20px rgba(0,0,0,.12);
}

.sc-btn--primary[b-c3644voes1] {
    color: #fff;
    background: linear-gradient(135deg, #4DA6FF 0%, #6F7CFF 100%);
    box-shadow: 0 12px 28px rgba(77,166,255,.28);
}

.sc-btn--soft[b-c3644voes1] {
    color: #111827;
    background: #E5E7EB;
    border: 1px solid rgba(0,0,0,.07);
}

.sc-input[b-c3644voes1] {
    height: 40px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.12);
    background: #F9FAFB;
    color: #111827;
    padding: 0 12px;
    outline: none;
    box-sizing: border-box;
}

.sc-input:focus[b-c3644voes1] {
    border-color: rgba(77, 166, 255, 0.53);
    box-shadow: 0 0 0 1px rgba(77, 166, 255, 0.20);
}

.sc-calendar[b-c3644voes1] {
    display: grid;
    gap: 10px;
}

.sc-calendar__weekdays[b-c3644voes1],
.sc-calendar__grid[b-c3644voes1] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 10px;
}

.sc-calendar__weekday[b-c3644voes1] {
    text-align: center;
    font-size: .82rem;
    font-weight: 800;
    color: #6B7280;
    padding: 6px 0;
}

.sc-day-cell[b-c3644voes1] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 136px;
    padding: 12px;
    border-radius: 18px;
    border: 1px solid rgba(0,0,0,.08);
    background: rgba(255,255,255,.80);
    color: #111827;
    text-align: left;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.sc-day-cell:hover[b-c3644voes1] {
    transform: translateY(-1px);
    border-color: rgba(77, 166, 255, 0.22);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.08);
}

.sc-day-cell.is-muted[b-c3644voes1] {
    opacity: .46;
}

.sc-day-cell.is-today[b-c3644voes1] {
    box-shadow: inset 0 0 0 1px rgba(77, 166, 255, 0.42), 0 12px 28px rgba(15, 23, 42, 0.08);
}

.sc-day-cell.is-selected[b-c3644voes1] {
    background: linear-gradient(180deg, rgba(232,243,255,.96), rgba(245,248,255,.96));
    border-color: rgba(77, 166, 255, 0.34);
    box-shadow:
            inset 0 0 0 1px rgba(77, 166, 255, .24),
            0 14px 28px rgba(77,166,255,.10);
}

.sc-day-cell__top[b-c3644voes1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.sc-day-cell__date[b-c3644voes1] {
    font-size: .98rem;
    font-weight: 800;
}

.sc-day-cell__count[b-c3644voes1] {
    min-width: 24px;
    height: 24px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(17,24,39,.07);
    font-size: .76rem;
    font-weight: 800;
}

.sc-day-cell__events[b-c3644voes1] {
    display: grid;
    gap: 6px;
}

.sc-mini-event[b-c3644voes1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 7px 9px;
    border-radius: 12px;
    font-size: .78rem;
    border: 1px solid rgba(0,0,0,.05);
    background: rgba(17,24,39,.04);
}

.sc-mini-event__time[b-c3644voes1] {
    font-weight: 800;
    line-height: 1.1;
}

.sc-mini-event__title[b-c3644voes1] {
    font-weight: 600;
    font-size: .42rem;
    color: #4B5563;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sc-calendarEvent--overdue[b-c3644voes1]   { background: rgba(255,95,95,.14); }
.sc-calendarEvent--today[b-c3644voes1]     { background: rgba(255,179,71,.14); }
.sc-calendarEvent--completed[b-c3644voes1] { background: rgba(55,199,126,.12); }

.sc-day-cell__more[b-c3644voes1] {
    font-size: .78rem;
    color: #6B7280;
    padding: 2px 4px;
}

.sc-timeline-wrap[b-c3644voes1] {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
    margin-bottom: 14px;
}

.sc-timeline[b-c3644voes1] {
    position: relative;
    height: 960px;
    overflow: hidden;
}

.sc-timeline__row[b-c3644voes1] {
    position: relative;
    display: grid;
    grid-template-columns: 66px 1fr;
    align-items: start;
    height: 40px;
}

.sc-timeline__label[b-c3644voes1] {
    padding: 10px 8px 0 10px;
    font-size: .75rem;
    color: rgba(220,230,255,.62);
    font-weight: 700;
}

.sc-timeline__line[b-c3644voes1] {
    height: 100%;
    border-top: 1px solid rgba(255,255,255,.06);
}

.sc-timeline__tickets[b-c3644voes1] {
    position: absolute;
    inset: 0 0 0 66px;
    pointer-events: none;
}

.sc-ticket[b-c3644voes1] {
    position: absolute;
    left: 12px;
    right: 12px;
    min-height: 54px;
    padding: 10px 12px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.08);
    color: #EEF4FF;
    text-align: left;
    box-shadow: 0 14px 26px rgba(0,0,0,.20);
    pointer-events: auto;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.sc-ticket:hover[b-c3644voes1] {
    transform: translateY(-1px);
    box-shadow: 0 18px 30px rgba(0,0,0,.24);
}

.sc-ticket.is-selected[b-c3644voes1] {
    box-shadow: 0 0 0 1px rgba(255,255,255,.14), 0 20px 36px rgba(0,0,0,.28);
}

.sc-ticket__time[b-c3644voes1] {
    font-size: .72rem;
    font-weight: 800;
    color: rgba(235,240,255,.76);
    margin-bottom: 4px;
}

.sc-ticket__title[b-c3644voes1] {
    font-size: .9rem;
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 2px;
}

.sc-ticket__meta[b-c3644voes1] {
    font-size: .76rem;
    color: rgba(220,230,255,.66);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sc-ticket--overdue[b-c3644voes1]   { background: rgba(70,18,22,.92); border-color: rgba(255,95,95,.28); }
.sc-ticket--today[b-c3644voes1]     { background: rgba(74,46,14,.92); border-color: rgba(255,179,71,.28); }
.sc-ticket--completed[b-c3644voes1] { background: rgba(18,58,37,.92); border-color: rgba(55,199,126,.24); }
.sc-ticket--default[b-c3644voes1]   { background: rgba(17,26,41,.90); }

.sc-list[b-c3644voes1] {
    display: grid;
    gap: 10px;
}

.sc-empty[b-c3644voes1] {
    padding: 16px;
    border-radius: 16px;
    background: rgba(255,255,255,.04);
    color: rgba(220,230,255,.62);
    border: 1px solid rgba(255,255,255,.06);
}

.sc-empty--light[b-c3644voes1] {
    background: rgba(17,24,39,.04);
    color: #6B7280;
    border: 1px solid rgba(0,0,0,.06);
}

.sc-list-item[b-c3644voes1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.06);
    transition: border-color 160ms ease, background 160ms ease;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.sc-list-item:hover[b-c3644voes1] {
    border-color: rgba(255,255,255,.12);
}

.sc-list-item.is-active[b-c3644voes1] {
    background: linear-gradient(180deg, rgba(92,146,255,.18), rgba(92,146,255,.08));
    border-color: rgba(92,146,255,.28);
}

.sc-list-item--static[b-c3644voes1] {
    cursor: default;
}

.sc-list-item__main[b-c3644voes1] {
    min-width: 0;
}

.sc-list-item__title[b-c3644voes1] {
    font-weight: 800;
}

.sc-list-item__sub[b-c3644voes1],
.sc-list-item__small[b-c3644voes1] {
    font-size: .82rem;
    color: rgba(220,230,255,.66);
}

.sc-list-item__right[b-c3644voes1] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.sc-detail-grid[b-c3644voes1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.sc-detail-card[b-c3644voes1] {
    padding: 14px;
    border-radius: 16px;
    background: #F9FAFB;
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 6px 16px rgba(15,23,42,.04);
}

.sc-detail-card--full[b-c3644voes1] {
    grid-column: 1 / -1;
}

.sc-detail-card__label[b-c3644voes1] {
    font-size: .76rem;
    color: #6B7280;
    margin-bottom: 6px;
}

.sc-detail-card__value[b-c3644voes1] {
    font-weight: 700;
    color: #111827;
}

.sc-detail-card__value--notes[b-c3644voes1] {
    font-weight: 500;
    color: #374151;
    line-height: 1.45;
    white-space: pre-wrap;
}

.sc-status[b-c3644voes1] {
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 800;
    border: 1px solid rgba(255,255,255,.08);
    white-space: nowrap;
}

.sc-status--danger[b-c3644voes1] { background: rgba(255,95,95,.14); }
.sc-status--warn[b-c3644voes1]   { background: rgba(255,179,71,.14); }
.sc-status--ok[b-c3644voes1]     { background: rgba(55,199,126,.14); }
.sc-status--muted[b-c3644voes1]  { background: rgba(255,255,255,.06); }

.sc-alert[b-c3644voes1] {
    margin-bottom: 16px;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid rgba(255,95,95,.18);
    background: rgba(255,95,95,.12);
    color: #fff;
    backdrop-filter: blur(10px);
}

.sc-alert__title[b-c3644voes1] {
    font-weight: 800;
    margin-bottom: 4px;
}

.sc-loading-card[b-c3644voes1] {
    position: relative;
    border-radius: 24px;
    padding: 1px;
    background: linear-gradient(to bottom, rgba(77,166,255,.72), rgba(111,124,255,.62));
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 20px 50px rgba(0,0,0,.20);
}

.sc-loading-card__inner[b-c3644voes1] {
    border-radius: 23px;
    padding: 24px;
    background: rgba(14,18,29,.92);
    color: #EEF4FF;
}

.sc-loading-card__title[b-c3644voes1] {
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: 4px;
}

.sc-loading-card__sub[b-c3644voes1] {
    color: rgba(220,230,255,.68);
}

@keyframes scBreathOpacity-b-c3644voes1 {
     from { opacity: 0.22; }
     to { opacity: 0.80; }
 }

@keyframes scBreathHue-b-c3644voes1 {
     from { filter: hue-rotate(0deg); }
     to { filter: hue-rotate(22deg); }
 }

@media (max-width: 1380px) {
    .sc-grid[b-c3644voes1] {
        grid-template-columns: 1fr;
    }

    .sc-bottom-grid[b-c3644voes1] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .sc-calendar__weekdays[b-c3644voes1],
    .sc-calendar__grid[b-c3644voes1] {
        gap: 8px;
    }

    .sc-day-cell[b-c3644voes1] {
        min-height: 120px;
    }
}

@media (max-width: 720px) {
    .sc-wrap[b-c3644voes1] {
        width: min(100%, calc(100% - 16px));
        padding-top: 16px;
    }

    .sc-topbar[b-c3644voes1],
    .sc-calendar-toolbar[b-c3644voes1],
    .sc-panel-head[b-c3644voes1] {
        flex-direction: column;
        align-items: stretch;
    }

    .sc-detail-grid[b-c3644voes1] {
        grid-template-columns: 1fr;
    }

    .sc-calendar-toolbar__search[b-c3644voes1] {
        min-width: 0;
        width: 100%;
    }

    .sc-title[b-c3644voes1] {
        font-size: 1.7rem;
    }
}
/* _content/Floorspan.Floorplan.Ui/Components/Pages/Workload.razor.rz.scp.css */
.wl-root[b-gi8njhs87v] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #eaf0ff;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:
            radial-gradient(circle at 32% 8%, rgba(36, 99, 235, 0.30), transparent 32%),
            radial-gradient(circle at 82% 34%, rgba(14, 165, 233, 0.16), transparent 34%),
            linear-gradient(135deg, #020714 0%, #071426 48%, #02040a 100%);
}

.wl-root[b-gi8njhs87v]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
            linear-gradient(90deg, rgba(80, 150, 255, 0.035) 1px, transparent 1px),
            linear-gradient(0deg, rgba(80, 150, 255, 0.03) 1px, transparent 1px);
    background-size: 76px 76px;
    mask-image: radial-gradient(circle at center, black 0%, transparent 78%);
    pointer-events: none;
}

.wl-root[b-gi8njhs87v]::after {
    content: "";
    position: absolute;
    inset: auto -10% -20% -10%;
    height: 36vh;
    background: repeating-linear-gradient(
            115deg,
            rgba(51, 132, 255, 0.12) 0 1px,
            transparent 1px 18px
    );
    opacity: 0.28;
    transform: perspective(700px) rotateX(62deg);
    transform-origin: bottom;
    pointer-events: none;
}

.wl-noise[b-gi8njhs87v] {
    position: absolute;
    inset: 0;
    opacity: 0.15;
    pointer-events: none;
    background-image:
            radial-gradient(circle at 20% 20%, rgba(255,255,255,0.08) 0 1px, transparent 1px),
            radial-gradient(circle at 80% 70%, rgba(255,255,255,0.06) 0 1px, transparent 1px);
    background-size: 120px 120px, 180px 180px;
}

.wl-grid[b-gi8njhs87v] {
    position: absolute;
    inset: 7% 8% 8% 8%;
    border: 1px solid rgba(95, 155, 255, 0.08);
    background:
            linear-gradient(90deg, transparent 0 24%, rgba(59, 130, 246, 0.13) 24.2% 24.5%, transparent 24.7%),
            linear-gradient(0deg, transparent 0 52%, rgba(59, 130, 246, 0.12) 52.2% 52.4%, transparent 52.7%);
    opacity: 0.55;
    pointer-events: none;
}

.wl-blueprint[b-gi8njhs87v] {
    position: absolute;
    right: -8%;
    bottom: 8%;
    width: 38vw;
    height: 46vh;
    opacity: 0.12;
    pointer-events: none;
    border: 1px solid rgba(120, 170, 255, 0.18);
    transform: skewY(-12deg);
    background:
            linear-gradient(90deg, transparent 0 20%, rgba(80, 150, 255, 0.35) 20.1% 20.4%, transparent 20.6%),
            linear-gradient(90deg, transparent 0 64%, rgba(80, 150, 255, 0.26) 64.1% 64.4%, transparent 64.6%),
            linear-gradient(0deg, transparent 0 40%, rgba(80, 150, 255, 0.24) 40.1% 40.4%, transparent 40.6%);
    filter: drop-shadow(0 0 28px rgba(59, 130, 246, 0.25));
}

.wl-shell[b-gi8njhs87v] {
    position: relative;
    z-index: 2;
    min-height: 100vh;
    padding: 42px 38px 34px;
}

.wl-topbar[b-gi8njhs87v] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 30px;
}

.wl-eyebrow[b-gi8njhs87v] {
    margin-bottom: 6px;
    color: #7bb4ff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.wl-titleBlock h1[b-gi8njhs87v] {
    margin: 0;
    color: white;
    font-size: 32px;
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.wl-titleBlock p[b-gi8njhs87v] {
    margin: 8px 0 0;
    color: rgba(226, 237, 255, 0.66);
    font-size: 14px;
}

.wl-controls[b-gi8njhs87v] {
    display: flex;
    align-items: end;
    gap: 14px;
}

.wl-filter[b-gi8njhs87v] {
    display: grid;
    gap: 6px;
}

.wl-filter span[b-gi8njhs87v] {
    color: rgba(226, 237, 255, 0.72);
    font-size: 12px;
    font-weight: 800;
}

.wl-filter select[b-gi8njhs87v] {
    height: 46px;
    min-width: 160px;
    padding: 0 42px 0 16px;
    border-radius: 12px;
    color: white;
    background: rgba(3, 10, 24, 0.62);
    border: 1px solid rgba(121, 171, 255, 0.22);
    outline: none;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.04),
            0 20px 60px rgba(0,0,0,0.20);
    backdrop-filter: blur(14px);
}

.wl-search[b-gi8njhs87v] {
    position: relative;
    width: min(440px, 42vw);
}

.wl-search span[b-gi8njhs87v] {
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(226, 237, 255, 0.58);
    pointer-events: none;
}

.wl-search input[b-gi8njhs87v] {
    width: 100%;
    height: 46px;
    padding: 0 18px 0 46px;
    color: white;
    background: rgba(3, 10, 24, 0.62);
    border: 1px solid rgba(121, 171, 255, 0.22);
    border-radius: 12px;
    outline: none;
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.04),
            0 20px 60px rgba(0,0,0,0.20);
    backdrop-filter: blur(14px);
}

.wl-search input[b-gi8njhs87v]::placeholder {
    color: rgba(203, 213, 225, 0.48);
}

.wl-search input:focus[b-gi8njhs87v],
.wl-filter select:focus[b-gi8njhs87v] {
    border-color: rgba(96, 165, 250, 0.72);
    box-shadow:
            0 0 0 3px rgba(37, 99, 235, 0.18),
            inset 0 1px 0 rgba(255,255,255,0.05),
            0 20px 60px rgba(0,0,0,0.20);
}

.wl-alert[b-gi8njhs87v],
.wl-loading[b-gi8njhs87v],
.wl-empty[b-gi8njhs87v] {
    border-radius: 16px;
    background: rgba(4, 13, 27, 0.54);
    border: 1px solid rgba(121, 171, 255, 0.22);
    box-shadow: 0 24px 70px rgba(0,0,0,0.24);
    backdrop-filter: blur(14px);
}

.wl-alert[b-gi8njhs87v] {
    display: grid;
    gap: 4px;
    margin-bottom: 20px;
    padding: 18px 20px;
    color: #fecaca;
    border-color: rgba(248, 113, 113, 0.36);
    background: rgba(127, 29, 29, 0.26);
}

.wl-loading[b-gi8njhs87v] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    color: rgba(226, 237, 255, 0.76);
}

.wl-loader[b-gi8njhs87v] {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 2px solid rgba(147, 197, 253, 0.24);
    border-top-color: #60a5fa;
    animation: wl-spin-b-gi8njhs87v 800ms linear infinite;
}

@keyframes wl-spin-b-gi8njhs87v {
    to { transform: rotate(360deg); }
}

.wl-empty[b-gi8njhs87v] {
    max-width: 420px;
    padding: 34px;
    text-align: center;
    margin: 80px auto;
}

.wl-empty__icon[b-gi8njhs87v] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    margin: 0 auto 18px;
    border-radius: 15px;
    color: #8dccff;
    border: 1px solid rgba(93, 164, 255, 0.44);
    background: rgba(37, 99, 235, 0.08);
}

.wl-empty h2[b-gi8njhs87v] {
    margin: 0 0 8px;
    color: white;
}

.wl-empty p[b-gi8njhs87v] {
    margin: 0;
    color: rgba(226, 237, 255, 0.62);
}

.wl-gridCards[b-gi8njhs87v] {
    display: grid;
    grid-template-columns: repeat(3, minmax(360px, 1fr));
    gap: 24px;
    align-items: stretch;
}

.wl-card[b-gi8njhs87v] {
    position: relative;
    min-height: 248px;
    border-radius: 18px;
    padding: 18px;
    color: #111827;
    background:
            radial-gradient(circle at 100% 0%, rgba(59, 130, 246, 0.08), transparent 30%),
            linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid rgba(255, 255, 255, 0.86);
    box-shadow:
            0 0 0 1px rgba(59, 130, 246, 0.30),
            0 0 28px rgba(37, 99, 235, 0.28),
            0 22px 58px rgba(0, 0, 0, 0.30);
    overflow: hidden;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.wl-card[b-gi8njhs87v]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
            linear-gradient(90deg, rgba(20, 80, 180, 0.028) 1px, transparent 1px),
            linear-gradient(0deg, rgba(20, 80, 180, 0.024) 1px, transparent 1px);
    background-size: 34px 34px;
    pointer-events: none;
}

.wl-card:hover[b-gi8njhs87v] {
    transform: translateY(-2px);
    border-color: rgba(147, 197, 253, 0.82);
    box-shadow:
            0 0 0 1px rgba(96, 165, 250, 0.42),
            0 0 34px rgba(37, 99, 235, 0.34),
            0 28px 72px rgba(0, 0, 0, 0.36);
}

.wl-card__openLayer[b-gi8njhs87v] {
    position: absolute;
    inset: 0;
    z-index: 1;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.wl-card__head[b-gi8njhs87v],
.wl-card__body[b-gi8njhs87v],
.wl-card__foot[b-gi8njhs87v] {
    position: relative;
    z-index: 2;
}

.wl-card__head[b-gi8njhs87v] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.wl-card__pill[b-gi8njhs87v] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    color: color-mix(in srgb, var(--status-color) 56%, #111827);
    background: color-mix(in srgb, var(--status-color) 12%, white);
    border: 1px solid color-mix(in srgb, var(--status-color) 26%, rgba(15,23,42,0.08));
    font-size: 11px;
    font-weight: 900;
}

.wl-card__pill i[b-gi8njhs87v] {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--status-color);
    box-shadow: 0 0 10px color-mix(in srgb, var(--status-color) 70%, transparent);
}

.wl-card__head h2[b-gi8njhs87v] {
    margin: 12px 0 4px;
    color: #111827;
    font-size: 15px;
    line-height: 1.15;
    font-weight: 950;
    letter-spacing: 0.02em;
}

.wl-card__head p[b-gi8njhs87v] {
    margin: 0;
    color: rgba(17, 24, 39, 0.58);
    font-size: 13px;
}

.wl-card__mark[b-gi8njhs87v] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding-top: 4px;
}

.wl-card__mark strong[b-gi8njhs87v] {
    color: rgba(17, 24, 39, 0.62);
    font-size: 14px;
    font-weight: 950;
}

.wl-card__mark div[b-gi8njhs87v] {
    display: grid;
    gap: 6px;
    padding-top: 1px;
}

.wl-card__mark span[b-gi8njhs87v] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: rgba(17, 24, 39, 0.10);
    border: 1px solid rgba(17, 24, 39, 0.14);
}

.wl-card__mark span.is-on[b-gi8njhs87v] {
    background: #4da6ff;
    border-color: rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 0 4px rgba(77, 166, 255, 0.18);
}

.wl-card__body[b-gi8njhs87v] {
    display: grid;
    grid-template-columns: 170px 1fr;
    gap: 16px;
    align-items: stretch;
}

.wl-card__preview[b-gi8njhs87v] {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 12px;
    background:
            linear-gradient(135deg, rgba(15, 23, 42, 0.06), rgba(15, 23, 42, 0.02));
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.wl-card__preview img[b-gi8njhs87v] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.wl-card__stub[b-gi8njhs87v] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 5px;
    color: rgba(17,24,39,0.55);
}

.wl-card__stub b[b-gi8njhs87v] {
    width: 60px;
    height: 76px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(17,24,39,0.04);
    border: 1px solid rgba(17,24,39,0.10);
    color: rgba(17,24,39,0.70);
    font-size: 13px;
}

.wl-card__stub span[b-gi8njhs87v] {
    font-size: 12px;
}

.wl-card__info[b-gi8njhs87v] {
    display: flex;
    flex-direction: column;
    gap: 11px;
    min-width: 0;
}

.wl-card__field span[b-gi8njhs87v] {
    display: block;
    margin-bottom: 4px;
    color: rgba(17, 24, 39, 0.48);
    font-size: 11px;
    font-weight: 700;
}

.wl-card__field b[b-gi8njhs87v] {
    display: block;
    color: rgba(17, 24, 39, 0.88);
    font-size: 13px;
    line-height: 1.25;
    font-weight: 750;
    word-break: break-word;
}

.wl-card__tags[b-gi8njhs87v] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: auto;
}

.wl-card__tags span[b-gi8njhs87v] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.04);
    border: 1px solid rgba(15, 23, 42, 0.08);
    color: rgba(15, 23, 42, 0.64);
    font-size: 11px;
    font-weight: 800;
}

.wl-card__foot[b-gi8njhs87v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 16px;
    padding-top: 13px;
    border-top: 1px solid rgba(15, 23, 42, 0.09);
}

.wl-card__foot span[b-gi8njhs87v] {
    color: rgba(17, 24, 39, 0.52);
    font-size: 12px;
}

.wl-card__foot button[b-gi8njhs87v] {
    position: relative;
    z-index: 3;
    border: 0;
    padding: 0;
    color: #1683ff;
    background: transparent;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.wl-addCard[b-gi8njhs87v] {
    min-height: 248px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    border-radius: 18px;
    color: rgba(226, 237, 255, 0.74);
    background: rgba(4, 13, 27, 0.34);
    border: 1px dashed rgba(96, 165, 250, 0.42);
    box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.04),
            0 24px 70px rgba(0,0,0,0.20);
    cursor: pointer;
    backdrop-filter: blur(14px);
}

.wl-addCard span[b-gi8njhs87v] {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: #60a5fa;
    border: 1px solid rgba(96, 165, 250, 0.42);
    font-size: 26px;
    box-shadow: 0 0 24px rgba(59, 130, 246, 0.18);
}

.wl-addCard b[b-gi8njhs87v] {
    color: #60a5fa;
    font-size: 15px;
}

.wl-addCard em[b-gi8njhs87v] {
    max-width: 240px;
    color: rgba(226, 237, 255, 0.58);
    font-style: normal;
    font-size: 12px;
}

.wl-footer[b-gi8njhs87v] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 24px;
    color: rgba(226, 237, 255, 0.56);
    font-size: 12px;
}

.wl-health[b-gi8njhs87v] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.wl-health i[b-gi8njhs87v] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 14px rgba(34, 197, 94, 0.72);
}

.wl-footer__right[b-gi8njhs87v] {
    margin-left: auto;
}

.wl-footer__right em[b-gi8njhs87v] {
    margin: 0 8px;
    font-style: normal;
}

@media (max-width: 1450px) {
    .wl-gridCards[b-gi8njhs87v] {
        grid-template-columns: repeat(2, minmax(360px, 1fr));
    }
}

@media (max-width: 980px) {
    .wl-topbar[b-gi8njhs87v] {
        flex-direction: column;
    }

    .wl-controls[b-gi8njhs87v] {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .wl-search[b-gi8njhs87v] {
        width: 100%;
    }

    .wl-filter select[b-gi8njhs87v] {
        width: 100%;
    }

    .wl-gridCards[b-gi8njhs87v] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .wl-shell[b-gi8njhs87v] {
        padding: 28px 20px 28px;
    }

    .wl-titleBlock h1[b-gi8njhs87v] {
        font-size: 28px;
    }

    .wl-card__body[b-gi8njhs87v] {
        grid-template-columns: 1fr;
    }

    .wl-footer[b-gi8njhs87v] {
        align-items: flex-start;
        flex-direction: column;
    }

    .wl-footer__right[b-gi8njhs87v] {
        margin-left: 0;
    }
}