/* /Components/Layout/CustomerCatalogLayout.razor.rz.scp.css */
.catalog-layout[b-osrvjs2k84]{min-height:100vh;background:radial-gradient(circle at top right,#40101755,transparent 34%),#171719;color:#f5efe3}.catalog-topbar[b-osrvjs2k84]{position:sticky;top:0;z-index:50;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:10px clamp(14px,4vw,58px);border-bottom:1px solid #e3ad2834;background:#171719ed;backdrop-filter:blur(16px);box-shadow:0 12px 36px #0006}.catalog-brand[b-osrvjs2k84]{display:flex;align-items:center;gap:11px;color:#f5efe3;text-decoration:none}.catalog-brand>span:last-child[b-osrvjs2k84]{display:flex;flex-direction:column;gap:1px}.catalog-brand strong[b-osrvjs2k84]{color:#e3ad28;font-size:25px;line-height:1.1}.catalog-brand small[b-osrvjs2k84]{color:#bfb3b5;font-size:9px}.catalog-mark[b-osrvjs2k84]{width:48px;height:48px;display:grid;place-items:center;border:1px solid #e3ad2870;border-radius:15px;background:linear-gradient(145deg,#4a1119,#21080c);color:#e3ad28;font-size:25px;font-weight:950;box-shadow:0 0 28px #e3ad2826}.desktop-customer-nav[b-osrvjs2k84]{display:flex;align-items:center;gap:6px}.desktop-customer-nav a[b-osrvjs2k84]{padding:9px 12px;border-radius:9px;color:#e7dfe0;text-decoration:none;font-size:11px;font-weight:800}.desktop-customer-nav a:hover[b-osrvjs2k84]{background:#e3ad2815;color:#ffd66b}.mobile-customer-menu[b-osrvjs2k84]{display:none;position:relative}.mobile-customer-menu summary[b-osrvjs2k84]{width:44px;height:44px;display:grid;place-items:center;border:1px solid #e3ad2848;border-radius:12px;color:#e3ad28;cursor:pointer;font-size:24px;list-style:none}.mobile-customer-menu summary[b-osrvjs2k84]::-webkit-details-marker{display:none}.mobile-customer-menu nav[b-osrvjs2k84]{position:absolute;top:53px;left:0;width:210px;display:flex;flex-direction:column;padding:8px;border:1px solid #e3ad283d;border-radius:14px;background:#242426;box-shadow:0 18px 50px #000a}.mobile-customer-menu nav a[b-osrvjs2k84]{padding:11px;border-radius:9px;color:#f5efe3;text-decoration:none;font-size:11px}.mobile-customer-menu nav a:hover[b-osrvjs2k84]{background:#e3ad2817;color:#ffd66b}.customer-footer[b-osrvjs2k84]{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px clamp(18px,4vw,58px);border-top:1px solid #e3ad282b;background:#120f10}.customer-footer>div[b-osrvjs2k84]{display:flex;align-items:baseline;gap:10px}.customer-footer strong[b-osrvjs2k84]{color:#e3ad28;font-size:22px}.customer-footer span[b-osrvjs2k84],.customer-footer small[b-osrvjs2k84]{color:#94898b;font-size:10px}@media(max-width:760px){.catalog-topbar[b-osrvjs2k84]{min-height:66px}.desktop-customer-nav[b-osrvjs2k84]{display:none}.mobile-customer-menu[b-osrvjs2k84]{display:block}.catalog-mark[b-osrvjs2k84]{width:42px;height:42px}.catalog-brand strong[b-osrvjs2k84]{font-size:21px}.customer-footer[b-osrvjs2k84]{align-items:flex-start;flex-direction:column}.customer-footer>div[b-osrvjs2k84]{align-items:flex-start;flex-direction:column;gap:4px}}
/* /Components/Layout/DesignFinderLayout.razor.rz.scp.css */
.finder-layout[b-ioghttqcsh] {
    min-height: 100vh;
    background:
        radial-gradient(circle at 12% 0, rgba(126, 87, 194, .11), transparent 30rem),
        linear-gradient(180deg, #fbfaff 0, #f5f6fa 42rem);
    color: #211b2b;
}

.finder-topbar[b-ioghttqcsh] {
    position: sticky;
    top: 0;
    z-index: 50;
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 10px clamp(18px, 4vw, 52px);
    border-bottom: 1px solid rgba(63, 43, 83, .11);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 8px 30px rgba(39, 25, 53, .06);
    backdrop-filter: blur(16px);
}

.finder-brand[b-ioghttqcsh] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #211b2b;
    text-decoration: none;
}

.finder-brand-mark[b-ioghttqcsh] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: linear-gradient(145deg, #5d3c78, #2d1c3b);
    color: white;
    font-size: 25px;
    font-weight: 900;
    box-shadow: 0 9px 22px rgba(74, 43, 96, .22);
}

.finder-brand > span:last-child[b-ioghttqcsh],
.finder-user > span:last-child[b-ioghttqcsh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.finder-brand strong[b-ioghttqcsh] {
    font-size: 18px;
}

.finder-brand small[b-ioghttqcsh],
.finder-user small[b-ioghttqcsh] {
    color: #756a7e;
    font-size: 12px;
}

.finder-topbar-actions[b-ioghttqcsh],
.finder-user[b-ioghttqcsh] {
    display: flex;
    align-items: center;
}

.finder-space-switch[b-ioghttqcsh]{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border:1px solid #ddd2e2;border-radius:13px;background:#f4eff6}.finder-space-switch a[b-ioghttqcsh]{min-width:112px;padding:9px 12px;border-radius:9px;color:#705f79;text-align:center;text-decoration:none;font-size:12px;font-weight:900}.finder-space-switch a.active[b-ioghttqcsh]{background:#5d3c78;color:#fff;box-shadow:0 4px 14px #4b2f6020}

.finder-topbar-actions[b-ioghttqcsh] {
    gap: 14px;
}

.finder-module-nav[b-ioghttqcsh] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px;
    border-radius: 11px;
    background: #f3eef6;
}

.finder-module-nav a[b-ioghttqcsh] {
    padding: 7px 9px;
    border-radius: 8px;
    color: #624578;
    text-decoration: none;
    font-size: 11px;
    font-weight: 800;
}

.finder-module-nav a:hover[b-ioghttqcsh] {
    background: white;
}

.finder-user[b-ioghttqcsh] {
    gap: 9px;
}

.finder-user-avatar[b-ioghttqcsh] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #f0eaf5;
    color: #5d3c78;
    font-weight: 900;
}

.finder-user strong[b-ioghttqcsh] {
    font-size: 13px;
}

.finder-back-link[b-ioghttqcsh] {
    padding: 10px 14px;
    border: 1px solid #d9cedf;
    border-radius: 12px;
    background: #fff;
    color: #55356d;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
}

.finder-back-link:hover[b-ioghttqcsh] {
    border-color: #9b7daf;
    background: #faf7fc;
}

.finder-main[b-ioghttqcsh] {
    min-height: calc(100vh - 74px);
}

.finder-layout-loading[b-ioghttqcsh] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 24px;
}

.finder-layout-spinner[b-ioghttqcsh] {
    width: 24px;
    height: 24px;
    border: 3px solid #e4d9ea;
    border-top-color: #5d3c78;
    border-radius: 50%;
    animation: finder-layout-spin-b-ioghttqcsh .8s linear infinite;
}

@keyframes finder-layout-spin-b-ioghttqcsh {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 720px) {
    .finder-topbar[b-ioghttqcsh] {
        position: static;
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
        padding: 12px 16px;
    }

    .finder-topbar-actions[b-ioghttqcsh] {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .finder-user > span:last-child[b-ioghttqcsh] {
        display: none;
    }

    .finder-module-nav[b-ioghttqcsh] {
        order: 3;
        width: 100%;
        justify-content: center;
    }

    .finder-space-switch[b-ioghttqcsh]{width:100%;box-sizing:border-box;order:-1}.finder-space-switch a[b-ioghttqcsh]{min-width:0}

    .finder-back-link[b-ioghttqcsh] {
        flex: 1;
        text-align: center;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-qsrco2pjl0],
.components-reconnect-repeated-attempt-visible[b-qsrco2pjl0],
.components-reconnect-failed-visible[b-qsrco2pjl0],
.components-pause-visible[b-qsrco2pjl0],
.components-resume-failed-visible[b-qsrco2pjl0],
.components-rejoining-animation[b-qsrco2pjl0] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-qsrco2pjl0],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-qsrco2pjl0],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-qsrco2pjl0],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-qsrco2pjl0],
#components-reconnect-modal.components-reconnect-retrying[b-qsrco2pjl0],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-qsrco2pjl0],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-qsrco2pjl0],
#components-reconnect-modal.components-reconnect-failed[b-qsrco2pjl0],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-qsrco2pjl0] {
    display: block;
}


