.rota-wf-app-install {
    position: fixed;
    z-index: 2147483000 !important;
    right: max(16px, env(safe-area-inset-right));
    bottom: max(16px, env(safe-area-inset-bottom));
    left: max(16px, env(safe-area-inset-left));
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    max-width: 560px;
    margin-left: auto;
    padding: 12px;
    border-radius: 18px;
    background: rgba(8, 25, 51, .97);
    color: #fff;
    box-shadow: 0 18px 50px rgba(3, 12, 28, .3);
    isolation: isolate;
    pointer-events: auto !important;
}

.rota-wf-app-install[hidden] { display: none !important; }

.rota-wf-app-install img { width: 48px; height: 48px; border-radius: 12px; }
.rota-wf-app-install div { display: grid; gap: 3px; min-width: 0; }
.rota-wf-app-install strong { color: #fff; font-size: 14px; }
.rota-wf-app-install span { color: rgba(255, 255, 255, .76); font-size: 12px; }
.rota-wf-app-install button { border: 0; color: #fff; cursor: pointer; pointer-events: auto !important; position: relative; z-index: 2; touch-action: manipulation; }
.rota-wf-app-install [data-app-install] {
    padding: 10px 14px;
    border-radius: 10px;
    background: #1c63d5;
    font-weight: 800;
}
.rota-wf-app-install [data-app-close] {
    width: 32px;
    height: 32px;
    padding: 0;
    background: transparent;
    font-size: 24px;
    font-weight: 800;
}

.rota-wf-ios-guide {
    position: fixed;
    z-index: 2147483001 !important;
    inset: 0;
    display: grid;
    place-items: center;
    padding: max(22px, env(safe-area-inset-top)) 18px max(22px, env(safe-area-inset-bottom));
    background: rgba(3, 12, 28, .78);
    backdrop-filter: blur(8px);
}

.rota-wf-ios-guide[hidden] { display: none !important; }
.rota-wf-ios-guide-card {
    position: relative;
    width: min(100%, 430px);
    max-height: 90vh;
    overflow: auto;
    padding: 26px 22px 22px;
    border-radius: 24px;
    background: #fff;
    color: #081933;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .35);
}
.rota-wf-ios-guide-card img { width: 64px; height: 64px; border-radius: 16px; }
.rota-wf-ios-guide-card h2 { margin: 16px 0 6px; color: #081933; font-size: 28px; line-height: 1.15; }
.rota-wf-ios-guide-card p { margin: 0 0 14px; color: #53647a; }
.rota-wf-ios-guide-card ol { display: grid; gap: 12px; margin: 0; padding-left: 24px; }
.rota-wf-ios-guide-card li { padding-left: 4px; color: #22354d; line-height: 1.45; }
.rota-wf-ios-guide-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 999px;
    background: #edf1f6;
    color: #081933;
    font-size: 26px;
}
.rota-wf-ios-guide-done {
    width: 100%;
    margin-top: 20px;
    padding: 14px;
    border: 0;
    border-radius: 12px;
    background: #d9ab22;
    color: #081933;
    font-size: 16px;
    font-weight: 800;
}

.rota-wf-push-enable {
    position: fixed;
    z-index: 100000;
    right: max(10px, env(safe-area-inset-right));
    bottom: max(10px, env(safe-area-inset-bottom));
    left: auto;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    width: min(360px, calc(100vw - 20px));
    max-width: 360px;
    margin-left: 0;
    padding: 8px;
    border-radius: 10px;
    background: #081933;
    color: #fff;
    box-shadow: 0 10px 28px rgba(3, 12, 28, .28);
}
.rota-wf-push-enable[hidden] { display: none !important; }
.rota-wf-push-enable img { width: 34px; height: 34px; border-radius: 8px; }
.rota-wf-push-enable div { display: grid; gap: 2px; }
.rota-wf-push-enable strong { color: #fff; font-size: 11px; }
.rota-wf-push-enable span { color: rgba(255, 255, 255, .72); font-size: 9px; }
.rota-wf-push-enable button { min-height: 30px; padding: 6px 8px; border: 0; border-radius: 7px; background: #d9ab22; color: #081933; font-size: 9px; font-weight: 800; white-space: nowrap; }
.rota-wf-push-enable .rota-wf-push-actions { display: flex; gap: 4px; }
.rota-wf-push-enable [data-push-disable] { padding: 5px 7px; border: 1px solid rgba(255, 255, 255, .38); background: transparent; color: #fff; font-size: 9px; }

@media (max-width: 520px) {
    .rota-wf-app-install { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 10px; }
    .rota-wf-app-install img { width: 44px; height: 44px; }
    .rota-wf-app-install [data-app-close] {
        position: absolute;
        top: -10px;
        right: -8px;
        border: 2px solid #fff;
        border-radius: 999px;
        background: #081933;
    }
    .rota-wf-push-enable { grid-template-columns: 30px minmax(0, 1fr); width: min(330px, calc(100vw - 16px)); right: max(8px, env(safe-area-inset-right)); bottom: max(8px, env(safe-area-inset-bottom)); }
    .rota-wf-push-enable img { width: 30px; height: 30px; }
    .rota-wf-push-enable span { display: none; }
    .rota-wf-push-enable .rota-wf-push-actions { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }
}

/* China catalog stock */
.rota-wf-china-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; overflow: hidden; }
.rota-wf-china-head > div:first-child > span { color: #a87508; font-size: 11px; font-weight: 900; letter-spacing: .11em; }
.rota-wf-china-head h2 { margin: 5px 0 7px; color: #081933; }
.rota-wf-china-head p { max-width: 780px; margin: 0; color: #5d6c80; line-height: 1.55; }
.rota-wf-china-kpis { display: flex; gap: 9px; }
.rota-wf-china-kpis b { display: grid; min-width: 82px; padding: 12px 10px; border: 1px solid #d9e1ec; border-radius: 13px; background: #f8fafc; text-align: center; }
.rota-wf-china-kpis b.is-warning { border-color: #f0bd5b; background: #fff7e8; }
.rota-wf-china-kpis strong { color: #081933; font-size: 22px; line-height: 1; }
.rota-wf-china-kpis small { margin-top: 5px; color: #718096; font-size: 10px; text-transform: uppercase; }
.rota-wf-china-search form { display: grid; grid-template-columns: minmax(220px, 1.4fr) minmax(180px, .8fr) auto auto auto; gap: 12px; align-items: end; }
.rota-wf-china-search label:not(.rota-wf-china-check) { display: grid; gap: 6px; }
.rota-wf-china-search label > span { color: #34445a; font-size: 11px; font-weight: 800; }
.rota-wf-china-search input[type='text'], .rota-wf-china-search input:not([type]), .rota-wf-china-search select { min-height: 42px; }
.rota-wf-china-check { display: flex; gap: 7px; align-items: center; min-height: 42px; }
.rota-wf-china-check input, .rota-wf-china-toggles input { width: 18px; height: 18px; }
.rota-wf-china-editor summary { display: flex; justify-content: space-between; gap: 16px; cursor: pointer; list-style: none; }
.rota-wf-china-editor summary span { display: grid; gap: 3px; }
.rota-wf-china-editor summary small { color: #6c7b8e; }
.rota-wf-china-editor form { margin-top: 20px; }
.rota-wf-china-form-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.rota-wf-china-form-grid label { display: grid; gap: 6px; }
.rota-wf-china-toggles { display: flex; flex-wrap: wrap; gap: 12px; margin: 16px 0; }
.rota-wf-china-toggles label { display: flex; gap: 8px; align-items: center; padding: 10px 12px; border: 1px solid #d9e1ec; border-radius: 10px; background: #f8fafc; }
.rota-wf-china-editor-actions { display: flex; gap: 14px; align-items: center; margin-top: 14px; }
.rota-wf-china-table { min-width: 1280px; }
.rota-wf-china-table th:first-child { min-width: 112px; }
.rota-wf-china-table th:nth-child(2) { min-width: 290px; }
.rota-wf-china-table th:nth-child(3) { min-width: 260px; }
.rota-wf-china-table td { vertical-align: top; }
.rota-wf-china-table td > b, .rota-wf-china-table td > small, .rota-wf-china-table td > span, .rota-wf-china-table td > em { display: block; }
.rota-wf-china-table td > b { margin-top: 6px; color: #1c2e46; }
.rota-wf-china-table td small { margin-top: 5px; color: #718096; line-height: 1.4; }
.rota-wf-china-table td:nth-child(3) > span { max-width: 360px; margin-top: 8px; color: #5d6c80; font-size: 11px; line-height: 1.45; }
.rota-wf-china-table tr.is-review-required td { background: #fffaf0; }
.rota-wf-china-table td > em { max-width: 420px; margin-top: 8px; color: #a85e00; font-size: 11px; font-style: normal; font-weight: 700; line-height: 1.45; }
.rota-wf-china-code { display: flex; gap: 7px; align-items: center; }
.rota-wf-china-code > strong { color: #081933; font-size: 14px; }
.rota-wf-china-warning, .rota-wf-china-edit { display: inline-grid; place-items: center; width: 25px; height: 25px; border-radius: 999px; font-size: 15px; font-weight: 950; line-height: 1; }
.rota-wf-china-warning { border: 2px solid #d46a00; background: #fff0d5; color: #b04f00; cursor: help; }
.rota-wf-china-edit { border: 1px solid #97a7bc; background: #fff; color: #17375f; text-decoration: none; }
.rota-wf-china-edit:hover { border-color: #17375f; background: #17375f; color: #fff; }
.rota-wf-china-product-image { width: 112px; min-width: 112px; text-align: center; }
.rota-wf-china-product-image img { display: block; width: 96px; height: 82px; margin: 0 auto; border: 1px solid #dce3eb; border-radius: 10px; background: #fff; object-fit: contain; box-shadow: 0 4px 12px rgba(8, 25, 51, .07); }
.rota-wf-china-product-image > span { display: grid !important; place-items: center; width: 96px; height: 82px; margin: 0 auto; padding: 7px; border: 1px dashed #aab7c7; border-radius: 10px; background: #f5f7fa; color: #637287; font-size: 10px; font-weight: 900; overflow-wrap: anywhere; }
.rota-wf-china-product-image > small { margin-top: 6px !important; font-size: 8px; font-weight: 800; }
.rota-wf-china-catalog, .rota-wf-china-set, .rota-wf-china-single, .rota-wf-china-no-price { display: inline-flex !important; width: fit-content; padding: 5px 8px; border-radius: 999px; font-size: 10px; font-weight: 850; white-space: nowrap; }
.rota-wf-china-catalog.is-verified { background: #e7f7ed; color: #17733a; }
.rota-wf-china-catalog.is-family { background: #eaf1ff; color: #265f9f; }
.rota-wf-china-catalog.is-unverified { background: #fff0d5; color: #a85300; }
.rota-wf-china-set { background: #081933; color: #fff; letter-spacing: .06em; }
.rota-wf-china-single { background: #edf1f6; color: #5d6c80; }
.rota-wf-china-no-price { background: #f1f3f6; color: #6b7788; }
.rota-wf-talkback-guide { border-left: 5px solid #1f6d68 !important; background: linear-gradient(135deg, #f4fbfa 0%, #fff 60%); }
.rota-wf-talkback-guide > header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: center; }
.rota-wf-talkback-guide > header > div > span { color: #1f6d68; font-size: 10px; font-weight: 900; letter-spacing: .1em; }
.rota-wf-talkback-guide h3 { margin: 5px 0; color: #082f35; font-size: 21px; }
.rota-wf-talkback-guide p { max-width: 760px; margin: 0; color: #566a70; line-height: 1.5; }
.rota-wf-talkback-guide aside { display: grid; min-width: 165px; padding: 14px; border: 1px solid #9bcac5; border-radius: 14px; background: #fff; text-align: center; }
.rota-wf-talkback-guide aside span { color: #367a75; font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.rota-wf-talkback-guide aside strong { margin: 4px 0; color: #135c57; font-size: 30px; line-height: 1; }
.rota-wf-talkback-guide aside small { color: #6b7d82; font-size: 9px; }
.rota-wf-talkback-chain { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 9px; align-items: stretch; margin-top: 18px; }
.rota-wf-talkback-chain > i { align-self: center; color: #1f6d68; font-size: 22px; font-style: normal; font-weight: 900; }
.rota-wf-talkback-chain article { position: relative; display: grid; align-content: start; gap: 5px; min-width: 0; padding: 13px; border: 1px solid #c8dfdc; border-radius: 12px; background: rgba(255,255,255,.92); }
.rota-wf-talkback-chain article > b { position: absolute; top: 9px; right: 10px; display: grid; place-items: center; width: 23px; height: 23px; border-radius: 99px; background: #1f6d68; color: #fff; font-size: 11px; }
.rota-wf-talkback-chain article > span { padding-right: 26px; color: #367a75; font-size: 9px; font-weight: 900; letter-spacing: .06em; }
.rota-wf-talkback-chain article > strong { color: #153f42; font-size: 13px; }
.rota-wf-talkback-chain article > small { color: #62777a; font-size: 10px; line-height: 1.45; }
.rota-wf-talkback-guide > footer { margin-top: 14px; padding-top: 12px; border-top: 1px solid #d6e7e5; color: #52696d; font-size: 11px; line-height: 1.55; }
.rota-wf-talkback-guide > footer span { color: #1f6d68; font-weight: 800; }
.rota-wf-china-requirements { position: relative; margin-top: 10px; }
.rota-wf-china-requirements > summary { display: inline-flex; align-items: center; padding: 7px 10px; border: 1px solid #1f6d68; border-radius: 8px; background: #eef9f7; color: #135c57; cursor: pointer; font-size: 10px; font-weight: 900; list-style: none; }
.rota-wf-china-requirements > summary::before { content: '+ '; margin-right: 4px; }
.rota-wf-china-requirements[open] > summary::before { content: '− '; }
.rota-wf-china-requirement-card { display: grid; gap: 8px; width: min(520px, 72vw); margin-top: 9px; padding: 12px; border: 1px solid #b8d5d1; border-radius: 12px; background: #fff; box-shadow: 0 14px 32px rgba(11, 55, 57, .12); }
.rota-wf-china-requirement-card > header { display: grid; gap: 3px; padding-bottom: 8px; border-bottom: 1px solid #dbe8e6; }
.rota-wf-china-requirement-card > header span { color: #1f6d68; font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.rota-wf-china-requirement-card > header strong { color: #153f42; font-size: 14px; }
.rota-wf-china-requirement-card article { display: grid; gap: 5px; padding: 10px; border: 1px solid #dce5e7; border-left-width: 4px; border-radius: 9px; background: #fafcfc; }
.rota-wf-china-requirement-card article.is-required, .rota-wf-china-requirement-card article.is-choice { border-left-color: #d27600; }
.rota-wf-china-requirement-card article.is-external, .rota-wf-china-requirement-card article.is-installation { border-left-color: #3376a3; }
.rota-wf-china-requirement-card article.is-warning { border-left-color: #b92f2f; background: #fff5f4; }
.rota-wf-china-requirement-card article > div { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
.rota-wf-china-requirement-card article > div b { padding: 4px 6px; border-radius: 5px; background: #eef1f4; color: #45596b; font-size: 8px; }
.rota-wf-china-requirement-card article > div strong { color: #203c47; font-size: 11px; }
.rota-wf-china-requirement-card article > span { color: #243f4a !important; font-size: 10px !important; font-weight: 800; }
.rota-wf-china-requirement-card article > p { margin: 0; color: #65777d; font-size: 10px; line-height: 1.45; }
.rota-wf-china-requirement-card article > small { margin: 0 !important; padding: 6px 7px; border-radius: 6px; font-size: 9px !important; font-weight: 800; }
.rota-wf-china-requirement-card article > small.has-stock { background: #e7f7ed; color: #17733a; }
.rota-wf-china-requirement-card article > small.no-stock { background: #fff0d5; color: #a85300; }
.rota-wf-china-requirement-card > footer { color: #64777b; font-size: 9px; font-weight: 800; }
.rota-wf-china-set-dashboard { border-left: 5px solid #174d78 !important; background: linear-gradient(135deg, #f2f8fd 0%, #fff 58%); }
.rota-wf-china-set-dashboard > header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 22px; align-items: center; }
.rota-wf-china-set-dashboard > header > div > span { color: #1b6599; font-size: 10px; font-weight: 900; letter-spacing: .1em; }
.rota-wf-china-set-dashboard > header h3 { margin: 5px 0; color: #102f4b; font-size: 22px; }
.rota-wf-china-set-dashboard > header p { max-width: 820px; margin: 0; color: #5b6d7e; line-height: 1.5; }
.rota-wf-china-set-dashboard > header aside { display: flex; gap: 8px; }
.rota-wf-china-set-dashboard > header aside b { display: grid; min-width: 88px; padding: 10px; border: 1px solid #a8d2b8; border-radius: 12px; background: #effaf3; text-align: center; }
.rota-wf-china-set-dashboard > header aside b.is-missing { border-color: #ecc48e; background: #fff8ed; }
.rota-wf-china-set-dashboard > header aside b.is-review { border-color: #e7acaa; background: #fff4f3; }
.rota-wf-china-set-dashboard > header aside strong { color: #17613a; font-size: 24px; }
.rota-wf-china-set-dashboard > header aside .is-missing strong { color: #9a5700; }
.rota-wf-china-set-dashboard > header aside .is-review strong { color: #a52f2f; }
.rota-wf-china-set-dashboard > header aside small { color: #637385; font-size: 8px; text-transform: uppercase; }
.rota-wf-china-set-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.rota-wf-china-set-grid > article { display: grid; align-content: start; min-width: 0; padding: 13px; border: 1px solid #d5dee8; border-top: 4px solid #a0adba; border-radius: 12px; background: #fff; box-shadow: 0 5px 14px rgba(15, 43, 68, .05); }
.rota-wf-china-set-grid > article.is-ready { border-top-color: #26925a; }
.rota-wf-china-set-grid > article.is-missing { border-top-color: #df8b22; }
.rota-wf-china-set-grid > article.is-review { border-top-color: #c54141; }
.rota-wf-china-set-grid > article > header { display: grid; gap: 5px; }
.rota-wf-china-set-grid > article > header span { width: fit-content; padding: 4px 6px; border-radius: 5px; background: #edf1f5; color: #536477; font-size: 8px; font-weight: 950; }
.rota-wf-china-set-grid > article.is-ready > header span { background: #e5f7eb; color: #176b3a; }
.rota-wf-china-set-grid > article.is-missing > header span { background: #fff0d8; color: #9b5700; }
.rota-wf-china-set-grid > article.is-review > header span { background: #ffe7e5; color: #a32d2d; }
.rota-wf-china-set-grid > article > header strong { color: #19384f; font-size: 13px; }
.rota-wf-china-set-grid > article > p { margin: 8px 0; color: #637484; font-size: 10px; line-height: 1.45; }
.rota-wf-china-set-grid details { margin-top: auto; padding-top: 4px; }
.rota-wf-china-set-grid details > summary { color: #1d628e; cursor: pointer; font-size: 9px; font-weight: 900; }
.rota-wf-china-set-grid details > div { display: grid; gap: 7px; margin-top: 9px; padding-top: 9px; border-top: 1px solid #e2e8ee; }
.rota-wf-china-set-grid details section { display: grid; gap: 3px; padding: 7px; border-radius: 7px; background: #f7f9fb; }
.rota-wf-china-set-grid details section.is-external { border-left: 3px solid #4385b1; }
.rota-wf-china-set-grid details section b { color: #7d8791; font-size: 7px; }
.rota-wf-china-set-grid details section strong { color: #263f52; font-size: 9px; }
.rota-wf-china-set-grid details section small { color: #687886; font-size: 8px; }
.rota-wf-china-set-grid details section i { padding: 4px; border-radius: 5px; font-size: 8px; font-style: normal; font-weight: 800; }
.rota-wf-china-set-grid details section i.has-stock { background: #e5f7eb; color: #176b3a; }
.rota-wf-china-set-grid details section i.no-stock { background: #fff0d8; color: #9b5700; }
.rota-wf-china-set-grid details em { padding: 7px; border-radius: 7px; background: #fff0ee; color: #a33630; font-size: 8px; font-style: normal; font-weight: 800; line-height: 1.4; }
.rota-wf-china-set-grid details footer { color: #70808d; font-size: 8px; font-weight: 800; }
.rota-wf-china-requirement-card { gap: 12px; }
.rota-wf-china-requirement-route { display: grid; gap: 8px; padding: 12px; border: 1px solid #c9d9df; border-top: 4px solid #8095a0; border-radius: 11px; background: #fff; }
.rota-wf-china-requirement-route.is-ready { border-top-color: #26925a; }
.rota-wf-china-requirement-route.is-missing { border-top-color: #df8b22; }
.rota-wf-china-requirement-route.is-review { border-top-color: #c54141; }
.rota-wf-china-requirement-route > header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 8px; padding-bottom: 8px; border-bottom: 1px solid #dbe8e6; }
.rota-wf-china-requirement-route > header span { grid-column: 1; color: #1f6d68; font-size: 8px; font-weight: 900; letter-spacing: .08em; }
.rota-wf-china-requirement-route > header strong { grid-column: 1; color: #153f42; font-size: 13px; }
.rota-wf-china-requirement-route > header b { grid-column: 2; grid-row: 1 / span 2; align-self: center; padding: 5px 7px; border-radius: 6px; background: #eef1f4; color: #526372; font-size: 8px; }
.rota-wf-china-requirement-route.is-ready > header b { background: #e5f7eb; color: #176b3a; }
.rota-wf-china-requirement-route.is-missing > header b { background: #fff0d8; color: #9b5700; }
.rota-wf-china-requirement-route.is-review > header b { background: #ffe7e5; color: #a32d2d; }
.rota-wf-china-requirement-route > p { margin: 0; color: #60737b; font-size: 9px; line-height: 1.45; }
.rota-wf-china-requirement-route article { display: grid; gap: 5px; padding: 9px; border: 1px solid #dce5e7; border-left-width: 4px; border-radius: 8px; background: #fafcfc; }
.rota-wf-china-requirement-route article.is-required { border-left-color: #d27600; }
.rota-wf-china-requirement-route article.is-external, .rota-wf-china-requirement-route article.is-installation { border-left-color: #3376a3; }
.rota-wf-china-requirement-route article.is-warning { border-left-color: #b92f2f; background: #fff5f4; }
.rota-wf-china-requirement-route article > div { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
.rota-wf-china-requirement-route article > div b { padding: 4px 6px; border-radius: 5px; background: #eef1f4; color: #45596b; font-size: 8px; }
.rota-wf-china-requirement-route article > div strong { color: #203c47; font-size: 10px; }
.rota-wf-china-requirement-route article > span { color: #243f4a !important; font-size: 9px !important; font-weight: 800; }
.rota-wf-china-requirement-route article > p { margin: 0; color: #65777d; font-size: 9px; line-height: 1.45; }
.rota-wf-china-requirement-route article > small { margin: 0 !important; padding: 5px 6px; border-radius: 6px; font-size: 8px !important; font-weight: 800; }
.rota-wf-china-requirement-route article > small.has-stock { background: #e7f7ed; color: #17733a; }
.rota-wf-china-requirement-route article > small.no-stock { background: #fff0d5; color: #a85300; }
.rota-wf-china-requirement-route > footer { color: #64777b; font-size: 8px; font-weight: 800; }

@media (max-width: 900px) {
    .rota-wf-china-head { grid-template-columns: 1fr; }
    .rota-wf-china-kpis { width: 100%; }
    .rota-wf-china-kpis b { min-width: 0; flex: 1; }
    .rota-wf-china-search form { grid-template-columns: 1fr 1fr; }
    .rota-wf-china-form-grid { grid-template-columns: 1fr 1fr; }
    .rota-wf-china-set-dashboard > header { grid-template-columns: 1fr; }
    .rota-wf-china-set-dashboard > header aside { width: 100%; }
    .rota-wf-china-set-dashboard > header aside b { min-width: 0; flex: 1; }
    .rota-wf-china-set-grid { grid-template-columns: 1fr 1fr; }
    .rota-wf-talkback-chain { grid-template-columns: 1fr 1fr; }
    .rota-wf-talkback-chain > i { display: none; }
}
@media (max-width: 600px) {
    .rota-wf-china-search form, .rota-wf-china-form-grid { grid-template-columns: 1fr; }
    .rota-wf-china-kpis { gap: 5px; }
    .rota-wf-china-kpis b { padding: 10px 5px; }
    .rota-wf-china-kpis strong { font-size: 18px; }
    .rota-wf-talkback-guide > header, .rota-wf-talkback-chain { grid-template-columns: 1fr; }
    .rota-wf-talkback-guide aside { min-width: 0; }
    .rota-wf-china-set-grid { grid-template-columns: 1fr; }
    .rota-wf-china-set-dashboard > header aside { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .rota-wf-china-requirement-card { width: min(440px, 78vw); }
}