#components-reconnect-modal[b-qsrco2pjl0] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-qsrco2pjl0 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-qsrco2pjl0 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-qsrco2pjl0 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-qsrco2pjl0]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-qsrco2pjl0 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-qsrco2pjl0 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-qsrco2pjl0 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-qsrco2pjl0 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-qsrco2pjl0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-qsrco2pjl0] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-qsrco2pjl0] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-qsrco2pjl0] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-qsrco2pjl0] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-qsrco2pjl0] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-qsrco2pjl0] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-qsrco2pjl0 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-qsrco2pjl0] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-qsrco2pjl0 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/Work/AutoSet.razor.rz.scp.css */
.autoset-page[b-jyhp8dubab]{max-width:1500px;margin:0 auto;padding:28px 24px 70px;color:#291c31}.autoset-header[b-jyhp8dubab]{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#291d31,#684378);color:#fff;box-shadow:0 20px 55px rgba(46,29,55,.18)}.autoset-header span[b-jyhp8dubab]{font-size:11px;font-weight:900;color:#e8d7ef}.autoset-header h1[b-jyhp8dubab]{margin:5px 0;font-size:31px}.autoset-header p[b-jyhp8dubab]{margin:0;color:#eadfee;line-height:1.9}.autoset-header>a[b-jyhp8dubab]{flex:0 0 auto;padding:11px 15px;border:1px solid rgba(255,255,255,.25);border-radius:11px;color:#fff;text-decoration:none;font-weight:900}.autoset-alert[b-jyhp8dubab]{margin-top:16px;padding:13px 16px;border-radius:12px;font-weight:800}.autoset-alert.success[b-jyhp8dubab]{background:#e7f6ee;color:#246444}.autoset-alert.error[b-jyhp8dubab]{background:#fff0f2;color:#9c3348}.autoset-tabs[b-jyhp8dubab]{display:flex;gap:8px;margin:18px 0;padding:7px;border:1px solid #e2dae6;border-radius:15px;background:#f8f5f9;overflow-x:auto}.autoset-tabs button[b-jyhp8dubab]{min-height:43px;padding:9px 15px;border:0;border-radius:10px;background:transparent;color:#715f79;cursor:pointer;font:inherit;font-weight:900;white-space:nowrap}.autoset-tabs button.active[b-jyhp8dubab]{background:#604073;color:#fff;box-shadow:0 6px 18px rgba(69,41,82,.18)}.autoset-tabs b[b-jyhp8dubab]{display:inline-grid;place-items:center;min-width:23px;height:23px;margin-right:5px;border-radius:8px;background:rgba(128,91,145,.12)}.autoset-panel[b-jyhp8dubab]{margin-top:17px;padding:24px;border:1px solid #e5dfe8;border-radius:21px;background:#fff;box-shadow:0 10px 32px rgba(42,28,50,.055)}.panel-title[b-jyhp8dubab]{margin-bottom:20px}.panel-title>div[b-jyhp8dubab]{display:flex;align-items:center;gap:12px}.panel-title>div>span[b-jyhp8dubab]{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eee6f2;color:#624176;font-size:17px;font-weight:950}.panel-title h2[b-jyhp8dubab]{margin:0;font-size:20px}.panel-title p[b-jyhp8dubab]{margin:4px 0 0;color:#7c7182;font-size:12px;line-height:1.8}.upload-grid[b-jyhp8dubab],.build-settings[b-jyhp8dubab]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.upload-grid label[b-jyhp8dubab],.build-settings label[b-jyhp8dubab],.slot-selector[b-jyhp8dubab]{display:grid;gap:6px}.upload-grid label>span[b-jyhp8dubab],.build-settings label>span[b-jyhp8dubab],.slot-selector>span[b-jyhp8dubab]{font-size:11px;font-weight:900;color:#5e4d66}.upload-grid input[b-jyhp8dubab],.upload-grid select[b-jyhp8dubab],.build-settings input[b-jyhp8dubab],.slot-selector select[b-jyhp8dubab]{width:100%;min-height:46px;padding:9px 12px;border:1px solid #d9cedf;border-radius:10px;background:#fff;color:#312338;font:inherit;box-sizing:border-box}.file-picker[b-jyhp8dubab]{grid-column:span 2;padding:12px;border:1px dashed #cbbbd3;border-radius:12px;background:#fbf9fc}.file-picker small[b-jyhp8dubab]{color:#77697e}.primary-action[b-jyhp8dubab],.build-button[b-jyhp8dubab]{min-height:50px;align-self:end;border:0;border-radius:12px;background:#604073;color:#fff;cursor:pointer;font:inherit;font-weight:950}.primary-action:disabled[b-jyhp8dubab],.build-button:disabled[b-jyhp8dubab]{opacity:.55;cursor:wait}.upload-help[b-jyhp8dubab]{margin-top:13px;padding:11px 13px;border-radius:10px;background:#f7f3f9;color:#75677c;font-size:11px;line-height:1.8}.tool-grid[b-jyhp8dubab]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tool-card[b-jyhp8dubab]{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:12px;border:1px solid #e5dee8;border-radius:15px;background:#fdfcfd}.tool-preview[b-jyhp8dubab]{height:82px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#f0ebf2}.tool-preview img[b-jyhp8dubab]{width:100%;height:100%;object-fit:contain}.tool-info[b-jyhp8dubab]{min-width:0;display:grid;align-content:center;gap:4px}.tool-info span[b-jyhp8dubab]{color:#795a86;font-size:10px;font-weight:900}.tool-info strong[b-jyhp8dubab]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-info small[b-jyhp8dubab]{color:#817486;font-size:10px}.tool-actions[b-jyhp8dubab]{grid-column:1/-1;display:flex;gap:7px}.tool-actions a[b-jyhp8dubab],.tool-actions button[b-jyhp8dubab]{flex:1;min-height:34px;display:grid;place-items:center;border:1px solid #d9cedf;border-radius:8px;background:#fff;color:#644574;text-decoration:none;cursor:pointer;font:inherit;font-size:10px;font-weight:900}.tool-actions button[b-jyhp8dubab]{color:#a33a4f}.autoset-empty[b-jyhp8dubab]{padding:28px;border:1px dashed #d8cedd;border-radius:14px;background:#faf8fb;color:#7b6d82;text-align:center}.missing-tools[b-jyhp8dubab]{display:grid;gap:7px;justify-items:start;padding:18px;border-radius:13px;background:#fff5e9;color:#744d1d}.missing-tools button[b-jyhp8dubab]{padding:9px 13px;border:0;border-radius:9px;background:#7b5321;color:#fff;cursor:pointer;font:inherit;font-weight:900}.slot-grid[b-jyhp8dubab]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.order-preview[b-jyhp8dubab]{margin-top:18px;padding:15px;border-radius:13px;background:#f7f2f9}.order-preview>strong[b-jyhp8dubab]{display:block;margin-bottom:10px;color:#5b4367}.order-preview>div[b-jyhp8dubab]{display:flex;align-items:center;gap:6px;overflow-x:auto}.order-preview span[b-jyhp8dubab]{flex:0 0 auto;padding:7px 10px;border-radius:8px;background:#fff;color:#604073;font-size:10px;font-weight:900}.order-preview b[b-jyhp8dubab]{color:#ad9ab6}.build-button[b-jyhp8dubab]{width:100%;margin-top:18px;font-size:15px}.output-list[b-jyhp8dubab]{display:grid;gap:9px}.output-list article[b-jyhp8dubab]{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px;border:1px solid #e5dee8;border-radius:12px}.output-list article>div:first-child[b-jyhp8dubab]{display:grid;gap:4px}.output-list span[b-jyhp8dubab],.output-list small[b-jyhp8dubab]{color:#7d7183;font-size:10px}.output-list article>div:last-child[b-jyhp8dubab]{display:flex;gap:7px}.output-list a[b-jyhp8dubab]{padding:9px 12px;border:1px solid #d8ccde;border-radius:9px;color:#654876;text-decoration:none;font-size:10px;font-weight:900}.output-list a.download[b-jyhp8dubab]{background:#604073;color:#fff}.result-layout[b-jyhp8dubab]{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:18px}.result-preview[b-jyhp8dubab]{height:470px;overflow:auto;border:1px solid #ddd3e2;border-radius:14px;background:#eee9f0}.result-preview img[b-jyhp8dubab]{display:block;width:100%;height:auto;min-height:100%;object-fit:contain;background:#fff}.result-detail[b-jyhp8dubab]{display:grid;align-content:start;gap:10px;padding:16px;border-radius:13px;background:#f8f4fa}.result-detail strong[b-jyhp8dubab]{font-size:18px}.result-detail span[b-jyhp8dubab]{color:#65576c;font-size:12px}.result-detail a[b-jyhp8dubab]{margin-top:8px;padding:13px;border-radius:10px;background:#604073;color:#fff;text-align:center;text-decoration:none;font-weight:950}.result-detail small[b-jyhp8dubab]{color:#796d7e;line-height:1.8}@media(max-width:1000px){.tool-grid[b-jyhp8dubab]{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-grid[b-jyhp8dubab]{grid-template-columns:repeat(2,minmax(0,1fr))}.result-layout[b-jyhp8dubab]{grid-template-columns:1fr}}@media(max-width:720px){.autoset-page[b-jyhp8dubab]{padding:14px 10px 50px}.autoset-header[b-jyhp8dubab]{align-items:flex-start;flex-direction:column;padding:20px}.upload-grid[b-jyhp8dubab],.build-settings[b-jyhp8dubab],.tool-grid[b-jyhp8dubab],.slot-grid[b-jyhp8dubab]{grid-template-columns:1fr}.file-picker[b-jyhp8dubab]{grid-column:auto}.autoset-panel[b-jyhp8dubab]{padding:16px}.output-list article[b-jyhp8dubab]{align-items:flex-start;flex-direction:column}.result-preview[b-jyhp8dubab]{height:350px}}
/* /Components/Pages/Admin/Work/AutoSetTest.razor.rz.scp.css */
.test-page[b-cqgx9058ct]{max-width:1450px;margin:auto;padding:24px 20px 70px;color:#302336}.test-page>header[b-cqgx9058ct]{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;border-radius:22px;background:linear-gradient(135deg,#2b1e33,#684478);color:#fff}.test-page>header span[b-cqgx9058ct]{font-size:10px;color:#eadfee;font-weight:900}.test-page>header h1[b-cqgx9058ct]{margin:5px 0;font-size:29px}.test-page>header p[b-cqgx9058ct]{margin:0;color:#e5d9e9}.test-page>header a[b-cqgx9058ct]{padding:10px 14px;border:1px solid rgba(255,255,255,.25);border-radius:10px;color:#fff;text-decoration:none;font-weight:900}.layout[b-cqgx9058ct]{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:18px;margin-top:17px;padding:20px;border:1px solid #e3dce6;border-radius:20px;background:#fff}.canvas-wrap[b-cqgx9058ct]{padding:20px;border-radius:15px;background:#fff;border:1px solid #e5dfe8}.canvas-head[b-cqgx9058ct]{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:900px;margin:0 auto 10px}.canvas-head small[b-cqgx9058ct]{color:#776b7d}.canvas[b-cqgx9058ct]{max-width:900px;margin:auto;overflow:hidden;border:2px solid #332738;border-radius:10px;background:#fff}.row[b-cqgx9058ct],.hidden-row[b-cqgx9058ct]{position:relative;min-height:0;overflow:hidden;border-bottom:0;background:#fff;cursor:pointer}.row img[b-cqgx9058ct]{width:100%;height:auto;max-height:120px;display:block;object-fit:contain;background:#fff}
.row:not(.blank)[b-cqgx9058ct]{line-height:0}
.compact-line-row[b-cqgx9058ct]{height:22px;overflow:hidden}
.compact-line-row img[b-cqgx9058ct]{width:100%;height:22px;max-height:none;display:block;object-fit:cover;object-position:center 40%;background:#fff}.hidden-row[b-cqgx9058ct]{height:14px;overflow:hidden;line-height:0}
.hidden-row img[b-cqgx9058ct]{width:100%;height:14px;display:block;object-fit:cover;object-position:center 44%;background:#fff}.row.blank[b-cqgx9058ct]{min-height:78px;background:repeating-linear-gradient(135deg,#fbf9fc 0 11px,#f1edf3 11px 22px)}.row-badge[b-cqgx9058ct]{position:absolute;top:50%;right:4px;transform:translateY(-50%);width:auto;min-height:24px;display:grid;place-items:center;padding:2px 9px;border:1px solid #c9c1cc;border-radius:6px;background:rgba(255,255,255,.92);color:#302336;font-size:11px;font-weight:950;line-height:1.2;pointer-events:none}.tool-row:hover[b-cqgx9058ct]{outline:2px solid #846193;outline-offset:-2px}.tool-row:hover[b-cqgx9058ct]::after{content:"تغییر ابزار";position:absolute;left:6px;top:50%;transform:translateY(-50%);padding:3px 7px;border-radius:6px;background:rgba(48,35,54,.85);color:#fff;font-size:9px;font-weight:900;pointer-events:none}.silent-tool-row .row-badge[b-cqgx9058ct]{display:none}.layout aside[b-cqgx9058ct]{display:grid;align-content:start;gap:10px}.layout aside h2[b-cqgx9058ct]{margin:0 0 5px}.choice[b-cqgx9058ct]{display:flex;align-items:center;justify-content:space-between;min-height:45px;padding:8px 11px;border:1px solid #dbd1e0;border-radius:10px;background:#fff;color:#5d4668;font:inherit;cursor:pointer}.choice strong[b-cqgx9058ct]{font-size:10px}.choice.missing strong[b-cqgx9058ct]{color:#a44355}.choice.done[b-cqgx9058ct]{border-color:#84b5a2;background:#f0faf6}.fixed-tools[b-cqgx9058ct]{display:grid;gap:5px;margin-top:4px;padding:12px;border:1px solid #e0d7e4;border-radius:11px;background:#faf8fb}.fixed-tools span[b-cqgx9058ct]{font-size:11px;font-weight:900}.fixed-tools small[b-cqgx9058ct]{color:#756a7a;line-height:1.7}.width-fixed[b-cqgx9058ct]{display:flex;align-items:center;justify-content:space-between;padding:11px;border:1px solid #d7ccdc;border-radius:9px;background:#f7f4f8}.width-fixed span[b-cqgx9058ct]{font-size:11px;font-weight:900}.width-fixed strong[b-cqgx9058ct]{font-size:12px;color:#5d4668}.layout label[b-cqgx9058ct]{display:grid;gap:6px;margin-top:5px}.layout label>span[b-cqgx9058ct]{font-size:11px;font-weight:900}.layout label>input[b-cqgx9058ct]{width:100%;height:43px;padding:0 10px;border:1px solid #d7ccdc;border-radius:9px;font:inherit;box-sizing:border-box}.build[b-cqgx9058ct]{min-height:50px;margin-top:7px;border:0;border-radius:11px;background:#604073;color:#fff;font:inherit;font-weight:950}.build:disabled[b-cqgx9058ct]{opacity:.5}.hint[b-cqgx9058ct]{color:#a23e51}.ready[b-cqgx9058ct]{display:grid;gap:6px;padding:12px;border-radius:11px;background:#e8f7ef;color:#245f42}.ready button[b-cqgx9058ct]{min-height:42px;border:0;border-radius:9px;background:#286949;color:#fff;font:inherit;font-weight:900}.preview[b-cqgx9058ct]{margin-top:15px;padding:20px;border:1px solid #e3dce6;border-radius:18px;background:#fff}.preview h2[b-cqgx9058ct]{margin-top:0}.preview>div[b-cqgx9058ct]{height:520px;overflow:auto;border:1px solid #ddd4e1;background:#fff}.preview img[b-cqgx9058ct]{width:100%;height:auto;display:block;background:#fff}.alert[b-cqgx9058ct],.empty[b-cqgx9058ct]{margin-top:13px;padding:14px;border-radius:11px}.alert.error[b-cqgx9058ct]{background:#fff0f2;color:#98364a}.alert.success[b-cqgx9058ct]{background:#e9f7ef;color:#246044}.empty[b-cqgx9058ct]{border:1px dashed #d8cedc;text-align:center;color:#7c7082}.backdrop[b-cqgx9058ct]{position:fixed;inset:0;z-index:3000;display:grid;align-items:end;background:rgba(28,19,32,.5)}.sheet[b-cqgx9058ct]{max-height:88vh;overflow:auto;padding:20px;border-radius:24px 24px 0 0;background:#fff}.sheet header[b-cqgx9058ct]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sheet header>div[b-cqgx9058ct]{display:grid;gap:3px}.sheet header small[b-cqgx9058ct]{color:#7c7082}.sheet header button[b-cqgx9058ct]{width:40px;height:40px;border:0;border-radius:50%;background:#eee8f1;font-size:24px}.search[b-cqgx9058ct]{width:min(420px,100%);height:44px;margin-bottom:12px;padding:0 12px;border:1px solid #d7ccdc;border-radius:9px;font:inherit}.grid[b-cqgx9058ct]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.grid button[b-cqgx9058ct]{min-width:0;padding:8px;border:1px solid #e0d8e3;border-radius:12px;background:#fff;font:inherit;text-align:right}.grid img[b-cqgx9058ct]{width:100%;height:120px;display:block;object-fit:contain;border-radius:8px;background:#f2eef4}.grid strong[b-cqgx9058ct],.grid small[b-cqgx9058ct]{display:block;margin-top:5px}.grid small[b-cqgx9058ct]{overflow:hidden;color:#817486;font-size:9px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:950px){.layout[b-cqgx9058ct]{grid-template-columns:1fr}.grid[b-cqgx9058ct]{grid-template-columns:repeat(4,1fr)}}@media(max-width:620px){.test-page[b-cqgx9058ct]{padding:10px 7px 45px}.test-page>header[b-cqgx9058ct]{align-items:flex-start;flex-direction:column;padding:19px}.layout[b-cqgx9058ct]{padding:10px}.grid[b-cqgx9058ct]{grid-template-columns:repeat(2,1fr)}.canvas-wrap[b-cqgx9058ct]{padding:8px}.canvas-head[b-cqgx9058ct]{align-items:flex-start;flex-direction:column}}

.set-bar[b-cqgx9058ct]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:14px 18px;border:1px solid #dfd6e3;border-radius:16px;background:#faf8fb}.set-title[b-cqgx9058ct]{display:grid;gap:3px}.set-title small[b-cqgx9058ct]{color:#796d7f}.set-chips[b-cqgx9058ct]{display:flex;flex-wrap:wrap;gap:8px}.set-chip[b-cqgx9058ct]{min-height:38px;padding:0 13px;border:1px solid #d6cbdc;border-radius:999px;background:#fff;color:#5d4668;font:inherit;font-size:11px;font-weight:900}.set-chip.on[b-cqgx9058ct]{border-color:#78aa96;background:#eaf7f0;color:#245f42}.part-block[b-cqgx9058ct]{margin-top:22px;padding-top:18px;border-top:2px dashed #e1d8e5}.part-canvas[b-cqgx9058ct]{border-color:#75607f}.part-options[b-cqgx9058ct]{display:grid;gap:9px;padding:11px;border:1px solid #ded4e2;border-radius:11px;background:#fbf9fc}.option-head[b-cqgx9058ct]{display:flex;align-items:center;justify-content:space-between;gap:8px}.option-head button[b-cqgx9058ct]{min-height:34px;padding:0 10px;border:1px solid #d5c9db;border-radius:8px;background:#fff;color:#604073;font:inherit;font-size:10px;font-weight:900}.mode-grid[b-cqgx9058ct]{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mode-grid button[b-cqgx9058ct]{min-height:39px;border:1px solid #d7ccdc;border-radius:8px;background:#fff;color:#604073;font:inherit;font-size:10px;font-weight:900}.mode-grid button.active[b-cqgx9058ct]{border-color:#604073;background:#604073;color:#fff}.part-options>small[b-cqgx9058ct]{color:#756a7a;font-size:10px}@media(max-width:620px){.set-bar[b-cqgx9058ct]{align-items:flex-start;flex-direction:column}.set-chips[b-cqgx9058ct]{width:100%}.set-chip[b-cqgx9058ct]{flex:1}}


/* BANOL_V14_1_16_GLASS_PREVIEW
   Selection preview only: crop source SVG whitespace, keep strips touching,
   and overlay labels on the left as glass chips. Output SVG is unchanged. */
.canvas .preview-strip:not(.blank)[b-cqgx9058ct]{
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    border:0!important;
    line-height:0!important;
    overflow:hidden!important;
    background:#fff!important;
}
.canvas .strip-shirg[b-cqgx9058ct]{height:44px!important;}
.canvas .strip-tanab[b-cqgx9058ct]{height:48px!important;}
.canvas .strip-banook:not(.blank)[b-cqgx9058ct]{height:54px!important;}
.canvas .strip-cap:not(.blank)[b-cqgx9058ct]{height:56px!important;}
.canvas .strip-fourzah[b-cqgx9058ct]{height:22px!important;}
.canvas .strip-twozah[b-cqgx9058ct]{height:14px!important;}

.canvas .preview-strip:not(.blank) > img[b-cqgx9058ct]{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
    background:#fff!important;
}
.canvas .strip-shirg > img[b-cqgx9058ct],
.canvas .strip-tanab > img[b-cqgx9058ct]{
    object-position:center top!important;
}
.canvas .strip-banook > img[b-cqgx9058ct],
.canvas .strip-cap > img[b-cqgx9058ct]{
    object-position:center center!important;
}
.canvas .strip-fourzah > img[b-cqgx9058ct]{
    object-position:center 40%!important;
}
.canvas .strip-twozah > img[b-cqgx9058ct]{
    object-position:center 44%!important;
}

.canvas .row-badge[b-cqgx9058ct]{
    left:8px!important;
    right:auto!important;
    top:7px!important;
    transform:none!important;
    z-index:4;
    min-height:26px;
    padding:4px 10px;
    border:1px solid rgba(255,255,255,.72);
    border-radius:10px;
    background:rgba(255,255,255,.66);
    color:#2f2334;
    box-shadow:0 4px 16px rgba(35,24,40,.14),inset 0 0 0 1px rgba(82,59,94,.12);
    -webkit-backdrop-filter:blur(8px) saturate(135%);
    backdrop-filter:blur(8px) saturate(135%);
    font-size:10px;
    font-weight:950;
    line-height:1.25;
    white-space:nowrap;
    pointer-events:none;
}
.canvas .tool-row:hover[b-cqgx9058ct]::after{
    left:auto!important;
    right:8px!important;
    top:7px!important;
    transform:none!important;
    border:1px solid rgba(255,255,255,.18);
    border-radius:9px;
    background:rgba(48,35,54,.76);
    -webkit-backdrop-filter:blur(7px);
    backdrop-filter:blur(7px);
}

/* BANOL_V14_1_18_FORCE_COMPACT_PREVIEW_START
   Editor-preview only. This does NOT change generated SVG/PDF geometry. */

/* Kill every inherited/intrinsic vertical gap between editor strips. */
.canvas > .row[b-cqgx9058ct],
.canvas > .hidden-row[b-cqgx9058ct] {
    position: relative !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    line-height: 0 !important;
    box-sizing: border-box !important;
}

/* Real-looking compact heights for the editor only. */
.canvas > .row.tool-row:not(.compact-line-row)[b-cqgx9058ct] {
    height: 38px !important;       /* Shirg / Tanab */
    min-height: 38px !important;
    max-height: 38px !important;
}
.canvas > .row.compact-line-row[b-cqgx9058ct] {
    height: 18px !important;       /* 4 Zah */
    min-height: 18px !important;
    max-height: 18px !important;
}
.canvas > .hidden-row[b-cqgx9058ct] {
    height: 8px !important;        /* 2 Zah: visible, no label */
    min-height: 8px !important;
    max-height: 8px !important;
}
.canvas > .row.selectable-row:not(.blank)[b-cqgx9058ct] {
    height: 42px !important;       /* selected Banook / Cap */
    min-height: 42px !important;
    max-height: 42px !important;
}
.canvas > .row.selectable-row.blank[b-cqgx9058ct] {
    height: 28px !important;       /* unselected slot: compact placeholder */
    min-height: 28px !important;
    max-height: 28px !important;
    background: #fff !important;
}

/* Ignore SVG/PNG intrinsic canvas height. Crop to the artwork strip instead. */
.canvas > .row > img[b-cqgx9058ct],
.canvas > .hidden-row > img[b-cqgx9058ct] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    background: #fff !important;
}
.canvas > .hidden-row > img[b-cqgx9058ct] {
    object-position: center 44% !important;
}
.canvas > .row.compact-line-row > img[b-cqgx9058ct] {
    object-position: center 40% !important;
}

/* Labels float on top and reserve ZERO vertical space. */
.canvas .row-badge[b-cqgx9058ct],
.canvas .compact-glass-badge[b-cqgx9058ct] {
    position: absolute !important;
    left: 6px !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 20px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 3px 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.70) !important;
    box-shadow: 0 3px 12px rgba(47,35,52,.18) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    color: #302336 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

/* 2 Zah must stay label-less. */
.canvas .silent-tool-row .row-badge[b-cqgx9058ct],
.canvas .hidden-row .row-badge[b-cqgx9058ct] {
    display: none !important;
}

/* Old hover badge can overlap the new glass label; remove it. */
.canvas .tool-row:hover[b-cqgx9058ct]::after {
    display: none !important;
    content: none !important;
}

/* No pseudo-element may add preview height. */
.canvas > .row[b-cqgx9058ct]::before,
.canvas > .row[b-cqgx9058ct]::after,
.canvas > .hidden-row[b-cqgx9058ct]::before,
.canvas > .hidden-row[b-cqgx9058ct]::after {
    margin: 0 !important;
}

/* BANOL_V14_1_18_FORCE_COMPACT_PREVIEW_END */

/* BANOL_V14_1_23C_SLEEVE_MODE_123 */
.sleeve-model-box[b-cqgx9058ct]{margin-top:0!important;}
.sleeve-mode-grid[b-cqgx9058ct]{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.sleeve-mode-grid button[b-cqgx9058ct]{min-height:44px;padding:8px 6px;font-size:12px;}
.sleeve-model-note[b-cqgx9058ct]{display:block;margin-top:8px;line-height:1.8;color:#6d6171;}
@media(max-width:760px){
 .sleeve-mode-grid[b-cqgx9058ct]{grid-template-columns:1fr!important;}
}
/* /Components/Pages/Admin/Work/AutoSetZihPrototype.razor.rz.scp.css */
.zih-card[b-97h0ma1e0o]{margin:18px 0;padding:18px;border:1px solid #e6e0e8;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(38,20,43,.06)}.zih-card *[b-97h0ma1e0o]{box-sizing:border-box}.zih-head[b-97h0ma1e0o]{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.zih-head strong[b-97h0ma1e0o]{display:block;font-size:21px;color:#211725}.zih-head small[b-97h0ma1e0o]{display:block;margin-top:5px;line-height:1.8;color:#766c7b;max-width:920px}.zih-head>span[b-97h0ma1e0o]{background:#173f60;color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;white-space:nowrap}.zih-msg[b-97h0ma1e0o]{margin-top:12px;padding:10px 12px;border-radius:10px}.zih-msg.err[b-97h0ma1e0o]{background:#fff1f1;color:#a81717;border:1px solid #facaca}
.zih-controls[b-97h0ma1e0o]{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(260px,1fr) minmax(390px,1.55fr);gap:12px;margin-top:16px}.zih-panel[b-97h0ma1e0o]{border:1px solid #ebe5ee;border-radius:14px;padding:13px;background:#fcfbfd}.panel-title[b-97h0ma1e0o]{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.panel-title strong[b-97h0ma1e0o]{font-size:15px}.panel-title small[b-97h0ma1e0o]{font-size:11px;color:#8a8090}.size-grid[b-97h0ma1e0o]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.size-grid label[b-97h0ma1e0o]{display:grid;gap:5px;font-size:12px;font-weight:800;color:#55495c}.size-grid input[b-97h0ma1e0o]{width:100%;border:1px solid #ddd4e1;border-radius:9px;padding:9px 10px;background:#fff;color:#211725;font:inherit;outline:none}.preset-row[b-97h0ma1e0o]{display:grid;grid-template-columns:1fr 1fr .72fr;gap:6px;margin-bottom:9px}.preset-row button[b-97h0ma1e0o]{border:1px solid #ded3e3;background:#fff;color:#4d4054;border-radius:9px;padding:8px 6px;font-weight:900;cursor:pointer}.preset-row button.active[b-97h0ma1e0o]{background:#245b83;border-color:#245b83;color:#fff}.parts-grid[b-97h0ma1e0o]{display:grid;grid-template-columns:1fr 1fr 1fr 1.35fr;gap:7px}.part-choice[b-97h0ma1e0o]{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:right;border:1px solid #e1d8e5;background:#fff;border-radius:10px;padding:9px 10px;cursor:pointer}.part-choice span[b-97h0ma1e0o]{font-size:12px;color:#5f5365}.part-choice strong[b-97h0ma1e0o]{font-size:12px}.part-choice.done[b-97h0ma1e0o]{background:#eef6fb;border-color:#b6cedd}.part-choice.missing[b-97h0ma1e0o]{border-style:dashed}.fixed-row[b-97h0ma1e0o]{display:flex;gap:8px 14px;justify-content:flex-start;flex-wrap:wrap;margin-top:9px;font-size:11px;color:#776c7c}.scale-row[b-97h0ma1e0o]{margin-top:11px;padding-top:10px;border-top:1px dashed #ddd4e1}.scale-row label[b-97h0ma1e0o]{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;font-size:12px;font-weight:900}.scale-row input[b-97h0ma1e0o]{width:100%}.scale-row small[b-97h0ma1e0o]{display:block;margin-top:5px;color:#8a8090;font-size:10px;line-height:1.7}
.action-row[b-97h0ma1e0o]{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.action-row button[b-97h0ma1e0o]{border:0;border-radius:10px;padding:10px 14px;font-weight:950;cursor:pointer}.action-row button:disabled[b-97h0ma1e0o]{opacity:.5;cursor:not-allowed}.build-btn[b-97h0ma1e0o]{background:#245b83;color:#fff}.download-btn[b-97h0ma1e0o]{background:#157347;color:#fff}.soft-btn[b-97h0ma1e0o]{background:#f1edf3;color:#544a59;border:1px solid #ddd4e1!important}.metric-row[b-97h0ma1e0o]{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.metric-row span[b-97h0ma1e0o]{background:#f7f3f8;border:1px solid #e4dce7;border-radius:999px;padding:6px 9px;font-size:11px;color:#665b6b}
.zih-preview-shell[b-97h0ma1e0o]{margin-top:14px;border:1px solid #e8e1eb;border-radius:15px;padding:12px;background:#fff}.preview-title[b-97h0ma1e0o]{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.preview-title strong[b-97h0ma1e0o]{display:block;font-size:16px}.preview-title small[b-97h0ma1e0o]{display:block;color:#827787;margin-top:3px;font-size:11px}.dim-badges[b-97h0ma1e0o]{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.dim-badges span[b-97h0ma1e0o]{background:#eef6fb;border:1px solid #d5e5ef;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900;color:#31556e}.preview-canvas[b-97h0ma1e0o]{min-height:360px;max-height:820px;overflow:auto;display:grid;place-items:start center;background:#f7f7f7;border:1px solid #eee8f0;border-radius:12px;padding:12px}.preview-canvas img[b-97h0ma1e0o]{display:block;max-width:100%;height:auto;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08)}.zih-note[b-97h0ma1e0o]{margin-top:9px;padding:9px 10px;border-radius:9px;font-size:11px;line-height:1.8;background:#fff8e8;border:1px solid #f0dba7;color:#735716}
.zih-backdrop[b-97h0ma1e0o]{position:fixed;inset:0;z-index:4000;background:rgba(22,12,26,.58);display:grid;place-items:center;padding:16px}.zih-picker[b-97h0ma1e0o]{width:min(1050px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:17px;padding:14px;box-shadow:0 18px 60px rgba(0,0,0,.25)}.zih-picker header[b-97h0ma1e0o]{display:flex;justify-content:space-between;align-items:center;gap:10px}.zih-picker header>div[b-97h0ma1e0o]{display:grid;gap:3px}.zih-picker header small[b-97h0ma1e0o]{color:#84798a}.zih-picker header button[b-97h0ma1e0o]{border:0;background:transparent;font-size:28px;cursor:pointer}.picker-search[b-97h0ma1e0o]{width:100%;margin:11px 0;padding:10px;border:1px solid #ddd4e1;border-radius:9px}.picker-grid[b-97h0ma1e0o]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.picker-grid button[b-97h0ma1e0o]{min-width:0;display:grid;gap:4px;text-align:center;border:1px solid #e7dfea;background:#fff;border-radius:10px;padding:7px;cursor:pointer}.picker-grid img[b-97h0ma1e0o]{width:100%;height:88px;object-fit:contain;background:#fff}.picker-grid strong[b-97h0ma1e0o]{font-size:12px}.picker-grid small[b-97h0ma1e0o]{font-size:10px;color:#817587;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1050px){.zih-controls[b-97h0ma1e0o]{grid-template-columns:1fr 1fr}.parts-panel[b-97h0ma1e0o]{grid-column:1/-1}.picker-grid[b-97h0ma1e0o]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.zih-card[b-97h0ma1e0o]{padding:11px}.zih-head[b-97h0ma1e0o],.preview-title[b-97h0ma1e0o]{flex-direction:column}.zih-controls[b-97h0ma1e0o]{grid-template-columns:1fr}.parts-panel[b-97h0ma1e0o]{grid-column:auto}.size-grid[b-97h0ma1e0o]{grid-template-columns:1fr 1fr}.parts-grid[b-97h0ma1e0o]{grid-template-columns:1fr}.preset-row[b-97h0ma1e0o]{grid-template-columns:1fr 1fr}.preset-row button:last-child[b-97h0ma1e0o]{grid-column:1/-1}.dim-badges[b-97h0ma1e0o]{justify-content:flex-start}.preview-canvas[b-97h0ma1e0o]{max-height:none}.picker-grid[b-97h0ma1e0o]{grid-template-columns:repeat(2,minmax(0,1fr))}}

.stage-row[b-97h0ma1e0o]{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;padding:9px 10px;border:1px solid #e5dfea;border-radius:11px;background:#fbfafc}.stage-row>span[b-97h0ma1e0o]{font-size:12px;font-weight:950;color:#514657}.stage-row button[b-97h0ma1e0o]{width:32px;height:32px;border-radius:8px;border:1px solid #d9cfde;background:#fff;font-weight:950;cursor:pointer}.stage-row button.active[b-97h0ma1e0o]{background:#245b83;color:#fff;border-color:#245b83}.stage-row small[b-97h0ma1e0o]{color:#776c7c;font-size:11px;font-weight:800;margin-right:4px}
/* /Components/Pages/DesignFinder/CustomerCatalog.razor.rz.scp.css */
.customer-catalog[b-p9yrle762p]{max-width:1500px;margin:auto;padding:22px clamp(10px,3vw,38px) 75px;color:#f5efe3}.catalog-breadcrumb[b-p9yrle762p]{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#776e70;font-size:10px}.catalog-breadcrumb a[b-p9yrle762p]{color:#d7c9ca;text-decoration:none}.catalog-breadcrumb strong[b-p9yrle762p]{color:#e3ad28}.catalog-hero[b-p9yrle762p]{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px 38px;border:1px solid #e3ad2838;border-radius:27px;background:radial-gradient(circle at 85% 20%,#6b18242e,transparent 35%),linear-gradient(135deg,#26080d,#1c1819 70%);box-shadow:0 20px 65px #0007}.catalog-hero>div:first-child>span[b-p9yrle762p]{color:#ffd66b;font-size:11px}.catalog-hero h1[b-p9yrle762p]{margin:8px 0;font-size:38px}.catalog-hero p[b-p9yrle762p]{margin:0;color:#cbbfc1;line-height:1.9}.catalog-total[b-p9yrle762p]{min-width:130px;display:flex;flex-direction:column;align-items:center;padding:19px;border:1px solid #e3ad2843;border-radius:18px;background:#e3ad280d}.catalog-total strong[b-p9yrle762p]{color:#ffd66b;font-size:31px}.catalog-total span[b-p9yrle762p]{color:#b9acae;font-size:10px}
.catalog-controls[b-p9yrle762p]{margin-top:20px;padding:10px 24px 20px;border:1px solid #e3ad282b;border-radius:22px;background:#222224;box-shadow:0 14px 45px #0005}.control-block[b-p9yrle762p]{display:grid;grid-template-columns:140px 1fr;align-items:start;gap:16px;padding:17px 0;border-bottom:1px dashed #e3ad2828}.control-title[b-p9yrle762p]{display:flex;flex-direction:column;gap:4px}.control-title small[b-p9yrle762p]{color:#977522;font-size:9px}.control-title strong[b-p9yrle762p]{font-size:12px}.catalog-chips[b-p9yrle762p]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.catalog-chips button[b-p9yrle762p]{position:relative;isolation:isolate;overflow:hidden;min-height:72px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:12px 15px;border:0;border-radius:14px;background:transparent;color:#f5efe3;cursor:pointer;text-align:right;font:inherit}.catalog-chips button[b-p9yrle762p]::before{content:"";position:absolute;inset:-250%;z-index:-2;background:conic-gradient(transparent 0 40%,#895d18 46%,#ffd66b 50%,#895d18 54%,transparent 60% 100%);animation:catalog-gold-spin-b-p9yrle762p 7s linear infinite}.catalog-chips button:nth-child(2)[b-p9yrle762p]::before{animation-delay:-2.3s}.catalog-chips button:nth-child(3)[b-p9yrle762p]::before{animation-delay:-4.6s}.catalog-chips button[b-p9yrle762p]::after{content:"";position:absolute;inset:2px;z-index:-1;border-radius:12px;background:linear-gradient(135deg,#38383b,#2e2e31)}.catalog-chips button:hover[b-p9yrle762p]::before,.catalog-chips button.selected[b-p9yrle762p]::before{animation-duration:2.5s}.catalog-chips button.selected[b-p9yrle762p]::after{background:linear-gradient(135deg,#4e171e,#2e1115)}.catalog-chips button span[b-p9yrle762p]{font-size:12px;font-weight:900}.catalog-chips button small[b-p9yrle762p]{color:#afa4a6;font-size:9px}.catalog-chips button.selected small[b-p9yrle762p]{color:#e3c98a}.group-chips[b-p9yrle762p]{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-search[b-p9yrle762p]{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding-top:18px}.catalog-search label[b-p9yrle762p]{width:min(360px,100%);display:flex;flex-direction:column;gap:6px}.catalog-search label span[b-p9yrle762p]{color:#c1b5b7;font-size:10px}.catalog-search input[b-p9yrle762p]{padding:12px 14px;border:1px solid #e3ad2842;border-radius:11px;background:#171719;color:#fff;font:inherit}.catalog-search input[b-p9yrle762p]::placeholder{color:#746c6e}.catalog-search>small[b-p9yrle762p]{color:#847a7c;font-size:9px}.catalog-state[b-p9yrle762p]{margin-top:20px;padding:34px;border:1px dashed #e3ad2833;border-radius:18px;background:#222224;text-align:center;color:#a99da0}
.results-heading[b-p9yrle762p]{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-top:28px}.results-heading>div[b-p9yrle762p]{display:flex;flex-direction:column;gap:5px}.results-heading span[b-p9yrle762p],.results-heading small[b-p9yrle762p]{color:#928789;font-size:10px}.results-heading strong[b-p9yrle762p]{color:#ffd66b;font-size:19px}.catalog-grid[b-p9yrle762p]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:13px}.catalog-card[b-p9yrle762p]{position:relative;overflow:hidden;border:1px solid #e3ad282d;border-radius:18px;background:#252527;cursor:pointer;box-shadow:0 12px 34px #0005;transition:.2s}.catalog-card:hover[b-p9yrle762p]{transform:translateY(-3px);border-color:#e3ad287a;box-shadow:0 16px 40px #0008,0 0 24px #e3ad2818}.catalog-image[b-p9yrle762p]{height:340px}.protected-design[b-p9yrle762p]{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at center,#4411196b,transparent 55%),linear-gradient(135deg,#242426,#151517)}.protected-design[b-p9yrle762p]::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(45deg,transparent 47%,#e3ad2808 48% 52%,transparent 53%),linear-gradient(-45deg,transparent 47%,#e3ad2808 48% 52%,transparent 53%);background-size:58px 58px}.protected-design img[b-p9yrle762p]{width:100%;height:100%;object-fit:contain;filter:invert(1) grayscale(1) contrast(1.22);mix-blend-mode:screen;opacity:.78;user-select:none;-webkit-user-drag:none;pointer-events:none}.watermark-grid[b-p9yrle762p]{position:absolute;inset:-20%;z-index:3;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-items:center;gap:24px;pointer-events:none;transform:rotate(-24deg)}.watermark-grid span[b-p9yrle762p]{color:#ffd66b24;font-size:28px;font-weight:950;letter-spacing:2px;text-shadow:0 0 10px #000}.design-code-stamp[b-p9yrle762p]{position:absolute;right:12px;bottom:12px;z-index:4;padding:6px 9px;border:1px solid #e3ad2845;border-radius:8px;background:#160d0fd9;color:#ffd66b;font-size:9px;letter-spacing:1px}.catalog-card-info[b-p9yrle762p]{display:flex;align-items:center;gap:10px;padding:14px 17px;border-top:1px solid #e3ad2824;background:#272729}.catalog-card-info span[b-p9yrle762p]{color:#8f8587;font-size:9px}.catalog-card-info strong[b-p9yrle762p]{color:#ffd66b;font-size:24px}.catalog-card-info small[b-p9yrle762p]{margin-right:auto;color:#c7b8ba;font-size:9px}
.catalog-preview[b-p9yrle762p]{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#090708e8;backdrop-filter:blur(7px)}.preview-card[b-p9yrle762p]{width:min(1250px,96vw);height:92vh;display:flex;flex-direction:column;padding:12px;border:1px solid #e3ad2847;border-radius:20px;background:#1d1d1f;box-shadow:0 30px 100px #000}.preview-toolbar[b-p9yrle762p]{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:10px}.preview-toolbar button[b-p9yrle762p]{padding:9px 13px;border:1px solid #e3ad2847;border-radius:10px;background:#2b2022;color:#ffd66b;cursor:pointer;font:inherit}.preview-toolbar>div[b-p9yrle762p]{display:flex;align-items:center;gap:8px}.preview-toolbar span[b-p9yrle762p]{color:#94888a;font-size:9px}.preview-toolbar strong[b-p9yrle762p]{color:#ffd66b;font-size:23px}.preview-image[b-p9yrle762p]{min-height:0;flex:1;border-radius:14px}.large-watermark[b-p9yrle762p]{grid-template-columns:repeat(3,1fr)}.large-watermark span[b-p9yrle762p]{font-size:40px}
@keyframes catalog-gold-spin-b-p9yrle762p{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.catalog-chips button[b-p9yrle762p]::before{animation:none}}
@media(max-width:1050px){.group-chips[b-p9yrle762p]{grid-template-columns:repeat(3,1fr)}.catalog-grid[b-p9yrle762p]{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.customer-catalog[b-p9yrle762p]{padding:12px 9px 45px}.catalog-hero[b-p9yrle762p]{align-items:flex-start;flex-direction:column;padding:23px 19px}.catalog-hero h1[b-p9yrle762p]{font-size:30px}.catalog-total[b-p9yrle762p]{width:100%;box-sizing:border-box}.catalog-controls[b-p9yrle762p]{padding:8px 13px 16px}.control-block[b-p9yrle762p]{grid-template-columns:1fr}.catalog-chips[b-p9yrle762p],.group-chips[b-p9yrle762p]{grid-template-columns:1fr 1fr}.catalog-chips button[b-p9yrle762p]{min-height:66px}.catalog-search[b-p9yrle762p]{align-items:stretch;flex-direction:column}.catalog-grid[b-p9yrle762p]{grid-template-columns:1fr}.catalog-image[b-p9yrle762p]{height:310px}.results-heading[b-p9yrle762p]{align-items:flex-start;flex-direction:column}.catalog-preview[b-p9yrle762p]{padding:7px}.preview-card[b-p9yrle762p]{width:96vw;height:94vh;padding:8px}.large-watermark[b-p9yrle762p]{grid-template-columns:repeat(2,1fr)}.large-watermark span[b-p9yrle762p]{font-size:26px}}
/* /Components/Pages/DesignFinder/CustomerHome.razor.rz.scp.css */
.public-home[b-n7gx536ae3]{--banol-burgundy:#26080d;--banol-burgundy-soft:#451117;--banol-gold:#e3ad28;--banol-gold-light:#ffd66b;--banol-charcoal:#171719;--banol-panel:#29292c;--banol-cream:#f5efe3;max-width:1500px;margin:auto;padding:28px clamp(12px,3vw,40px) 80px;color:var(--banol-cream)}
.public-hero[b-n7gx536ae3]{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);align-items:center;gap:46px;min-height:540px;padding:52px clamp(24px,5vw,74px);border:1px solid #e3ad2840;border-radius:34px;background:radial-gradient(circle at 15% 20%,#6f1c263e,transparent 38%),linear-gradient(135deg,#120d0f,#26080d 58%,#171719);box-shadow:0 28px 90px #0008}
.public-hero[b-n7gx536ae3]::before,.public-hero[b-n7gx536ae3]::after{content:"";position:absolute;z-index:-1;border:1px solid #e3ad281d;transform:rotate(45deg)}
.public-hero[b-n7gx536ae3]::before{width:420px;height:420px;right:-250px;top:-210px}.public-hero[b-n7gx536ae3]::after{width:280px;height:280px;left:-170px;bottom:-150px}
.hero-copy[b-n7gx536ae3]{position:relative;z-index:2}.hero-eyebrow[b-n7gx536ae3]{display:inline-flex;padding:8px 13px;border:1px solid #e3ad2855;border-radius:999px;background:#e3ad2812;color:var(--banol-gold-light);font-size:12px}.hero-copy h1[b-n7gx536ae3]{max-width:720px;margin:20px 0 14px;font-size:clamp(38px,5vw,72px);line-height:1.25}.hero-copy h1 em[b-n7gx536ae3]{color:var(--banol-gold);font-style:normal}.hero-copy p[b-n7gx536ae3]{max-width:680px;margin:0;color:#d9cfd0;font-size:17px;line-height:2}.hero-actions[b-n7gx536ae3]{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-actions a[b-n7gx536ae3]{padding:13px 20px;border-radius:13px;text-decoration:none;font-weight:900}.primary-action[b-n7gx536ae3]{background:linear-gradient(135deg,var(--banol-gold-light),var(--banol-gold));color:#24170a;box-shadow:0 9px 28px #e3ad2835}.secondary-action[b-n7gx536ae3]{border:1px solid #e3ad2848;background:#ffffff09;color:var(--banol-cream)}.hero-notes[b-n7gx536ae3]{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.hero-notes span[b-n7gx536ae3]{padding:7px 10px;border-radius:8px;background:#ffffff0a;color:#cfc3c4;font-size:10px}
.hero-logo-frame[b-n7gx536ae3]{position:relative;isolation:isolate;overflow:hidden;width:min(100%,390px);aspect-ratio:4/5;justify-self:center;padding:3px;border-radius:30px;box-shadow:0 24px 60px #000a}.hero-logo-frame[b-n7gx536ae3]::before{content:"";position:absolute;inset:-70%;z-index:-2;background:conic-gradient(transparent 0 34%,var(--banol-gold-light) 43%,var(--banol-gold) 49%,transparent 58% 100%);animation:banol-light-spin-b-n7gx536ae3 6s linear infinite}.hero-logo-frame[b-n7gx536ae3]::after{content:"";position:absolute;inset:3px;z-index:-1;border-radius:27px;background:#1a0b0e}.hero-logo-inner[b-n7gx536ae3]{width:100%;height:100%;overflow:hidden;border-radius:27px;background:var(--banol-burgundy)}.hero-logo-inner img[b-n7gx536ae3]{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.services-section[b-n7gx536ae3]{padding-top:72px}.section-heading[b-n7gx536ae3]{text-align:center}.section-heading>span[b-n7gx536ae3]{color:var(--banol-gold);font-size:12px;font-weight:900}.section-heading h2[b-n7gx536ae3]{margin:8px 0;font-size:34px}.section-heading p[b-n7gx536ae3]{margin:0;color:#a9a1a3}.service-grid[b-n7gx536ae3]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:32px}.service-card[b-n7gx536ae3]{position:relative;isolation:isolate;overflow:hidden;min-height:145px;display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px;border-radius:22px;color:var(--banol-cream);text-decoration:none;transition:.2s}.service-card[b-n7gx536ae3]::before{content:"";position:absolute;inset:-170%;z-index:-2;background:conic-gradient(transparent 0 37%,#7a5216 44%,var(--banol-gold-light) 49%,#7a5216 54%,transparent 61% 100%);animation:banol-light-spin-b-n7gx536ae3 7s linear infinite}.service-card:nth-child(2)[b-n7gx536ae3]::before{animation-delay:-1.7s}.service-card:nth-child(3)[b-n7gx536ae3]::before{animation-delay:-3.4s}.service-card:nth-child(4)[b-n7gx536ae3]::before{animation-delay:-5.1s}.service-card[b-n7gx536ae3]::after{content:"";position:absolute;inset:2px;z-index:-1;border-radius:20px;background:linear-gradient(135deg,#343437,#27272a)}.service-card:hover[b-n7gx536ae3]::before{animation-duration:2.2s}.service-card:hover[b-n7gx536ae3]{transform:translateY(-3px)}.coming-card[b-n7gx536ae3]{opacity:.76}.service-icon[b-n7gx536ae3]{width:76px;height:76px;display:grid;place-items:center;border:1px solid #e3ad283e;border-radius:19px;background:#160e10;color:var(--banol-gold);font-size:30px;font-weight:950}.image-icon img[b-n7gx536ae3]{width:58px;height:58px;object-fit:contain;filter:invert(85%) sepia(55%) saturate(724%) hue-rotate(352deg) brightness(98%)}.service-copy[b-n7gx536ae3]{display:flex;flex-direction:column;gap:8px}.service-copy strong[b-n7gx536ae3]{font-size:20px}.service-copy small[b-n7gx536ae3]{color:#bcb3b5;font-size:11px}.service-card>b[b-n7gx536ae3]{color:var(--banol-gold);font-size:25px}.service-state[b-n7gx536ae3]{position:absolute;top:12px;left:14px;padding:5px 8px;border-radius:999px;background:#e3ad2819;color:var(--banol-gold-light);font-size:9px}
.public-assurance[b-n7gx536ae3]{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:70px;padding:26px 30px;border:1px solid #e3ad2833;border-radius:22px;background:linear-gradient(135deg,#2b171a,#1d1d1f)}.public-assurance>div[b-n7gx536ae3]{display:flex;flex-direction:column;gap:7px}.public-assurance strong[b-n7gx536ae3]{color:var(--banol-gold-light)}.public-assurance span[b-n7gx536ae3]{color:#bcb2b3;font-size:11px}.public-assurance a[b-n7gx536ae3]{white-space:nowrap;padding:11px 16px;border-radius:11px;background:var(--banol-gold);color:#211507;text-decoration:none;font-weight:900}
@keyframes banol-light-spin-b-n7gx536ae3{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hero-logo-frame[b-n7gx536ae3]::before,.service-card[b-n7gx536ae3]::before{animation:none}}
@media(max-width:900px){.public-hero[b-n7gx536ae3]{grid-template-columns:1fr;min-height:0}.hero-logo-frame[b-n7gx536ae3]{width:min(75vw,330px)}.service-grid[b-n7gx536ae3]{grid-template-columns:1fr}}
@media(max-width:600px){.public-home[b-n7gx536ae3]{padding:14px 10px 50px}.public-hero[b-n7gx536ae3]{gap:32px;padding:28px 18px;border-radius:24px}.hero-copy h1[b-n7gx536ae3]{font-size:37px}.hero-copy p[b-n7gx536ae3]{font-size:14px}.hero-actions[b-n7gx536ae3]{display:grid}.hero-actions a[b-n7gx536ae3]{text-align:center}.hero-logo-frame[b-n7gx536ae3]{width:min(78vw,290px);border-radius:24px}.hero-logo-frame[b-n7gx536ae3]::after,.hero-logo-inner[b-n7gx536ae3]{border-radius:21px}.services-section[b-n7gx536ae3]{padding-top:48px}.section-heading h2[b-n7gx536ae3]{font-size:27px}.service-card[b-n7gx536ae3]{grid-template-columns:66px minmax(0,1fr) auto;min-height:126px;padding:19px 15px}.service-icon[b-n7gx536ae3]{width:62px;height:62px}.service-copy strong[b-n7gx536ae3]{font-size:17px}.public-assurance[b-n7gx536ae3]{align-items:stretch;flex-direction:column;padding:21px}.public-assurance a[b-n7gx536ae3]{text-align:center}}
/* /Components/Pages/DesignFinder/DesignFinder.razor.rz.scp.css */
.design-finder-page[b-tu06u6e05y] {
    max-width: 1460px;
    margin: 0 auto;
    padding: 28px clamp(16px, 3vw, 38px) 72px;
}

.design-finder-page button[b-tu06u6e05y],
.design-finder-page input[b-tu06u6e05y] {
    font: inherit;
}

.tag-only-switch[b-tu06u6e05y]{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:18px 22px;border:1px solid #d9cce0;border-radius:18px;background:#fff}.tag-only-switch div[b-tu06u6e05y]{display:flex;flex-direction:column;gap:5px}.tag-only-switch span[b-tu06u6e05y]{color:#7b7281;font-size:12px}.tag-only-switch button[b-tu06u6e05y]{padding:10px 17px;border:1px solid #79558f;border-radius:11px;background:#fff;color:#5d3c78;cursor:pointer;font-weight:800}.tag-only-switch button.active[b-tu06u6e05y]{background:#5d3c78;color:#fff}
.component-card.excluded[b-tu06u6e05y]{border-color:#b84c5e!important;background:#fff1f3!important;box-shadow:inset 0 0 0 1px #b84c5e}.component-card.excluded .component-check[b-tu06u6e05y]{background:#a83f52!important;color:#fff}.component-filter-state[b-tu06u6e05y]{font-size:10px;color:#887c8e}.component-card.selected .component-filter-state[b-tu06u6e05y]{color:#28715c;font-weight:800}.component-card.excluded .component-filter-state[b-tu06u6e05y]{color:#a23c50;font-weight:800}.component-result-count[b-tu06u6e05y]{padding:4px 7px;border-radius:999px;background:#f2eef4;color:#6f6376;font-size:9px}.filter-legend[b-tu06u6e05y]{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;padding:11px;border-radius:11px;background:#f8f5f9;color:#766b7d;font-size:10px}.filter-legend span[b-tu06u6e05y]{display:flex;align-items:center;gap:5px}.filter-legend b[b-tu06u6e05y]{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#e8e1eb}.filter-legend .required-dot[b-tu06u6e05y]{background:#dff2ea;color:#24705b}.filter-legend .excluded-dot[b-tu06u6e05y]{background:#ffe1e6;color:#a13b4e}
.customer-preview .customer-image-scroll img[b-tu06u6e05y]{min-height:0;max-height:none}
.advanced-filter-switch[b-tu06u6e05y]{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px;padding:14px 16px;border:1px solid #ded5e3;border-radius:14px;background:#faf8fb}.advanced-filter-switch>div[b-tu06u6e05y]{display:flex;flex-direction:column;gap:4px}.advanced-filter-switch span[b-tu06u6e05y]{color:#7e7484;font-size:10px}.advanced-filter-switch button[b-tu06u6e05y]{padding:9px 13px;border:1px solid #76528a;border-radius:9px;background:#fff;color:#5d3c78;cursor:pointer;font-size:10px;font-weight:800}.advanced-filter-switch.active[b-tu06u6e05y]{border-color:#5d3c78;background:#f2eaf6}.advanced-filter-switch.active button[b-tu06u6e05y]{background:#5d3c78;color:#fff}

.finder-hero[b-tu06u6e05y] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 34px;
    padding: clamp(25px, 4vw, 48px);
    border: 1px solid rgba(91, 58, 116, .12);
    border-radius: 28px;
    background:
        radial-gradient(circle at 8% 18%, rgba(255, 255, 255, .16), transparent 14rem),
        linear-gradient(135deg, #2b1d35 0, #5c3b75 58%, #84619a 100%);
    color: white;
    box-shadow: 0 24px 70px rgba(48, 29, 61, .18);
}

.finder-hero[b-tu06u6e05y]::after {
    position: absolute;
    left: -55px;
    bottom: -75px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 50%;
    box-shadow:
        0 0 0 30px rgba(255, 255, 255, .035),
        0 0 0 65px rgba(255, 255, 255, .025);
    content: "";
}

.finder-hero > *[b-tu06u6e05y] {
    position: relative;
    z-index: 1;
}

.hero-eyebrow[b-tu06u6e05y] {
    display: inline-flex;
    margin-bottom: 13px;
    padding: 6px 11px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    color: #f4eaf8;
    font-size: 12px;
    font-weight: 800;
}

.finder-hero h1[b-tu06u6e05y] {
    margin: 0;
    font-size: clamp(29px, 4vw, 47px);
    line-height: 1.28;
    letter-spacing: -.7px;
}

.finder-hero p[b-tu06u6e05y] {
    max-width: 820px;
    margin: 15px 0 0;
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    line-height: 2;
}

.hero-summary[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: repeat(3, minmax(92px, 1fr));
    gap: 9px;
}

.hero-summary > div[b-tu06u6e05y] {
    min-width: 98px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 17px 12px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 18px;
    background: rgba(255, 255, 255, .09);
    backdrop-filter: blur(8px);
}

.hero-summary strong[b-tu06u6e05y] {
    font-size: 28px;
    line-height: 1;
}

.hero-summary span[b-tu06u6e05y] {
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
}

.finder-steps[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 7px;
    margin: 20px 0;
    padding: 7px;
    border: 1px solid #e7e0eb;
    border-radius: 17px;
    background: rgba(255, 255, 255, .8);
}

.customer-zoom-toolbar[b-tu06u6e05y]{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px;direction:ltr}.customer-zoom-toolbar button[b-tu06u6e05y]{padding:6px 9px;border:1px solid #d4c7db;border-radius:8px;background:#fff;color:#5d3c78;cursor:pointer;font-size:10px}.customer-zoom-toolbar strong[b-tu06u6e05y]{min-width:45px;font-size:10px;text-align:center}.customer-image-scroll[b-tu06u6e05y]{height:220px;display:flex;align-items:center;justify-content:center;overflow:auto;border-radius:12px;background:#fff}.customer-image-scroll.zoomed[b-tu06u6e05y]{align-items:flex-start;justify-content:flex-start}.customer-image-scroll img[b-tu06u6e05y]{flex:0 0 auto;object-fit:contain}

.finder-steps span[b-tu06u6e05y] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 43px;
    border-radius: 11px;
    color: #93899a;
    font-size: 13px;
    font-weight: 800;
}

.finder-steps b[b-tu06u6e05y] {
    width: 23px;
    height: 23px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #eee9f0;
    font-size: 12px;
}

.finder-steps .active[b-tu06u6e05y] {
    background: #f1eaf5;
    color: #5a3a70;
}

.finder-steps .active b[b-tu06u6e05y] {
    background: #5d3c78;
    color: white;
}

.finder-steps .done[b-tu06u6e05y] {
    color: #24705b;
}

.finder-steps .done b[b-tu06u6e05y] {
    background: #dff3ea;
    color: #24705b;
}

.finder-panel[b-tu06u6e05y] {
    margin-top: 18px;
    padding: clamp(20px, 3vw, 30px);
    border: 1px solid #e7e2ea;
    border-radius: 23px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 12px 34px rgba(37, 28, 45, .055);
}

.panel-heading[b-tu06u6e05y],
.panel-heading > div[b-tu06u6e05y],
.selection-title[b-tu06u6e05y] {
    display: flex;
    align-items: center;
}

.panel-heading[b-tu06u6e05y] {
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.panel-heading > div[b-tu06u6e05y] {
    gap: 12px;
}

.step-number[b-tu06u6e05y] {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #eee7f2;
    color: #5b3b72;
    font-size: 17px;
    font-weight: 900;
}

.panel-heading h2[b-tu06u6e05y] {
    margin: 0;
    font-size: 21px;
}

.panel-heading p[b-tu06u6e05y] {
    margin: 5px 0 0;
    color: #7b7281;
    font-size: 13px;
    line-height: 1.7;
}

.plain-button[b-tu06u6e05y] {
    flex: 0 0 auto;
    padding: 9px 13px;
    border: 1px solid #ded5e3;
    border-radius: 11px;
    background: white;
    color: #624578;
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
}

.plain-button:hover:not(:disabled)[b-tu06u6e05y] {
    border-color: #a88eb8;
    background: #faf7fb;
}

.plain-button:disabled[b-tu06u6e05y] {
    cursor: wait;
    opacity: .55;
}

.danger-text[b-tu06u6e05y] {
    color: #a33d50;
}

.photo-workspace[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: minmax(280px, 1.4fr) minmax(230px, .8fr);
    gap: 14px;
}

.photo-dropzone[b-tu06u6e05y] {
    min-height: 168px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 22px;
    border: 2px dashed #cdbed6;
    border-radius: 18px;
    background: #fbf9fc;
    text-align: center;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.photo-dropzone:hover:not(.busy)[b-tu06u6e05y] {
    border-color: #805b96;
    background: #f7f1fa;
    transform: translateY(-1px);
}

.photo-dropzone.busy[b-tu06u6e05y] {
    cursor: wait;
    opacity: .68;
}

.photo-dropzone input[b-tu06u6e05y] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.upload-icon[b-tu06u6e05y] {
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: #eee5f3;
    color: #5e3d74;
    font-size: 27px;
    font-weight: 900;
}

.photo-dropzone strong[b-tu06u6e05y] {
    color: #3c2a48;
    font-size: 14px;
}

.photo-dropzone small[b-tu06u6e05y] {
    color: #817687;
    font-size: 11px;
    line-height: 1.7;
}

.customer-preview[b-tu06u6e05y] {
    position: relative;
    min-height: 168px;
    overflow: hidden;
    border: 1px solid #dfd8e3;
    border-radius: 18px;
    background: #f4f2f5;
}

.customer-preview img[b-tu06u6e05y] {
    width: 100%;
    height: 100%;
    min-height: 168px;
    max-height: 260px;
    display: block;
    object-fit: contain;
    background: white;
}

.customer-preview span[b-tu06u6e05y] {
    position: absolute;
    right: 9px;
    bottom: 9px;
    padding: 5px 9px;
    border-radius: 8px;
    background: rgba(35, 26, 41, .78);
    color: white;
    font-size: 10px;
}

.shape-analysis-status[b-tu06u6e05y] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 66px;
    padding: 12px 15px;
    border: 1px solid #e6e0e9;
    border-radius: 15px;
    background: #faf9fb;
}

.shape-analysis-status.ready[b-tu06u6e05y] {
    border-color: #c7e3d9;
    background: #f2faf7;
}

.shape-analysis-status > div[b-tu06u6e05y] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.shape-analysis-status strong[b-tu06u6e05y] {
    font-size: 13px;
}

.shape-analysis-status small[b-tu06u6e05y] {
    color: #7d7483;
    font-size: 11px;
}

.status-dot[b-tu06u6e05y],
.status-check[b-tu06u6e05y],
.inline-spinner[b-tu06u6e05y] {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 11px;
}

.status-dot[b-tu06u6e05y] {
    background: #eae5ed;
}

.status-dot[b-tu06u6e05y]::after {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #8c7d95;
    content: "";
}

.status-check[b-tu06u6e05y] {
    background: #dcefe8;
    color: #27735c;
    font-weight: 900;
}

.inline-spinner[b-tu06u6e05y] {
    width: 27px;
    height: 27px;
    border: 3px solid #e2d9e7;
    border-top-color: #65447a;
    border-radius: 50%;
    animation: finder-spin-b-tu06u6e05y .8s linear infinite;
}

@keyframes finder-spin-b-tu06u6e05y {
    to {
        transform: rotate(360deg);
    }
}

.finder-alert[b-tu06u6e05y] {
    margin-top: 12px;
    padding: 11px 14px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
}

.finder-alert.error[b-tu06u6e05y] {
    border: 1px solid #f1cbd2;
    background: #fff4f5;
    color: #97384a;
}

.selection-block + .selection-block[b-tu06u6e05y] {
    margin-top: 25px;
    padding-top: 24px;
    border-top: 1px dashed #e1d9e6;
}

.selection-title[b-tu06u6e05y] {
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 13px;
}

.selection-title strong[b-tu06u6e05y] {
    font-size: 14px;
}

.selection-title small[b-tu06u6e05y] {
    color: #887e8f;
    font-size: 11px;
}

.main-category-grid[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.main-category-card[b-tu06u6e05y] {
    position: relative;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 15px 11px;
    border: 1px solid #e2dce5;
    border-radius: 17px;
    background: white;
    color: #382b40;
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.main-category-card:hover:not(:disabled)[b-tu06u6e05y] {
    border-color: #a78ab8;
    box-shadow: 0 10px 26px rgba(76, 47, 94, .1);
    transform: translateY(-2px);
}

.main-category-card.selected[b-tu06u6e05y] {
    border-color: #6c4a82;
    background: #f8f3fa;
    box-shadow: inset 0 0 0 2px rgba(108, 74, 130, .1);
}

.main-category-card.disabled[b-tu06u6e05y] {
    cursor: not-allowed;
    opacity: .62;
}

.category-icon[b-tu06u6e05y] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    margin-bottom: 3px;
    border-radius: 14px;
    background: #f1ebf4;
    color: #65457a;
    font-size: 25px;
}

.main-category-card strong[b-tu06u6e05y] {
    font-size: 17px;
}

.main-category-card small[b-tu06u6e05y] {
    color: #887e8e;
    font-size: 10px;
}

.choice-count[b-tu06u6e05y],
.pending-badge[b-tu06u6e05y] {
    margin-top: 5px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
}

.choice-count[b-tu06u6e05y] {
    background: #e5f3ed;
    color: #286e59;
}

.pending-badge[b-tu06u6e05y] {
    background: #f0edf1;
    color: #807684;
}

.reveal-block[b-tu06u6e05y] {
    animation: finder-reveal-b-tu06u6e05y .22s ease both;
}

@keyframes finder-reveal-b-tu06u6e05y {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
}

.chip-choice-grid[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.group-grid[b-tu06u6e05y] {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.chip-choice[b-tu06u6e05y] {
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 15px;
    border: 1px solid #e1d9e5;
    border-radius: 14px;
    background: #fff;
    color: #3d2d46;
    cursor: pointer;
}

.chip-choice:hover:not(:disabled)[b-tu06u6e05y] {
    border-color: #aa90b9;
    background: #fcf9fd;
}

.chip-choice.selected[b-tu06u6e05y] {
    border-color: #67467e;
    background: #f1e9f5;
    color: #4c2f60;
    box-shadow: inset 0 0 0 1px #67467e;
}

.chip-choice.disabled[b-tu06u6e05y] {
    cursor: not-allowed;
    opacity: .48;
}

.chip-choice strong[b-tu06u6e05y] {
    font-size: 13px;
}

.chip-choice span[b-tu06u6e05y] {
    padding: 4px 8px;
    border-radius: 999px;
    background: #f1eef2;
    color: #7c7183;
    font-size: 9px;
}

.chip-choice.selected span[b-tu06u6e05y] {
    background: white;
    color: #5a3a70;
}

.no-third-level[b-tu06u6e05y] {
    margin-top: 22px;
    padding: 12px 14px;
    border: 1px solid #d9e7df;
    border-radius: 12px;
    background: #f5faf7;
    color: #39705e;
    font-size: 12px;
}

.selected-path[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 14px;
    margin-top: 23px;
    padding: 14px 16px;
    border-radius: 14px;
    background: #30243a;
    color: white;
}

.selected-path span[b-tu06u6e05y] {
    color: #c8bace;
    font-size: 10px;
}

.selected-path strong[b-tu06u6e05y] {
    font-size: 13px;
}

.selected-path small[b-tu06u6e05y] {
    color: #ddcfe2;
    font-size: 10px;
}

.component-grid[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.component-card[b-tu06u6e05y] {
    position: relative;
    min-height: 185px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    overflow: hidden;
    padding: 13px;
    border: 1px solid #e2dce5;
    border-radius: 16px;
    background: #fff;
    color: #3b2b44;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.component-card:hover[b-tu06u6e05y] {
    border-color: #a98cb9;
    transform: translateY(-2px);
}

.component-card.selected[b-tu06u6e05y] {
    border-color: #65437c;
    background: #faf5fc;
    box-shadow: inset 0 0 0 2px rgba(101, 67, 124, .13);
}

.component-card img[b-tu06u6e05y],
.pending-component-image[b-tu06u6e05y] {
    width: 100%;
    height: 105px;
    display: block;
    object-fit: contain;
}

.pending-component-image[b-tu06u6e05y] {
    display: grid;
    place-items: center;
    border: 1px dashed #cabbd3;
    border-radius: 12px;
    background: repeating-linear-gradient(135deg, #faf7fb, #faf7fb 9px, #f2ecf5 9px, #f2ecf5 18px);
    color: #795b8d;
    font-size: 20px;
    font-weight: 900;
}

.component-card strong[b-tu06u6e05y] {
    font-size: 13px;
}

.component-card small[b-tu06u6e05y] {
    min-height: 17px;
    color: #877c8d;
    font-size: 9px;
}

.component-check[b-tu06u6e05y] {
    position: absolute;
    top: 9px;
    left: 9px;
    z-index: 2;
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    border: 1px solid #d5c9db;
    border-radius: 9px;
    background: white;
    color: white;
    font-size: 13px;
    font-weight: 900;
}

.component-card.selected .component-check[b-tu06u6e05y] {
    border-color: #604076;
    background: #604076;
}

.test-data-note[b-tu06u6e05y] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    padding: 12px 14px;
    border: 1px solid #eadfbf;
    border-radius: 13px;
    background: #fffaf0;
    color: #755e24;
    font-size: 11px;
    line-height: 1.8;
}

.test-data-note strong[b-tu06u6e05y] {
    flex: 0 0 auto;
    padding: 4px 7px;
    border-radius: 8px;
    background: #f3e7c1;
    font-size: 10px;
}

.result-count[b-tu06u6e05y] {
    flex: 0 0 auto;
    padding: 7px 11px;
    border-radius: 999px;
    background: #eee8f1;
    color: #5f4175;
    font-size: 11px;
    font-weight: 900;
}

.result-placeholder[b-tu06u6e05y] {
    min-height: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 25px;
    border: 1px dashed #dcd3e1;
    border-radius: 17px;
    background: #fbfafc;
    text-align: center;
}

.result-placeholder > span[b-tu06u6e05y] {
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: #eee9f1;
    color: #735583;
    font-size: 24px;
}

.result-placeholder strong[b-tu06u6e05y] {
    font-size: 14px;
}

.result-placeholder small[b-tu06u6e05y] {
    color: #83798a;
    font-size: 11px;
    line-height: 1.8;
}

.ranking-explanation[b-tu06u6e05y] {
    margin-bottom: 13px;
    padding: 9px 12px;
    border-radius: 11px;
    background: #f5f1f7;
    color: #6b547a;
    font-size: 10px;
    font-weight: 800;
}

.result-grid[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
}

.result-card[b-tu06u6e05y] {
    position: relative;
    overflow: hidden;
    border: 1px solid #e1dbe5;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(43, 31, 51, .05);
}

.result-card.best-result[b-tu06u6e05y] {
    border-color: #6f4a86;
    box-shadow: 0 14px 34px rgba(86, 51, 108, .15);
}

.result-card-top[b-tu06u6e05y] {
    position: absolute;
    top: 10px;
    right: 10px;
    left: 10px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
}

.rank-number[b-tu06u6e05y],
.best-badge[b-tu06u6e05y] {
    min-height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 9px;
    box-shadow: 0 4px 12px rgba(35, 24, 43, .12);
    font-size: 10px;
    font-weight: 900;
}

.rank-number[b-tu06u6e05y] {
    min-width: 27px;
    background: rgba(255, 255, 255, .92);
    color: #4b3658;
}

.best-badge[b-tu06u6e05y] {
    background: #5d3c78;
    color: white;
}

.result-image[b-tu06u6e05y] {
    height: 245px;
    display: block;
    padding: 20px;
    border-bottom: 1px solid #eee9f0;
    background:
        linear-gradient(#f5f3f6 1px, transparent 1px),
        linear-gradient(90deg, #f5f3f6 1px, transparent 1px),
        #fff;
    background-size: 22px 22px;
}

.result-image img[b-tu06u6e05y] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.result-code-row[b-tu06u6e05y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 15px 10px;
}

.result-code-row > div[b-tu06u6e05y] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.result-code-row span[b-tu06u6e05y] {
    color: #83788a;
    font-size: 9px;
}

.result-code-row strong[b-tu06u6e05y] {
    color: #2d2035;
    font-size: 24px;
    line-height: 1.15;
}

.copy-code-button[b-tu06u6e05y] {
    min-width: 72px;
    padding: 8px 10px;
    border: 1px solid #d7cddd;
    border-radius: 10px;
    background: #f8f4fa;
    color: #5a3970;
    cursor: pointer;
    font-size: 10px;
    font-weight: 900;
}

.copy-code-button:hover[b-tu06u6e05y] {
    border-color: #8f6da4;
    background: #f0e8f4;
}

.score-list[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 7px;
    padding: 0 15px 11px;
}

.score-list > div[b-tu06u6e05y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    padding: 8px 9px;
    border-radius: 9px;
    background: #f6f3f7;
}

.score-list span[b-tu06u6e05y] {
    color: #776b7e;
    font-size: 9px;
}

.score-list strong[b-tu06u6e05y] {
    color: #513765;
    font-size: 10px;
}

.result-components[b-tu06u6e05y] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    min-height: 52px;
    padding: 0 15px 15px;
}

.result-components span[b-tu06u6e05y] {
    align-self: flex-start;
    padding: 4px 7px;
    border-radius: 7px;
    background: #f1eef2;
    color: #746a79;
    font-size: 9px;
}

.result-components span.matched[b-tu06u6e05y] {
    background: #dff1ea;
    color: #276d58;
    font-weight: 900;
}

.untagged-note[b-tu06u6e05y] {
    min-height: 52px;
    padding: 5px 15px 15px;
    color: #988e9e;
    font-size: 9px;
}

.main-category-card:focus-visible[b-tu06u6e05y],
.chip-choice:focus-visible[b-tu06u6e05y],
.component-card:focus-visible[b-tu06u6e05y],
.plain-button:focus-visible[b-tu06u6e05y],
.copy-code-button:focus-visible[b-tu06u6e05y],
.photo-dropzone:focus-within[b-tu06u6e05y] {
    outline: 3px solid rgba(107, 73, 129, .23);
    outline-offset: 2px;
}

@media (max-width: 1080px) {
    .finder-hero[b-tu06u6e05y] {
        grid-template-columns: 1fr;
    }

    .hero-summary[b-tu06u6e05y] {
        max-width: 430px;
    }

    .main-category-grid[b-tu06u6e05y],
    .component-grid[b-tu06u6e05y] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

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

@media (max-width: 720px) {
    .design-finder-page[b-tu06u6e05y] {
        padding: 15px 11px 45px;
    }

    .finder-hero[b-tu06u6e05y] {
        gap: 22px;
        padding: 24px 19px;
        border-radius: 21px;
    }

    .finder-hero h1[b-tu06u6e05y] {
        font-size: 29px;
    }

    .finder-hero p[b-tu06u6e05y] {
        font-size: 13px;
    }

    .hero-summary[b-tu06u6e05y] {
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }

    .hero-summary > div[b-tu06u6e05y] {
        min-width: 0;
        padding: 13px 6px;
    }

    .hero-summary strong[b-tu06u6e05y] {
        font-size: 22px;
    }

    .finder-steps[b-tu06u6e05y] {
        overflow-x: auto;
        display: flex;
        justify-content: flex-start;
    }

    .finder-steps span[b-tu06u6e05y] {
        flex: 0 0 auto;
        padding: 0 10px;
    }

    .finder-panel[b-tu06u6e05y] {
        padding: 18px 13px;
        border-radius: 18px;
    }

    .panel-heading[b-tu06u6e05y] {
        align-items: flex-start;
    }

    .panel-heading h2[b-tu06u6e05y] {
        font-size: 18px;
    }

    .panel-heading p[b-tu06u6e05y] {
        font-size: 11px;
    }

    .step-number[b-tu06u6e05y] {
        width: 35px;
        height: 35px;
    }

    .photo-workspace[b-tu06u6e05y] {
        grid-template-columns: 1fr;
    }

    .shape-analysis-status[b-tu06u6e05y] {
        grid-column: auto;
    }

    .main-category-grid[b-tu06u6e05y] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .main-category-card[b-tu06u6e05y] {
        min-height: 138px;
    }

    .chip-choice-grid[b-tu06u6e05y],
    .group-grid[b-tu06u6e05y] {
        grid-template-columns: 1fr;
    }

    .selection-title[b-tu06u6e05y] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .selected-path[b-tu06u6e05y] {
        grid-template-columns: 1fr;
        gap: 4px;
    }

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

    .component-card[b-tu06u6e05y] {
        min-height: 172px;
        padding: 10px;
    }

    .component-card img[b-tu06u6e05y],
    .pending-component-image[b-tu06u6e05y] {
        height: 94px;
    }

    .test-data-note[b-tu06u6e05y] {
        align-items: flex-start;
        flex-direction: column;
    }

    .result-grid[b-tu06u6e05y] {
        grid-template-columns: 1fr;
    }

    .result-image[b-tu06u6e05y] {
        height: 220px;
    }
}

@media (max-width: 410px) {
    .component-grid[b-tu06u6e05y] {
        grid-template-columns: 1fr 1fr;
        gap: 7px;
    }

    .component-card strong[b-tu06u6e05y] {
        font-size: 11px;
    }
}


/* V13.2 — درخت کامل دسته‌بندی و فیلتر «فاقد تگ» */
.category-tree-list[b-tu06u6e05y] {
    display: grid;
    gap: 7px;
}

.category-tree-choice[b-tu06u6e05y] {
    width: 100%;
    min-height: 58px;
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding-top: 10px;
    padding-left: 12px;
    padding-bottom: 10px;
    border: 1px solid #e1d9e5;
    border-radius: 13px;
    background: #fff;
    color: #3d2d46;
    text-align: right;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, transform .15s ease;
}

.category-tree-choice:hover:not(:disabled)[b-tu06u6e05y] {
    border-color: #a98db8;
    background: #fcf9fd;
    transform: translateY(-1px);
}

.category-tree-choice.selected[b-tu06u6e05y] {
    border-color: #67467e;
    background: #f1e9f5;
    box-shadow: inset 0 0 0 1px #67467e;
}

.category-tree-choice.disabled[b-tu06u6e05y] {
    cursor: not-allowed;
    opacity: .48;
}

.category-tree-branch[b-tu06u6e05y] {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #f0eaf3;
    color: #67467e;
    font-weight: 900;
}

.category-tree-name[b-tu06u6e05y] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.category-tree-name strong[b-tu06u6e05y] {
    font-size: 13px;
}

.category-tree-name small[b-tu06u6e05y] {
    color: #897e8f;
    font-size: 9px;
}

.category-tree-count[b-tu06u6e05y] {
    padding: 5px 8px;
    border-radius: 999px;
    background: #f1eef2;
    color: #6f6475;
    font-size: 9px;
    font-weight: 900;
    white-space: nowrap;
}

.category-tree-choice.selected .category-tree-count[b-tu06u6e05y] {
    background: #fff;
    color: #5a3a70;
}

.component-filter-mode-grid[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 14px;
}

.component-filter-mode-grid .advanced-filter-switch[b-tu06u6e05y] {
    margin-bottom: 0;
}

.missing-filter-switch[b-tu06u6e05y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 14px 16px;
    border: 1px solid #ead6da;
    border-radius: 14px;
    background: #fffafa;
}

.missing-filter-switch > div[b-tu06u6e05y] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.missing-filter-switch span[b-tu06u6e05y] {
    color: #87757a;
    font-size: 10px;
    line-height: 1.7;
}

.missing-filter-switch button[b-tu06u6e05y] {
    flex: 0 0 auto;
    padding: 9px 13px;
    border: 1px solid #a74d5f;
    border-radius: 9px;
    background: #fff;
    color: #983f51;
    cursor: pointer;
    font-size: 10px;
    font-weight: 800;
}

.missing-filter-switch.active[b-tu06u6e05y] {
    border-color: #a83f52;
    background: #fff0f3;
}

.missing-filter-switch.active button[b-tu06u6e05y] {
    background: #a83f52;
    color: #fff;
}

.result-category-path[b-tu06u6e05y] {
    display: grid;
    gap: 4px;
    margin: 0 15px 11px;
    padding: 9px 10px;
    border-radius: 10px;
    background: #f8f5f9;
}

.result-category-path span[b-tu06u6e05y] {
    color: #8a7f90;
    font-size: 9px;
}

.result-category-path strong[b-tu06u6e05y] {
    color: #5b4269;
    font-size: 10px;
    line-height: 1.8;
}

@media (max-width: 850px) {
    .component-filter-mode-grid[b-tu06u6e05y] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .category-tree-choice[b-tu06u6e05y] {
        grid-template-columns: 22px minmax(0, 1fr);
    }

    .category-tree-count[b-tu06u6e05y] {
        grid-column: 2;
        justify-self: start;
    }

    .missing-filter-switch[b-tu06u6e05y],
    .advanced-filter-switch[b-tu06u6e05y] {
        align-items: stretch;
        flex-direction: column;
    }
}

/* BANOL_V14_1_13_DESIGN_CODE_SEARCH
   Only: code-search UI + make the existing photo picker look like a button. */
.quick-code-search[b-tu06u6e05y] {
    display: grid;
    gap: 12px;
    margin: 0 0 18px;
    padding: 16px;
    border: 1px solid #ded5e3;
    border-radius: 16px;
    background: #fff;
}

.quick-code-search-title[b-tu06u6e05y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.quick-code-search-title strong[b-tu06u6e05y] {
    color: #3d2d46;
    font-size: 15px;
}

.quick-code-search-title span[b-tu06u6e05y] {
    color: #83798a;
    font-size: 11px;
}

.quick-code-search-row[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 9px;
}

.quick-code-search-row input[b-tu06u6e05y] {
    min-height: 46px;
    padding: 10px 13px;
    border: 1px solid #d9d1de;
    border-radius: 11px;
    background: #fff;
    color: #33273b;
    outline: none;
}

.quick-code-search-row input:focus[b-tu06u6e05y] {
    border-color: #79558f;
    box-shadow: 0 0 0 3px rgba(121, 85, 143, .10);
}

.quick-code-search-row button[b-tu06u6e05y] {
    min-width: 92px;
    padding: 10px 18px;
    border: 0;
    border-radius: 11px;
    background: #604076;
    color: #fff;
    cursor: pointer;
    font-weight: 900;
}

.quick-code-empty[b-tu06u6e05y] {
    padding: 11px 13px;
    border-radius: 10px;
    background: #f7f4f8;
    color: #7a6f80;
    font-size: 11px;
}

.quick-code-result-grid[b-tu06u6e05y] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
}

.quick-code-result-card[b-tu06u6e05y] {
    overflow: hidden;
    border: 1px solid #e1dbe5;
    border-radius: 13px;
    background: #fff;
}

.quick-code-result-card img[b-tu06u6e05y] {
    width: 100%;
    height: 125px;
    display: block;
    object-fit: contain;
    background: #fff;
}

.quick-code-result-card > div[b-tu06u6e05y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 9px 10px;
    border-top: 1px solid #eee9f0;
}

.quick-code-result-card strong[b-tu06u6e05y] {
    color: #4d345d;
    font-size: 12px;
}

.quick-code-result-card small[b-tu06u6e05y] {
    color: #8b808f;
    font-size: 9px;
}

/* Existing image picker: visual change only. The existing InputFile handler is untouched. */
.design-finder-page .photo-dropzone[b-tu06u6e05y] {
    min-height: 50px;
    flex-direction: row;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border: 0;
    border-radius: 12px;
    background: #604076;
    color: #fff;
}

.design-finder-page .photo-dropzone:hover:not(.busy)[b-tu06u6e05y] {
    border-color: transparent;
    background: #513565;
    transform: none;
}

.design-finder-page .photo-dropzone .upload-icon[b-tu06u6e05y] {
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
    color: #fff;
    font-size: 19px;
}

.design-finder-page .photo-dropzone strong[b-tu06u6e05y] {
    color: #fff;
    font-size: 12px;
}

.design-finder-page .photo-dropzone small[b-tu06u6e05y] {
    display: none;
}

@media (max-width: 720px) {
    .quick-code-search-title[b-tu06u6e05y] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .quick-code-search-row[b-tu06u6e05y] {
        grid-template-columns: 1fr;
    }

    .quick-code-search-row button[b-tu06u6e05y] {
        width: 100%;
    }

    .quick-code-result-grid[b-tu06u6e05y] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* V14.4.18 | flexible finder on desktop, Android and iPhone. */
.design-finder-page[b-tu06u6e05y]{width:100%;min-width:0;box-sizing:border-box;padding:16px clamp(9px,2vw,26px) 38px;overflow-wrap:anywhere}
.design-finder-page *[b-tu06u6e05y], .design-finder-page *[b-tu06u6e05y]::before, .design-finder-page *[b-tu06u6e05y]::after{box-sizing:border-box}
.design-finder-page .finder-panel[b-tu06u6e05y]{margin-top:12px;padding:clamp(12px,1.7vw,22px)}
.design-finder-page .finder-hero[b-tu06u6e05y]{gap:14px;padding:clamp(16px,2.5vw,29px)}
.design-finder-page .finder-steps[b-tu06u6e05y]{margin:12px 0}
.design-finder-page .panel-heading[b-tu06u6e05y]{margin-bottom:13px}
.design-finder-page .component-card[b-tu06u6e05y],.design-finder-page .result-card[b-tu06u6e05y],.design-finder-page .photo-workspace > *[b-tu06u6e05y]{min-width:0}
.design-finder-page button[b-tu06u6e05y],.design-finder-page input[b-tu06u6e05y],.design-finder-page select[b-tu06u6e05y]{max-width:100%}
.design-finder-page .exact-tags-choice[b-tu06u6e05y]{align-self:flex-start;border:1px solid #76528a;border-radius:9px;background:#fff;color:#5d3c78;padding:8px 11px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.design-finder-page .exact-tags-choice.active[b-tu06u6e05y]{background:#5d3c78;color:#fff}
@media(max-width:720px){
 .design-finder-page[b-tu06u6e05y]{padding:8px 8px 27px}
 .design-finder-page .finder-panel[b-tu06u6e05y]{padding:12px 10px;border-radius:14px}
 .design-finder-page .finder-hero[b-tu06u6e05y]{border-radius:15px;padding:16px 13px}
 .design-finder-page .finder-hero h1[b-tu06u6e05y]{font-size:clamp(21px,6vw,27px)}
 .design-finder-page .quick-code-search[b-tu06u6e05y]{padding:12px;margin-bottom:10px}
 .design-finder-page .quick-code-search-row[b-tu06u6e05y]{min-width:0}
 .design-finder-page .quick-code-search-row input[b-tu06u6e05y]{min-width:0;width:100%;font-size:16px}
 .design-finder-page .component-filter-mode-grid[b-tu06u6e05y]{grid-template-columns:minmax(0,1fr)}
 .design-finder-page .advanced-filter-switch[b-tu06u6e05y],.design-finder-page .missing-filter-switch[b-tu06u6e05y]{padding:11px;gap:9px}
 .design-finder-page .component-grid[b-tu06u6e05y]{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .design-finder-page .component-card[b-tu06u6e05y]{min-width:0;padding:7px}
 .design-finder-page .component-card img[b-tu06u6e05y]{width:100%;object-fit:contain}
 .design-finder-page .result-grid[b-tu06u6e05y]{grid-template-columns:minmax(0,1fr)}
 .design-finder-page .panel-heading[b-tu06u6e05y]{flex-wrap:wrap;gap:8px}
 .design-finder-page .shape-analysis-status[b-tu06u6e05y]{min-width:0}
 .design-finder-page .result-card img[b-tu06u6e05y]{max-width:100%}
 .design-finder-page .finder-steps[b-tu06u6e05y]{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
 .design-finder-page .photo-dropzone[b-tu06u6e05y]{min-width:0}
 .design-finder-page .advanced-filter-switch button[b-tu06u6e05y],.design-finder-page .missing-filter-switch button[b-tu06u6e05y]{min-height:42px}
}
@media(max-width:380px){.design-finder-page .component-card strong[b-tu06u6e05y]{font-size:11px}.design-finder-page .hero-summary span[b-tu06u6e05y]{font-size:10px}}
/* /Components/Pages/DesignFinder/DesignLibrary.razor.rz.scp.css */
.library-page[b-dn4npsr606]{max-width:1500px;margin:auto;padding:28px 24px 70px;color:#2d2333}.library-page button[b-dn4npsr606],.library-page input[b-dn4npsr606],.library-page select[b-dn4npsr606]{font:inherit}.library-hero[b-dn4npsr606]{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 34px;border-radius:24px;background:linear-gradient(135deg,#30223b,#704d85);color:#fff}.library-hero span[b-dn4npsr606]{font-size:12px;color:#decfe5}.library-hero h1[b-dn4npsr606]{margin:8px 0;font-size:32px}.library-hero p[b-dn4npsr606]{margin:0;color:#eadfee}.library-hero a[b-dn4npsr606]{padding:11px 15px;border:1px solid #ffffff55;border-radius:12px;color:#fff;text-decoration:none;font-weight:800}.stats-grid[b-dn4npsr606]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.stats-grid article[b-dn4npsr606]{padding:17px 20px;border:1px solid #e7dfea;border-radius:16px;background:#fff;box-shadow:0 8px 25px #2c1e3510}.stats-grid strong[b-dn4npsr606],.stats-grid span[b-dn4npsr606]{display:block}.stats-grid strong[b-dn4npsr606]{font-size:28px}.stats-grid span[b-dn4npsr606]{margin-top:4px;color:#827687;font-size:11px}.stats-grid .green strong[b-dn4npsr606]{color:#247059}.stats-grid .orange strong[b-dn4npsr606]{color:#a66d22}.message[b-dn4npsr606],.state-box[b-dn4npsr606]{margin:14px 0;padding:12px 15px;border-radius:12px}.message.success[b-dn4npsr606]{background:#eaf7f1;color:#26705a}.message.error[b-dn4npsr606]{background:#fff0f2;color:#a23d50}.state-box[b-dn4npsr606]{background:#fff;border:1px solid #e5dce9}.workspace[b-dn4npsr606]{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:720px;border:1px solid #e4dce8;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 15px 40px #2c1e350f}.design-list-panel[b-dn4npsr606]{border-left:1px solid #e7e0e9;background:#faf9fb}.list-head[b-dn4npsr606]{display:flex;align-items:center;justify-content:space-between;padding:18px}.list-head h2[b-dn4npsr606]{margin:0;font-size:17px}.list-head small[b-dn4npsr606]{color:#8a7e90}.list-head button[b-dn4npsr606]{border:0;border-radius:10px;padding:8px 10px;background:#5e3f74;color:#fff;cursor:pointer}.search-input[b-dn4npsr606]{width:calc(100% - 28px);box-sizing:border-box;margin:0 14px 10px;padding:11px;border:1px solid #ddd3e2;border-radius:11px}.filter-row[b-dn4npsr606]{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 14px 12px}.filter-row button[b-dn4npsr606]{padding:7px;border:0;border-radius:8px;background:#eee9f0;color:#766a7d;cursor:pointer;font-size:10px}.filter-row button.selected[b-dn4npsr606]{background:#5e3f74;color:#fff}.design-list[b-dn4npsr606]{height:650px;overflow:auto;padding:0 8px 12px}.design-list-item[b-dn4npsr606]{width:100%;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:10px;margin-bottom:6px;padding:8px;border:1px solid transparent;border-radius:12px;background:transparent;text-align:right;cursor:pointer}.design-list-item:hover[b-dn4npsr606],.design-list-item.active[b-dn4npsr606]{border-color:#cbbbd4;background:#f2ebf5}.design-list-item img[b-dn4npsr606]{width:58px;height:50px;object-fit:contain;border-radius:8px;background:#fff}.design-list-item span[b-dn4npsr606]{display:flex;flex-direction:column}.design-list-item strong[b-dn4npsr606]{font-size:14px}.design-list-item small[b-dn4npsr606]{color:#8a7f90;font-size:9px}.design-list-item b[b-dn4npsr606]{width:23px;height:23px;display:grid;place-items:center;border-radius:8px;font-size:11px}.design-list-item b.done[b-dn4npsr606]{background:#dff1ea;color:#27715b}.design-list-item b.pending[b-dn4npsr606]{background:#fff0d9;color:#9b681c}.editor-panel[b-dn4npsr606]{padding:25px}.empty-editor[b-dn4npsr606]{min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#897d90}.editor-head[b-dn4npsr606]{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.editor-head span[b-dn4npsr606]{color:#8c8192;font-size:10px}.editor-head h2[b-dn4npsr606]{margin:3px 0 0;font-size:28px}.position-label[b-dn4npsr606]{padding:7px 10px;border-radius:999px;background:#f0ebf3}.editor-grid[b-dn4npsr606]{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(450px,1.5fr);gap:24px}.large-image[b-dn4npsr606]{height:470px;display:grid;place-items:center;padding:15px;border:1px solid #e3dce6;border-radius:17px;background:linear-gradient(#f4f1f5 1px,transparent 1px),linear-gradient(90deg,#f4f1f5 1px,transparent 1px),#fff;background-size:22px 22px}.large-image img[b-dn4npsr606]{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.large-image.empty[b-dn4npsr606]{color:#94899a}.upload-button[b-dn4npsr606]{display:block;margin-top:10px;padding:11px;border:1px dashed #bcaac7;border-radius:11px;text-align:center;color:#65467a;cursor:pointer}.upload-button input[b-dn4npsr606]{display:none}.form-column>label[b-dn4npsr606],.three-selects label[b-dn4npsr606]{display:flex;flex-direction:column;gap:5px}.form-column label span[b-dn4npsr606],.three-selects span[b-dn4npsr606]{font-size:10px;color:#776d7d}.form-column input[b-dn4npsr606],.form-column select[b-dn4npsr606]{padding:10px;border:1px solid #ddd4e1;border-radius:10px;background:#fff}.three-selects[b-dn4npsr606]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 18px}.component-heading[b-dn4npsr606]{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.component-heading>div[b-dn4npsr606]{display:flex;flex-direction:column}.component-heading small[b-dn4npsr606]{color:#897f8e;font-size:9px}.component-heading button[b-dn4npsr606]{padding:7px 9px;border:1px solid #d9cee0;border-radius:9px;background:#fff;color:#66467a;cursor:pointer;font-size:9px}.component-options[b-dn4npsr606]{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.component-options button[b-dn4npsr606]{position:relative;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #e0d9e4;border-radius:12px;background:#fff;color:#493653;cursor:pointer}.component-options button.selected[b-dn4npsr606]{border-color:#68477f;background:#f2eaf6;box-shadow:inset 0 0 0 1px #68477f}.component-options img[b-dn4npsr606],.no-image[b-dn4npsr606]{width:62px;height:55px;object-fit:contain}.no-image[b-dn4npsr606]{display:grid;place-items:center;border-radius:10px;background:#eee8f1;color:#634676;font-size:20px;font-weight:900}.component-options strong[b-dn4npsr606]{font-size:10px}.component-options b[b-dn4npsr606]{position:absolute;top:6px;left:6px;width:20px;height:20px;display:grid;place-items:center;border:1px solid #d7cbdd;border-radius:7px;color:#fff}.component-options button.selected b[b-dn4npsr606]{background:#604075}.complete-toggle[b-dn4npsr606]{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;margin-top:15px;padding:12px;border:1px solid #dce7e1;border-radius:12px;background:#f5faf7}.complete-toggle input[b-dn4npsr606]{width:18px;height:18px}.complete-toggle>span[b-dn4npsr606]{display:flex;flex-direction:column}.complete-toggle strong[b-dn4npsr606]{font-size:11px}.complete-toggle small[b-dn4npsr606]{font-size:9px;color:#6d7f77}.editor-actions[b-dn4npsr606]{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.editor-actions button[b-dn4npsr606]{padding:11px 18px;border-radius:11px;cursor:pointer;font-weight:800}.editor-actions .secondary[b-dn4npsr606]{border:1px solid #d6cadc;background:#fff;color:#614276}.editor-actions .primary[b-dn4npsr606]{border:0;background:#5d3c78;color:#fff}.editor-actions button:disabled[b-dn4npsr606]{opacity:.55}.library-page button:focus-visible[b-dn4npsr606],.library-page input:focus-visible[b-dn4npsr606],.library-page select:focus-visible[b-dn4npsr606]{outline:3px solid #76538d33;outline-offset:2px}
@media(max-width:1000px){.workspace[b-dn4npsr606]{grid-template-columns:250px minmax(0,1fr)}.editor-grid[b-dn4npsr606]{grid-template-columns:1fr}.large-image[b-dn4npsr606]{height:330px}.component-options[b-dn4npsr606]{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.library-page[b-dn4npsr606]{padding:14px 10px 45px}.library-hero[b-dn4npsr606]{align-items:flex-start;flex-direction:column;padding:22px}.stats-grid[b-dn4npsr606]{grid-template-columns:repeat(2,1fr)}.workspace[b-dn4npsr606]{display:block}.design-list-panel[b-dn4npsr606]{border-left:0;border-bottom:1px solid #e7e0e9}.design-list[b-dn4npsr606]{height:240px}.editor-panel[b-dn4npsr606]{padding:16px 10px}.three-selects[b-dn4npsr606]{grid-template-columns:1fr}.component-options[b-dn4npsr606]{grid-template-columns:repeat(2,1fr)}.editor-actions[b-dn4npsr606]{display:grid;grid-template-columns:1fr 1fr}.large-image[b-dn4npsr606]{height:280px}}

.list-actions[b-dn4npsr606]{display:flex;gap:5px}.list-actions button[b-dn4npsr606]{font-size:9px}.list-actions button:disabled[b-dn4npsr606]{opacity:.45}
.hero-links[b-dn4npsr606]{display:flex;flex-wrap:wrap;gap:7px}.hero-links a[b-dn4npsr606],.hero-links button[b-dn4npsr606]{display:inline-flex;align-items:center;padding:11px 15px;border:1px solid #ffffff55;border-radius:12px;background:transparent;color:#fff;text-decoration:none;font-weight:800;cursor:pointer}
.hero-links .fast-link[b-dn4npsr606]{border-color:#f3d691;background:#f7dd9d;color:#3a2844;box-shadow:0 6px 18px #1d112530}
.hero-links .fast-banook-link[b-dn4npsr606]{background:#fff;color:#5d3c78}
.bulk-import-card[b-dn4npsr606]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 0 18px;padding:17px 20px;border:1px solid #dccfe3;border-radius:16px;background:#fff}.bulk-import-card>div[b-dn4npsr606]{display:flex;flex-direction:column;gap:5px}.bulk-import-card span[b-dn4npsr606]{color:#7c7182;font-size:10px;line-height:1.8}.bulk-import-button[b-dn4npsr606]{padding:11px 16px;border-radius:11px;background:#5d3c78;color:#fff;cursor:pointer;font-size:11px;font-weight:800}.bulk-import-button input[b-dn4npsr606]{display:none}.bulk-import-button.disabled[b-dn4npsr606]{opacity:.55;cursor:wait}.bulk-progress[b-dn4npsr606]{grid-column:1/-1;padding:8px;border-radius:9px;background:#f2ebf5;color:#624477;font-size:10px}.copy-code-tags[b-dn4npsr606]{display:grid;grid-template-columns:1fr auto;gap:6px;margin-bottom:10px}.copy-code-tags input[b-dn4npsr606]{min-width:0;padding:8px;border:1px solid #ddd4e1;border-radius:9px}.copy-code-tags button[b-dn4npsr606]{padding:8px 10px;border:1px solid #d4c8db;border-radius:9px;background:#fff;color:#624477;cursor:pointer;font-size:9px}.copy-code-tags span[b-dn4npsr606]{grid-column:1/-1;color:#8b8090;font-size:9px}.library-page:focus[b-dn4npsr606]{outline:none}@media(max-width:720px){.bulk-import-card[b-dn4npsr606]{grid-template-columns:1fr}.bulk-import-button[b-dn4npsr606]{text-align:center}}

.zoom-toolbar[b-dn4npsr606]{display:flex;align-items:center;gap:7px;margin-bottom:9px;direction:ltr}.zoom-toolbar button[b-dn4npsr606]{min-width:38px;padding:7px 10px;border:1px solid #d6cadc;border-radius:9px;background:#fff;color:#5d3c78;cursor:pointer;font-size:11px}.zoom-toolbar button:disabled[b-dn4npsr606]{opacity:.45;cursor:default}.zoom-toolbar strong[b-dn4npsr606]{min-width:52px;text-align:center;color:#594563;font-size:11px}.large-image[b-dn4npsr606]{display:flex;align-items:center;justify-content:center;overflow:auto}.large-image.zoomed[b-dn4npsr606]{align-items:flex-start;justify-content:flex-start}.large-image img[b-dn4npsr606]{flex:0 0 auto;max-width:none;max-height:none}.image-lightbox[b-dn4npsr606]{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#211827dd;backdrop-filter:blur(4px)}.lightbox-card[b-dn4npsr606]{width:min(1400px,96vw);height:92vh;display:flex;flex-direction:column;padding:14px;border-radius:18px;background:#fff;box-shadow:0 25px 80px #0008}.lightbox-toolbar[b-dn4npsr606]{flex:0 0 auto}.lightbox-image[b-dn4npsr606]{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;border:1px solid #e3dce6;border-radius:13px;background:linear-gradient(#f4f1f5 1px,transparent 1px),linear-gradient(90deg,#f4f1f5 1px,transparent 1px),#fff;background-size:22px 22px}.lightbox-image.zoomed[b-dn4npsr606]{align-items:flex-start;justify-content:flex-start}.lightbox-image img[b-dn4npsr606]{flex:0 0 auto;object-fit:contain;mix-blend-mode:multiply}@media(max-width:720px){.zoom-toolbar[b-dn4npsr606]{flex-wrap:wrap}.image-lightbox[b-dn4npsr606]{padding:8px}.lightbox-card[b-dn4npsr606]{width:96vw;height:94vh;padding:9px}}

.zoom-help[b-dn4npsr606]{display:block;margin-top:7px;color:#817588;font-size:9px;line-height:1.8}.draggable-image[b-dn4npsr606]{direction:ltr;cursor:grab;user-select:none;touch-action:none;scroll-behavior:auto}.draggable-image.dragging[b-dn4npsr606]{cursor:grabbing}.draggable-image img[b-dn4npsr606]{user-select:none;-webkit-user-drag:none;pointer-events:none}

/* v10.3: عکس اجزا + سطح چهارم دسته‌بندی بدون موسومی */
.three-selects[b-dn4npsr606]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.component-image-manager[b-dn4npsr606]{margin:10px 0 12px;border:1px solid #ded4e3;border-radius:13px;background:#faf8fb;overflow:hidden}
.component-image-manager>summary[b-dn4npsr606]{padding:11px 13px;cursor:pointer;color:#604075;font-size:10px;font-weight:900;list-style:none}
.component-image-manager>summary[b-dn4npsr606]::-webkit-details-marker{display:none}
.component-image-manager-grid[b-dn4npsr606]{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:8px;padding:10px;border-top:1px solid #e5dce8}
.component-image-manager-grid article[b-dn4npsr606]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px;border:1px solid #e4dce8;border-radius:11px;background:#fff}
.component-image-manager-grid img[b-dn4npsr606],.component-image-placeholder[b-dn4npsr606]{width:100%;height:70px;object-fit:contain;border-radius:9px;background:#f5f2f6}
.component-image-placeholder[b-dn4npsr606]{display:grid;place-items:center;color:#65467a;font-size:22px;font-weight:900}
.component-image-manager-grid strong[b-dn4npsr606]{font-size:10px}
.component-image-upload[b-dn4npsr606]{width:100%;box-sizing:border-box;padding:7px 8px;border:1px dashed #bcaac7;border-radius:8px;background:#fbf8fc;color:#65467a;text-align:center;cursor:pointer;font-size:9px;font-weight:800}
.component-image-upload input[b-dn4npsr606]{display:none}
.component-image-upload.disabled[b-dn4npsr606]{opacity:.55;cursor:wait}
@media(max-width:1000px){.component-image-manager-grid[b-dn4npsr606]{grid-template-columns:repeat(3,minmax(105px,1fr))}}
@media(max-width:720px){.component-image-manager-grid[b-dn4npsr606]{grid-template-columns:repeat(2,minmax(100px,1fr))}}

/* BANOL design file dossiers */
.asset-file-card[b-dn4npsr606] { display:grid; gap:12px; padding:16px; margin:14px 0; border:1px solid #bb9550; border-radius:14px; background:rgba(190,156,94,.09); }
.asset-file-card > small[b-dn4npsr606] { font-size:12px; opacity:.85; }
.asset-file-row[b-dn4npsr606] { display:flex; flex-wrap:wrap; gap:9px; align-items:center; padding:9px; border:1px solid #ddd4c1; border-radius:9px; }
.asset-file-row b[b-dn4npsr606] { min-width:125px; }
.asset-file-row > button[b-dn4npsr606], .asset-file-row > a[b-dn4npsr606] { padding:8px 11px; border:1px solid #af9556; border-radius:8px; background:#fff; color:#342618; cursor:pointer; text-decoration:none; }
.asset-file-row .upload-button[b-dn4npsr606] { margin:0; font-size:12px; }
.asset-batch-review[b-dn4npsr606] { display:grid; gap:9px; border:1px solid #ba9c60; padding:12px; border-radius:10px; }
.asset-batch-review > small[b-dn4npsr606] { color:#ad542f; }
.asset-batch-review label[b-dn4npsr606] { display:flex; gap:9px; align-items:center; }

/* v14.4.24: visible library file manager and safe link-transfer UI */
#design-file-manager[b-dn4npsr606]{scroll-margin-top:24px}
.file-manager-intro[b-dn4npsr606]{display:grid;gap:10px;padding:20px;margin:18px 0 10px;background:#fff;border:2px solid #b59555;border-radius:18px;color:#382747}
.file-manager-intro>strong[b-dn4npsr606]{font-size:19px}
.file-manager-intro>span[b-dn4npsr606]{line-height:1.9;font-size:12px}
.file-manager-shortcuts[b-dn4npsr606]{display:flex;flex-wrap:wrap;gap:9px}
.file-manager-shortcuts button[b-dn4npsr606]{border:0;border-radius:10px;padding:9px 15px;background:#5d3c78;color:white;cursor:pointer}
.asset-transfer-box[b-dn4npsr606]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:13px;border:1px solid #a994be;border-radius:12px;background:#fff}
.asset-transfer-box>strong[b-dn4npsr606],.asset-transfer-box>small[b-dn4npsr606]{width:100%}
.asset-transfer-box>small[b-dn4npsr606]{font-size:11px;color:#725d76;line-height:1.8}
.asset-transfer-box label[b-dn4npsr606]{display:grid;gap:5px;min-width:120px;font-size:11px}
.asset-transfer-box input[b-dn4npsr606],.asset-transfer-box select[b-dn4npsr606]{max-width:190px;min-height:37px;padding:8px;border:1px solid #b6a6bd;border-radius:8px;background:white}
.asset-transfer-box button[b-dn4npsr606]{padding:10px 14px;border:0;border-radius:8px;background:#6c4882;color:white;cursor:pointer}
.asset-transfer-box button:disabled[b-dn4npsr606]{opacity:.5;cursor:default}
/* /Components/Pages/DesignFinder/FastTagging.razor.rz.scp.css */
.fast-page[b-w02ya3qoom] {
    max-width: 1520px;
    margin: auto;
    padding: 24px 22px 70px;
    color: #2d2333;
}

.fast-page:focus[b-w02ya3qoom] {
    outline: none;
}

.fast-page button[b-w02ya3qoom] {
    font: inherit;
}

.fast-hero[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 30px;
    border-radius: 22px;
    background:
        radial-gradient(circle at 12% 10%, #ffffff17, transparent 21rem),
        linear-gradient(135deg, #2f203a, #724f86);
    color: white;
    box-shadow: 0 16px 38px #321f411e;
}

.fast-hero span[b-w02ya3qoom] {
    color: #e1d4e7;
    font-size: 11px;
}

.fast-hero h1[b-w02ya3qoom] {
    margin: 6px 0;
    font-size: 29px;
}

.fast-hero p[b-w02ya3qoom] {
    margin: 0;
    color: #f0e7f3;
}

.fast-hero a[b-w02ya3qoom] {
    flex: 0 0 auto;
    padding: 11px 15px;
    border: 1px solid #ffffff66;
    border-radius: 11px;
    color: white;
    text-decoration: none;
    font-size: 12px;
    font-weight: 900;
}

.fast-state[b-w02ya3qoom],
.fast-message[b-w02ya3qoom] {
    margin-top: 16px;
    padding: 13px 16px;
    border-radius: 12px;
}

.fast-state[b-w02ya3qoom] {
    border: 1px solid #e2d9e6;
    background: white;
}

.fast-message.success[b-w02ya3qoom] {
    background: #e9f7f0;
    color: #236d57;
}

.fast-message.error[b-w02ya3qoom] {
    background: #fff0f2;
    color: #a33c50;
}

.start-card[b-w02ya3qoom] {
    max-width: 850px;
    display: grid;
    gap: 22px;
    margin: 35px auto 0;
    padding: 34px;
    border: 1px solid #ded3e4;
    border-radius: 22px;
    background: white;
    box-shadow: 0 18px 50px #2d1d3912;
    text-align: center;
}

.temporary-badge[b-w02ya3qoom] {
    display: inline-flex;
    padding: 7px 12px;
    border-radius: 999px;
    background: #f1e9f5;
    color: #654277;
    font-size: 10px;
    font-weight: 900;
}

.start-copy h2[b-w02ya3qoom] {
    margin: 12px 0 8px;
    font-size: 26px;
}

.start-copy p[b-w02ya3qoom] {
    max-width: 650px;
    margin: auto;
    color: #786d7d;
    line-height: 2;
}

.start-stats[b-w02ya3qoom],
.session-summary[b-w02ya3qoom] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.start-stats article[b-w02ya3qoom],
.session-summary article[b-w02ya3qoom] {
    padding: 15px;
    border: 1px solid #e5dee8;
    border-radius: 14px;
    background: #fbfafc;
}

.start-stats strong[b-w02ya3qoom],
.start-stats span[b-w02ya3qoom],
.session-summary strong[b-w02ya3qoom],
.session-summary span[b-w02ya3qoom] {
    display: block;
}

.start-stats strong[b-w02ya3qoom],
.session-summary strong[b-w02ya3qoom] {
    font-size: 25px;
}

.start-stats span[b-w02ya3qoom],
.session-summary span[b-w02ya3qoom] {
    margin-top: 4px;
    color: #817687;
    font-size: 10px;
}

.start-button[b-w02ya3qoom],
.next-button[b-w02ya3qoom],
.finish-button[b-w02ya3qoom] {
    padding: 14px 20px;
    border: 0;
    border-radius: 13px;
    background: #5e3f74;
    color: white;
    cursor: pointer;
    font-weight: 900;
}

.start-button:disabled[b-w02ya3qoom],
.next-button:disabled[b-w02ya3qoom],
.finish-button:disabled[b-w02ya3qoom],
.decision-buttons button:disabled[b-w02ya3qoom] {
    opacity: .55;
    cursor: wait;
}

.start-card > small[b-w02ya3qoom] {
    color: #8a7e90;
}

.deferred-card[b-w02ya3qoom] {
    max-width: 1100px;
    margin: 18px auto 0;
    border: 1px solid #dfd5e4;
    border-radius: 18px;
    background: white;
    overflow: hidden;
    box-shadow: 0 12px 34px #2d1d390d;
}

.deferred-card summary[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 17px 20px;
    cursor: pointer;
    list-style: none;
}

.deferred-card summary[b-w02ya3qoom]::-webkit-details-marker {
    display: none;
}

.deferred-card summary > span[b-w02ya3qoom] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.deferred-card summary small[b-w02ya3qoom] {
    color: #817687;
    font-size: 9px;
}

.deferred-card summary b[b-w02ya3qoom] {
    flex: 0 0 auto;
    padding: 7px 11px;
    border-radius: 999px;
    background: #f3eaf6;
    color: #654477;
    font-size: 10px;
}

.deferred-list[b-w02ya3qoom] {
    max-height: 440px;
    display: grid;
    grid-template-columns: repeat(6, minmax(110px, 1fr));
    gap: 8px;
    overflow: auto;
    padding: 14px;
    border-top: 1px solid #e7dfe9;
    background: #faf9fb;
}

.deferred-list article[b-w02ya3qoom] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    border: 1px solid #e3dce6;
    border-radius: 11px;
    background: white;
}

.deferred-list img[b-w02ya3qoom] {
    width: 100%;
    height: 105px;
    object-fit: contain;
    border-radius: 8px;
    background: #f5f3f6;
}

.deferred-list strong[b-w02ya3qoom] {
    font-size: 10px;
}

.deferred-list small[b-w02ya3qoom] {
    color: #897e8e;
    font-size: 8px;
}

.session-summary[b-w02ya3qoom] {
    grid-template-columns: repeat(4, 1fr);
    margin: 15px 0;
}

.session-summary article[b-w02ya3qoom] {
    background: white;
    box-shadow: 0 8px 24px #2d1c3810;
}

.session-summary .accepted strong[b-w02ya3qoom] {
    color: #22735a;
}

.session-summary .remaining strong[b-w02ya3qoom] {
    color: #9c681c;
}

.repair-strip[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 15px;
    padding: 13px 16px;
    border: 1px solid #efd4a6;
    border-radius: 14px;
    background: #fff9ef;
}

.repair-strip > div:first-child[b-w02ya3qoom] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.repair-strip strong[b-w02ya3qoom] {
    color: #76521f;
    font-size: 12px;
}

.repair-strip span[b-w02ya3qoom] {
    color: #8b734f;
    font-size: 10px;
}

.repair-button[b-w02ya3qoom],
.repair-confirm-button[b-w02ya3qoom],
.repair-cancel-button[b-w02ya3qoom] {
    padding: 10px 13px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 900;
}

.repair-button[b-w02ya3qoom],
.repair-confirm-button[b-w02ya3qoom] {
    border: 0;
    background: #8b5d22;
    color: white;
}

.repair-cancel-button[b-w02ya3qoom] {
    border: 1px solid #d9c5a4;
    background: white;
    color: #76521f;
}

.repair-button:disabled[b-w02ya3qoom],
.repair-confirm-button:disabled[b-w02ya3qoom],
.repair-cancel-button:disabled[b-w02ya3qoom] {
    opacity: .55;
    cursor: wait;
}

.repair-confirm[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.repair-confirm > span[b-w02ya3qoom] {
    width: 100%;
    text-align: left;
}

.preset-strip[b-w02ya3qoom] {
    display: grid;
    grid-template-columns: repeat(8, minmax(105px, 1fr));
    gap: 7px;
    margin-bottom: 15px;
    overflow-x: auto;
}

.preset-strip article[b-w02ya3qoom] {
    min-width: 105px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px;
    border: 1px solid #e2dbe5;
    border-radius: 11px;
    background: white;
    color: #887d8d;
}

.preset-strip b[b-w02ya3qoom] {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 8px;
    background: #eee9f1;
    font-size: 10px;
}

.preset-strip span[b-w02ya3qoom] {
    font-size: 9px;
    font-weight: 800;
}

.preset-strip article.active[b-w02ya3qoom] {
    border-color: #67447d;
    background: #f2eaf6;
    color: #4e315f;
    box-shadow: inset 0 0 0 1px #67447d;
}

.preset-strip article.active b[b-w02ya3qoom] {
    background: #604075;
    color: white;
}

.preset-strip article.done[b-w02ya3qoom] {
    border-color: #cfe5dc;
    background: #eff8f4;
    color: #2b715b;
}

.preset-strip article.done b[b-w02ya3qoom] {
    background: #d8eee5;
}

.active-preset[b-w02ya3qoom] {
    display: grid;
    grid-template-columns: minmax(230px, auto) 1fr;
    align-items: center;
    gap: 10px 25px;
    margin-bottom: 15px;
    padding: 17px 20px;
    border: 1px solid #d8c9df;
    border-radius: 16px;
    background: linear-gradient(90deg, #f6f0f8, white);
}

.active-preset > div:first-child span[b-w02ya3qoom] {
    color: #827487;
    font-size: 9px;
}

.active-preset h2[b-w02ya3qoom] {
    margin: 4px 0 0;
    font-size: 20px;
}

.preset-tags[b-w02ya3qoom] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.preset-tags span[b-w02ya3qoom] {
    padding: 7px 11px;
    border-radius: 999px;
    background: #5e3e73;
    color: white;
    font-size: 10px;
    font-weight: 900;
}

.active-preset p[b-w02ya3qoom] {
    grid-column: 1 / -1;
    margin: 0;
    color: #8d6124;
    font-size: 10px;
}

.fast-workspace[b-w02ya3qoom] {
    display: grid;
    grid-template-columns: minmax(480px, 1.45fr) minmax(320px, .75fr);
    gap: 18px;
    padding: 18px;
    border: 1px solid #e0d8e4;
    border-radius: 20px;
    background: white;
    box-shadow: 0 16px 45px #2d1d3912;
}

.design-meta[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 10px;
}

.design-meta > div[b-w02ya3qoom] {
    display: flex;
    align-items: baseline;
    gap: 7px;
}

.design-meta span[b-w02ya3qoom],
.design-meta small[b-w02ya3qoom] {
    color: #817687;
    font-size: 9px;
}

.design-meta strong[b-w02ya3qoom] {
    font-size: 23px;
}

.zoom-toolbar[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    direction: ltr;
}

.zoom-toolbar button[b-w02ya3qoom] {
    min-width: 38px;
    padding: 7px 10px;
    border: 1px solid #d6cadc;
    border-radius: 9px;
    background: white;
    color: #5d3c78;
    cursor: pointer;
    font-size: 10px;
}

.zoom-toolbar strong[b-w02ya3qoom] {
    min-width: 50px;
    text-align: center;
    font-size: 10px;
}

.fast-image[b-w02ya3qoom] {
    height: 590px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
    border: 1px solid #e1dae5;
    border-radius: 15px;
    background:
        linear-gradient(#f1edf3 1px, transparent 1px),
        linear-gradient(90deg, #f1edf3 1px, transparent 1px),
        white;
    background-size: 24px 24px;
}

.fast-image.zoomed[b-w02ya3qoom] {
    align-items: flex-start;
    justify-content: flex-start;
}

.fast-image img[b-w02ya3qoom] {
    flex: 0 0 auto;
    object-fit: contain;
    mix-blend-mode: multiply;
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}

.draggable-image[b-w02ya3qoom] {
    direction: ltr;
    cursor: grab;
    user-select: none;
    touch-action: none;
}

.draggable-image.dragging[b-w02ya3qoom] {
    cursor: grabbing;
}

.zoom-help[b-w02ya3qoom] {
    display: block;
    margin-top: 6px;
    color: #817588;
    font-size: 9px;
}

.decision-column[b-w02ya3qoom] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-self: start;
}

.exact-rule[b-w02ya3qoom] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    padding: 15px;
    border: 1px solid #e2d9e6;
    border-radius: 15px;
    background: #faf8fb;
}

.exact-rule > span[b-w02ya3qoom] {
    grid-column: 1 / -1;
    margin-bottom: 3px;
    color: #756a7c;
    font-size: 10px;
}

.exact-rule article[b-w02ya3qoom] {
    position: relative;
    min-height: 105px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid #cbb8d4;
    border-radius: 12px;
    background: #f1e8f5;
}

.exact-rule img[b-w02ya3qoom] {
    width: 70px;
    height: 62px;
    object-fit: contain;
}

.exact-rule strong[b-w02ya3qoom] {
    font-size: 10px;
}

.exact-rule b[b-w02ya3qoom] {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    background: #604075;
    color: white;
    font-size: 10px;
}

.decision-buttons[b-w02ya3qoom] {
    display: grid;
    gap: 10px;
    margin-top: 0;
}

.decision-buttons button[b-w02ya3qoom] {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 15px 17px;
    border-radius: 14px;
    cursor: pointer;
}

.decision-buttons button strong[b-w02ya3qoom] {
    font-size: 13px;
}

.decision-buttons button span[b-w02ya3qoom] {
    padding: 6px 9px;
    border-radius: 8px;
    background: #ffffff2d;
    direction: ltr;
    font-size: 9px;
}

.accept-button[b-w02ya3qoom] {
    border: 0;
    background: #267159;
    color: white;
}

.reject-button[b-w02ya3qoom] {
    border: 0;
    background: #8a4d56;
    color: white;
}

.two-design-button[b-w02ya3qoom] {
    border: 0;
    background: #405f88;
    color: white;
}

.bucket-buttons[b-w02ya3qoom] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.decision-buttons .bucket-button[b-w02ya3qoom] {
    min-height: 62px;
    border: 1px solid #d7c9de;
    background: #f7f2f9;
    color: #4f365e;
}

.decision-buttons .bucket-button span[b-w02ya3qoom] {
    min-width: 29px;
    display: grid;
    place-items: center;
    background: #67447d;
    color: white;
    font-weight: 900;
}

.decision-buttons .bucket-button.jeldi[b-w02ya3qoom] {
    border-color: #cbb4d7;
}

.decision-buttons .bucket-button.kashuki[b-w02ya3qoom] {
    border-color: #c9bfdc;
}

.decision-buttons .bucket-button.no-mousoom[b-w02ya3qoom] {
    border-color: #d9c5bd;
    background: #fbf5f2;
    color: #6f4739;
}

.decision-buttons .bucket-button.pelivari[b-w02ya3qoom] {
    border-color: #b9d5dd;
    background: #f1f9fb;
    color: #2f6875;
}

.decision-buttons .bucket-button.unknown[b-w02ya3qoom] {
    border-color: #dfceb0;
    background: #fff9ed;
    color: #7b5b25;
}

.decision-buttons .undo-button[b-w02ya3qoom] {
    min-height: 48px;
    justify-content: center;
    border: 1px solid #d6cadc;
    background: white;
    color: #634376;
    font-size: 10px;
}

.shortcut-note[b-w02ya3qoom] {
    padding: 11px;
    border-radius: 11px;
    background: #fff7e8;
    color: #825b24;
    font-size: 9px;
    line-height: 1.9;
}

.pass-complete-card[b-w02ya3qoom] {
    max-width: 850px;
    display: grid;
    gap: 12px;
    margin: 35px auto 0;
    padding: 34px;
    border: 1px solid #dcd1e2;
    border-radius: 22px;
    background: white;
    box-shadow: 0 18px 50px #2d1d3912;
    text-align: center;
}

.pass-complete-card > span[b-w02ya3qoom] {
    color: #6b4b7c;
    font-size: 11px;
    font-weight: 900;
}

.pass-complete-card h2[b-w02ya3qoom] {
    margin: 0;
    font-size: 23px;
}

.pass-complete-card p[b-w02ya3qoom] {
    margin: 0 0 8px;
    color: #817487;
}

.finish-button[b-w02ya3qoom] {
    background: #267159;
}

@media (max-width: 1050px) {
    .fast-workspace[b-w02ya3qoom] {
        grid-template-columns: 1fr;
    }

    .fast-image[b-w02ya3qoom] {
        height: 480px;
    }

    .decision-buttons[b-w02ya3qoom] {
        grid-template-columns: 1fr 1fr;
    }

    .decision-buttons .undo-button[b-w02ya3qoom],
    .shortcut-note[b-w02ya3qoom] {
        grid-column: 1 / -1;
    }

    .deferred-list[b-w02ya3qoom] {
        grid-template-columns: repeat(4, minmax(105px, 1fr));
    }
}

@media (max-width: 720px) {
    .fast-page[b-w02ya3qoom] {
        padding: 12px 9px 45px;
    }

    .fast-hero[b-w02ya3qoom] {
        align-items: flex-start;
        flex-direction: column;
        padding: 20px;
    }

    .fast-hero h1[b-w02ya3qoom] {
        font-size: 24px;
    }

    .session-summary[b-w02ya3qoom] {
        grid-template-columns: repeat(2, 1fr);
    }

    .active-preset[b-w02ya3qoom] {
        grid-template-columns: 1fr;
    }

    .active-preset p[b-w02ya3qoom] {
        grid-column: auto;
    }

    .fast-workspace[b-w02ya3qoom] {
        padding: 10px;
    }

    .fast-image[b-w02ya3qoom] {
        height: 390px;
    }

    .design-meta[b-w02ya3qoom] {
        align-items: flex-start;
        flex-direction: column;
    }

    .decision-buttons[b-w02ya3qoom] {
        grid-template-columns: 1fr;
    }

    .bucket-buttons[b-w02ya3qoom] {
        grid-template-columns: 1fr;
    }

    .decision-buttons .undo-button[b-w02ya3qoom],
    .shortcut-note[b-w02ya3qoom] {
        grid-column: auto;
    }

    .start-card[b-w02ya3qoom],
    .pass-complete-card[b-w02ya3qoom] {
        padding: 22px 15px;
    }

    .deferred-list[b-w02ya3qoom] {
        grid-template-columns: repeat(2, minmax(100px, 1fr));
    }
}

/* v4: اصلاح مستقیم سه دسته با کلیدهای 1 تا 4 */
.deferred-correction-bar[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 14px;
    border-top: 1px solid #e7dfe9;
    background: #f6f0f8;
}

.deferred-correction-bar span[b-w02ya3qoom] {
    color: #604075;
    font-size: 10px;
    font-weight: 900;
}

.deferred-correction-bar button[b-w02ya3qoom] {
    flex: 0 0 auto;
    padding: 9px 13px;
    border: 0;
    border-radius: 10px;
    background: #604075;
    color: white;
    cursor: pointer;
    font-weight: 900;
}

.deferred-correction-bar button:disabled[b-w02ya3qoom] {
    opacity: .55;
    cursor: wait;
}

.deferred-list .deferred-item[b-w02ya3qoom] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    border: 1px solid #e3dce6;
    border-radius: 11px;
    background: white;
    color: inherit;
    text-align: right;
    cursor: pointer;
}

.deferred-list .deferred-item:hover[b-w02ya3qoom] {
    border-color: #9f82ae;
    box-shadow: 0 5px 16px #4e315f18;
}

.deferred-list .deferred-item img[b-w02ya3qoom] {
    width: 100%;
    height: 105px;
    object-fit: contain;
    border-radius: 8px;
    background: #f5f3f6;
}

.deferred-list .deferred-item strong[b-w02ya3qoom] {
    font-size: 10px;
}

.deferred-list .deferred-item small[b-w02ya3qoom] {
    color: #897e8e;
    font-size: 8px;
}

.correction-head[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 18px 0 15px;
    padding: 16px 19px;
    border: 1px solid #d8c9df;
    border-radius: 16px;
    background: linear-gradient(90deg, #f6f0f8, white);
}

.correction-head > div:first-child[b-w02ya3qoom] {
    display: grid;
    gap: 4px;
}

.correction-head span[b-w02ya3qoom],
.correction-head p[b-w02ya3qoom] {
    margin: 0;
    color: #807286;
    font-size: 10px;
}

.correction-head h2[b-w02ya3qoom] {
    margin: 0;
    font-size: 21px;
}

.correction-progress[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.correction-progress strong[b-w02ya3qoom] {
    white-space: nowrap;
    color: #56396a;
}

.correction-progress button[b-w02ya3qoom] {
    padding: 9px 12px;
    border: 1px solid #d6cadc;
    border-radius: 10px;
    background: white;
    color: #634376;
    cursor: pointer;
    font-weight: 900;
}

.correction-rule[b-w02ya3qoom] {
    display: grid;
    gap: 6px;
    padding: 16px;
    border: 1px solid #e2d9e6;
    border-radius: 15px;
    background: #faf8fb;
}

.correction-rule strong[b-w02ya3qoom] {
    color: #4f365e;
    font-size: 15px;
}

.correction-rule span[b-w02ya3qoom] {
    color: #817687;
    font-size: 10px;
    line-height: 1.9;
}

.correction-bucket-buttons[b-w02ya3qoom] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.decision-buttons .bucket-button.return-mousoom[b-w02ya3qoom] {
    border-color: #b9d8cb;
    background: #edf8f3;
    color: #286d58;
}

.decision-buttons .bucket-button.return-mousoom span[b-w02ya3qoom] {
    background: #267159;
}

.manual-tag-link[b-w02ya3qoom] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 14px;
    border: 1px dashed #cdbdd6;
    border-radius: 12px;
    background: #fff;
    color: #5e3f74;
    text-decoration: none;
    font-size: 10px;
    font-weight: 900;
}

.correction-note[b-w02ya3qoom] {
    background: #edf8f3;
    color: #286d58;
    font-weight: 800;
}

@media (max-width: 700px) {
    .deferred-correction-bar[b-w02ya3qoom],
    .correction-head[b-w02ya3qoom],
    .correction-progress[b-w02ya3qoom] {
        align-items: stretch;
        flex-direction: column;
    }

    .correction-bucket-buttons[b-w02ya3qoom] {
        grid-template-columns: 1fr;
    }
}


/* تصاویر بعدی بیرون از دید از قبل دریافت می‌شوند تا جابه‌جایی
   در همه مسیرهای تگ‌گذاری (موسوم، جلدی، پلیواری و اصلاح دسته‌ها) سریع باشد. */
.fast-image-preload[b-w02ya3qoom] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.fast-image-preload img[b-w02ya3qoom] {
    position: absolute;
    width: 1px;
    height: 1px;
}


/* v5: کنترل‌های تگ‌گذاری کنار بالاترین بخش تصویر قرار بگیرند. */
.tagging-decisions[b-w02ya3qoom] {
    align-self: start;
}

.tagging-decisions .decision-buttons[b-w02ya3qoom] {
    margin-top: 0;
}

/* v6: مرحله دوم تگ‌گذاری موسوم جلدی و پلیواری */
.secondary-workflow-grid[b-w02ya3qoom] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 16px 0;
}

.secondary-workflow-card[b-w02ya3qoom] {
    display: grid;
    gap: 14px;
    padding: 18px;
    border: 1px solid #ded9e8;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(35, 24, 48, .06);
}

.secondary-workflow-card-head[b-w02ya3qoom] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.secondary-workflow-card-head > div[b-w02ya3qoom] {
    display: grid;
    gap: 4px;
}

.secondary-workflow-card-head span[b-w02ya3qoom] {
    color: #7b6791;
    font-size: 11px;
    font-weight: 900;
}

.secondary-workflow-card-head h2[b-w02ya3qoom] {
    margin: 0;
    color: #402f51;
    font-size: 21px;
}

.secondary-workflow-card-head p[b-w02ya3qoom] {
    margin: 0;
    color: #756c7c;
    font-size: 11px;
    line-height: 1.9;
}

.secondary-workflow-card-head > strong[b-w02ya3qoom] {
    flex: 0 0 auto;
    padding: 7px 10px;
    border-radius: 999px;
    background: #f3eef7;
    color: #593b72;
    font-size: 11px;
}

.secondary-subgroup-grid[b-w02ya3qoom] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.secondary-subgroup-grid > div[b-w02ya3qoom] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 8px 12px;
    padding: 12px;
    border: 1px solid #e7e1eb;
    border-radius: 13px;
    background: #faf8fb;
}

.secondary-subgroup-grid span[b-w02ya3qoom] {
    color: #665970;
    font-size: 11px;
    font-weight: 800;
}

.secondary-subgroup-grid strong[b-w02ya3qoom] {
    color: #3f2d4e;
    font-size: 18px;
}

.secondary-subgroup-grid button[b-w02ya3qoom],
.secondary-start-button[b-w02ya3qoom] {
    grid-column: 1 / -1;
    min-height: 38px;
    padding: 8px 11px;
    border: 0;
    border-radius: 10px;
    background: #634376;
    color: #fff;
    cursor: pointer;
    font-weight: 900;
}

.secondary-subgroup-grid button:disabled[b-w02ya3qoom],
.secondary-start-button:disabled[b-w02ya3qoom] {
    opacity: .45;
    cursor: not-allowed;
}

.secondary-workflow-card > small[b-w02ya3qoom] {
    color: #7c7183;
    font-size: 10px;
    line-height: 1.9;
}

.pelivari-targets[b-w02ya3qoom] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.pelivari-targets span[b-w02ya3qoom] {
    padding: 10px;
    border: 1px solid #dbe4e0;
    border-radius: 11px;
    background: #f5faf8;
    color: #365f51;
    text-align: center;
    font-size: 11px;
    font-weight: 900;
}

.secondary-workflow-head[b-w02ya3qoom] {
    border-color: #d8cce0;
    background: #fbf9fc;
}

.secondary-preset-strip[b-w02ya3qoom] {
    margin-top: 12px;
}

.secondary-workspace[b-w02ya3qoom] {
    margin-top: 12px;
}

.secondary-three-buttons[b-w02ya3qoom] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.secondary-three-buttons .bucket-button[b-w02ya3qoom] {
    min-height: 72px;
}

.decision-buttons .bucket-button.jeld-simple[b-w02ya3qoom],
.decision-buttons .bucket-button.jeld-sarvaki[b-w02ya3qoom],
.decision-buttons .bucket-button.jeld-pelivar[b-w02ya3qoom] {
    border-color: #d7c7e2;
    background: #f7f1fa;
    color: #56396a;
}

.decision-buttons .bucket-button.jeld-simple span[b-w02ya3qoom],
.decision-buttons .bucket-button.jeld-sarvaki span[b-w02ya3qoom],
.decision-buttons .bucket-button.jeld-pelivar span[b-w02ya3qoom] {
    background: #66427d;
}

.decision-buttons .bucket-button.pelivar-simple[b-w02ya3qoom],
.decision-buttons .bucket-button.pelivar-mirror[b-w02ya3qoom],
.decision-buttons .bucket-button.pelivar-kashuk[b-w02ya3qoom] {
    border-color: #c8ddd4;
    background: #f1f8f5;
    color: #2d6553;
}

.decision-buttons .bucket-button.pelivar-simple span[b-w02ya3qoom],
.decision-buttons .bucket-button.pelivar-mirror span[b-w02ya3qoom],
.decision-buttons .bucket-button.pelivar-kashuk span[b-w02ya3qoom] {
    background: #34745f;
}

.secondary-active-preset[b-w02ya3qoom] {
    margin: 0 0 12px;
}

.secondary-complete-card[b-w02ya3qoom] {
    margin-top: 16px;
}

@media (max-width: 900px) {
    .secondary-workflow-grid[b-w02ya3qoom] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .secondary-workflow-card-head[b-w02ya3qoom] {
        flex-direction: column;
    }

    .secondary-subgroup-grid[b-w02ya3qoom],
    .secondary-three-buttons[b-w02ya3qoom],
    .pelivari-targets[b-w02ya3qoom] {
        grid-template-columns: 1fr;
    }
}

/* Phase 2.1: manual optional tags for all 8 Mousoom Jeldi presets */
.jeldi-manual-tags[b-w02ya3qoom] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    padding-top: 11px;
    border-top: 1px dashed #d8c9df;
}

.jeldi-manual-tags > strong[b-w02ya3qoom] {
    font-size: 11px;
}

.jeldi-manual-tags label[b-w02ya3qoom] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid #d8c9df;
    border-radius: 10px;
    background: white;
    cursor: pointer;
    font-size: 11px;
    font-weight: 900;
}

.jeldi-manual-tags input[b-w02ya3qoom] {
    width: 17px;
    height: 17px;
    margin: 0;
}

.jeldi-manual-tags small[b-w02ya3qoom] {
    flex: 1 1 260px;
    color: #827487;
    font-size: 9px;
}

/* v10.3: ساختار نهایی بدون موسومی: ۵ شاخه اصلی + زیرشاخه‌های کشوکی و سیاه دوچ */
.no-mousoom-split-rule[b-w02ya3qoom] {
    border-color: #dcc9bd;
    background: #fffaf7;
}

.no-mousoom-five-buttons[b-w02ya3qoom] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.decision-buttons .bucket-button.no-kashuki-final[b-w02ya3qoom] {
    border-color: #cfc4dd;
    background: #f6f2fa;
    color: #563e68;
}

.decision-buttons .bucket-button.no-cap-jalar-final[b-w02ya3qoom] {
    border-color: #d8c5d5;
    background: #fbf4f9;
    color: #6b405f;
}

.decision-buttons .bucket-button.no-sholooki-final[b-w02ya3qoom] {
    border-color: #c4d7c9;
    background: #f3faf5;
    color: #386047;
}

.decision-buttons .bucket-button.no-siah-doch-final[b-w02ya3qoom] {
    border-color: #c9c9cf;
    background: #f5f5f7;
    color: #3f3f49;
}

.decision-buttons .bucket-button.no-misc-final[b-w02ya3qoom] {
    border-color: #dfceb0;
    background: #fff9ed;
    color: #77591f;
}

.no-mousoom-five-buttons .bucket-button span[b-w02ya3qoom] {
    background: #604075;
    color: white;
}

.no-mousoom-split-note[b-w02ya3qoom] {
    border: 1px solid #eadbc3;
}


/* v8: تکمیل واقعی بدون موسوم + اصلاح اشتباه + برگشت و دوطرحی */
.no-mousoom-workflow-card[b-w02ya3qoom] {
    grid-column: 1 / -1;
}

.no-mousoom-review-button[b-w02ya3qoom] {
    width: 100%;
}

.no-mousoom-tag-grid[b-w02ya3qoom] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.no-mousoom-tag-grid button[b-w02ya3qoom] {
    min-height: 58px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 9px 11px;
    border: 1px solid #d9cedf;
    border-radius: 11px;
    background: #fff;
    color: #4f365e;
    cursor: pointer;
    text-align: right;
}

.no-mousoom-tag-grid button.selected[b-w02ya3qoom] {
    border-color: #5f4074;
    background: #f2eaf6;
    box-shadow: inset 0 0 0 1px #5f4074;
}

.no-mousoom-tag-grid button:disabled[b-w02ya3qoom] {
    opacity: .55;
    cursor: wait;
}

.no-mousoom-tag-grid img[b-w02ya3qoom] {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.no-mousoom-tag-grid strong[b-w02ya3qoom] {
    font-size: 10px;
}

.no-mousoom-tag-grid span[b-w02ya3qoom] {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    background: #eee7f1;
    font-weight: 900;
}

.no-mousoom-fixed-tags[b-w02ya3qoom] {
    margin-bottom: 4px;
}

.correction-reroute-rule[b-w02ya3qoom] {
    margin-top: 4px;
    border-color: #edd7ad;
    background: #fff9ee;
}

.correction-reroute-buttons[b-w02ya3qoom] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.correction-reroute-buttons .bucket-button[b-w02ya3qoom] {
    min-height: 56px;
}

.correction-next-stage-grid[b-w02ya3qoom] {
    width: 100%;
    margin: 5px 0 8px;
    text-align: right;
}

@media (max-width: 800px) {
    .no-mousoom-tag-grid[b-w02ya3qoom],
    .correction-reroute-buttons[b-w02ya3qoom] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .no-mousoom-tag-grid[b-w02ya3qoom],
    .correction-reroute-buttons[b-w02ya3qoom] {
        grid-template-columns: 1fr;
    }
}


/* v10.3: کارت والدهایی که قبل از تگ نهایی باید دوباره تفکیک شوند */
.hierarchy-parent-card[b-w02ya3qoom] {
    border-color: #d6c2df !important;
    background: #f8f2fb !important;
}
@media (max-width: 1050px) {
    .no-mousoom-five-buttons[b-w02ya3qoom] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
    .no-mousoom-five-buttons[b-w02ya3qoom] { grid-template-columns: 1fr; }
}

/* v11: انتقال سریع طرح اشتباهی از صف‌های جدید «بدون موسوم» */
.deferred-transfer-box[b-w02ya3qoom] {
    display: grid;
    gap: 10px;
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px dashed #d8cedd;
}

.deferred-transfer-toggle[b-w02ya3qoom] {
    width: 100%;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 13px;
    border: 1px dashed #bba8c7;
    border-radius: 12px;
    background: #fbf8fc;
    color: #5a3e6c;
    cursor: pointer;
    font-weight: 900;
    text-align: right;
}

.deferred-transfer-toggle:hover:not(:disabled)[b-w02ya3qoom] {
    border-color: #7c5b8e;
    background: #f6f0f8;
}

.deferred-transfer-toggle:disabled[b-w02ya3qoom] {
    cursor: wait;
    opacity: .55;
}

.deferred-transfer-toggle span[b-w02ya3qoom] {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: #6b4a7d;
    color: #fff;
    font-size: 16px;
}

.deferred-transfer-panel[b-w02ya3qoom] {
    display: grid;
    gap: 12px;
    padding: 13px;
    border: 1px solid #ddd2e2;
    border-radius: 14px;
    background: #fff;
}

.deferred-transfer-rule[b-w02ya3qoom] {
    margin: 0;
    border-color: #d8e8df;
    background: #f5fbf8;
}

.deferred-transfer-section[b-w02ya3qoom] {
    display: grid;
    gap: 7px;
}

.deferred-transfer-section > span[b-w02ya3qoom] {
    color: #76667d;
    font-size: 10px;
    font-weight: 900;
}

.deferred-transfer-buttons[b-w02ya3qoom] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.deferred-transfer-buttons.secondary[b-w02ya3qoom] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.deferred-transfer-buttons .bucket-button:disabled[b-w02ya3qoom] {
    opacity: .42;
}

@media (max-width: 700px) {
    .deferred-transfer-buttons[b-w02ya3qoom],
    .deferred-transfer-buttons.secondary[b-w02ya3qoom] {
        grid-template-columns: 1fr;
    }
}


/* v13: شاخه کشوکی بدون موسوم = پنج زیرگروه هم‌سطح */
.no-mousoom-kashuki-five-buttons[b-w02ya3qoom] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.decision-buttons .bucket-button.no-kareh-doch-final[b-w02ya3qoom] {
    border-color: #d9c7b7;
    background: #fff8f2;
    color: #6a4a31;
}

.decision-buttons .bucket-button.no-kashuk-mirror-final[b-w02ya3qoom] {
    border-color: #bfd4dc;
    background: #f2f9fb;
    color: #365b68;
}

.decision-buttons .bucket-button.no-kashuk-jeld-pelivari-final[b-w02ya3qoom] {
    border-color: #cabed8;
    background: #f7f2fb;
    color: #563f69;
}

@media (max-width: 1050px) {
    .no-mousoom-kashuki-five-buttons[b-w02ya3qoom] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .no-mousoom-kashuki-five-buttons[b-w02ya3qoom] {
        grid-template-columns: 1fr;
    }
}