/**
 * AI驛｢譏ｶ繝ｻ・取・・ｹ譏ｴ繝ｻ郢晢ｽｨ驛｢・ｧ繝ｻ・ｦ驛｢・ｧ繝ｻ・｣驛｢・ｧ繝ｻ・ｸ驛｢・ｧ繝ｻ・ｧ驛｢譏ｴ繝ｻ郢晢ｽｨ - 驛｢譎・ｽｼ驥・ｺｽ・ｹ譎｢・ｽ・ｳ驛｢譎冗樟邵ｺ鬘費ｽｹ譎｢・ｽ・ｳ驛｢譎擾ｽｳ・ｨ邵ｺ蟶ｷ・ｹ・ｧ繝ｻ・ｿ驛｢・ｧ繝ｻ・､驛｢譎｢・ｽ・ｫ
 */

/* ===== Portal鬨ｾ蛹・ｽｽ・ｨ驛｢・ｧ繝ｻ・ｹ驛｢・ｧ繝ｻ・ｿ驛｢・ｧ繝ｻ・､驛｢譎｢・ｽ・ｫ郢晢ｽｻ陋ｹ・ｻ郢晢ｽｦ驛｢譎｢・ｽ・ｳ驛｢譎丞ｹｲ・取ｨ抵ｽｹ譎｢・ｽ・ｩ驛｢・ｧ繝ｻ・､驛｢譎・§・主ｸｷ・ｹ譎｢・ｽ・ｪ鬩包ｽｲ闔ｨ螟ｲ・ｽ・ｼ郢晢ｽｻ===== */
.mado-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease;
}

.mado-card:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* ===== Portal髯ｷ闌ｨ・ｽ・ｱ鬯ｨ・ｾ郢晢ｽｻ髣厄ｽｫ隴取得・ｽ・ｭ陋滂ｽ･郢晢ｽｻ驛｢・ｧ繝ｻ・ｿ驛｢譎｢・ｽ・ｳ ===== */
.button.mado-save-button-green,
button.mado-save-button-green {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 11px 20px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 999px !important;
    background: #1dbfa0 !important;
    background-image: none !important;
    border-color: #1dbfa0 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: 0 14px 28px rgba(12, 229, 187, 0.22) !important;
    cursor: pointer !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease !important;
}

.button.mado-save-button-green:hover,
.button.mado-save-button-green:focus,
.button.mado-save-button-green:active,
button.mado-save-button-green:hover,
button.mado-save-button-green:focus,
button.mado-save-button-green:active {
    background: #169a81 !important;
    background-image: none !important;
    border-color: #169a81 !important;
    color: #ffffff !important;
    text-shadow: none !important;
    box-shadow: 0 16px 30px rgba(12, 229, 187, 0.28) !important;
    transform: translateY(-1px) !important;
    outline: none !important;
}

/* ===== Portal髯ｷ闌ｨ・ｽ・ｱ鬯ｨ・ｾ郢晢ｽｻ驛｢・ｧ繝ｻ・ｷ驛｢譎会ｽｿ・ｫ・取㏍・ｹ・ｧ繝ｻ・ｪ鬩堺ｼ夲ｽｽ・ｻ驛｢譎・鯵邵ｺ・｡驛｢譎｢・ｽ・ｳ ===== */
.button.mado-scenario-button,
button.mado-scenario-button {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 44px !important;
    padding: 11px 20px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: transparent !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    background-image: none !important;
    color: #0f172a !important;
    font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease !important;
}

.button.mado-scenario-button:hover,
.button.mado-scenario-button:focus,
.button.mado-scenario-button:focus-visible,
.button.mado-scenario-button:active,
button.mado-scenario-button:hover,
button.mado-scenario-button:focus,
button.mado-scenario-button:focus-visible,
button.mado-scenario-button:active {
    transform: translateY(-1px) !important;
    background-image: none !important;
    text-shadow: none !important;
    outline: none !important;
}

.button.mado-scenario-button--compact,
button.mado-scenario-button--compact {
    min-height: 36px !important;
    padding: 8px 16px !important;
    font-size: 12px !important;
}

.button.mado-scenario-button--blue,
button.mado-scenario-button--blue {
    background: #0088b2 !important;
    background-image: none !important;
    border-color: #0088b2 !important;
    color: #ffffff !important;
    text-shadow: none !important;
    box-shadow: 0 14px 28px rgba(0, 136, 178, 0.2) !important;
}

.button.mado-scenario-button--blue:hover,
.button.mado-scenario-button--blue:focus,
.button.mado-scenario-button--blue:focus-visible,
.button.mado-scenario-button--blue:active,
button.mado-scenario-button--blue:hover,
button.mado-scenario-button--blue:focus,
button.mado-scenario-button--blue:focus-visible,
button.mado-scenario-button--blue:active {
    background: #006f92 !important;
    background-image: none !important;
    border-color: #006f92 !important;
    color: #ffffff !important;
    text-shadow: none !important;
    box-shadow: 0 16px 30px rgba(0, 136, 178, 0.26) !important;
}

.button.mado-scenario-button--green,
button.mado-scenario-button--green {
    background: #1dbfa0 !important;
    background-image: none !important;
    border-color: #1dbfa0 !important;
    color: #ffffff !important;
    text-shadow: none !important;
    box-shadow: 0 14px 28px rgba(12, 229, 187, 0.22) !important;
}

.button.mado-scenario-button--green:hover,
.button.mado-scenario-button--green:focus,
.button.mado-scenario-button--green:focus-visible,
.button.mado-scenario-button--green:active,
button.mado-scenario-button--green:hover,
button.mado-scenario-button--green:focus,
button.mado-scenario-button--green:focus-visible,
button.mado-scenario-button--green:active {
    background: #169a81 !important;
    background-image: none !important;
    border-color: #169a81 !important;
    color: #ffffff !important;
    text-shadow: none !important;
    box-shadow: 0 16px 30px rgba(12, 229, 187, 0.28) !important;
}

.button.mado-scenario-button--danger,
button.mado-scenario-button--danger {
    background: #ffffff !important;
    background-image: none !important;
    border-color: rgba(220, 38, 38, 0.24) !important;
    color: #b91c1c !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

.button.mado-scenario-button--danger:hover,
.button.mado-scenario-button--danger:focus,
.button.mado-scenario-button--danger:focus-visible,
.button.mado-scenario-button--danger:active,
button.mado-scenario-button--danger:hover,
button.mado-scenario-button--danger:focus,
button.mado-scenario-button--danger:focus-visible,
button.mado-scenario-button--danger:active {
    background: #fff1f2 !important;
    background-image: none !important;
    border-color: rgba(220, 38, 38, 0.42) !important;
    color: #b91c1c !important;
    text-shadow: none !important;
    box-shadow: 0 10px 24px rgba(220, 38, 38, 0.14) !important;
}
/* ===== FAQ/驛｢・ｧ繝ｻ・ｷ驛｢譎会ｽｿ・ｫ・取㏍・ｹ・ｧ繝ｻ・ｪ 髯昴・・ｽ・ｾ鬮ｮ雜｣・ｽ・｡驛｢譎・鯵邵ｺ・｡驛｢譎｢・ｽ・ｳ髯区ｺｷ蜚ｱ隰厄ｽｨ鬮ｫ・ｱ繝ｻ・ｿ髫ｰ・ｨ繝ｻ・ｴ ===== */
:root {
    --mado-btn-icon-edit: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M15.232%202.232a2.5%202.5%200%201%201%203.536%203.536l-9.193%209.193a3%203%200%200%201-1.266.74l-3.3.943a.75.75%200%200%201-.927-.927l.943-3.3a3%203%200%200%201%20.74-1.266l9.193-9.193ZM14.17%205.83%206.89%2013.11a1.5%201.5%200%200%200-.37.633l-.588%202.056%202.056-.588a1.5%201.5%200%200%200%20.633-.37l7.28-7.28-1.732-1.732Z%22%2F%3E%3C%2Fsvg%3E");
    --mado-btn-icon-delete: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M7%202.75A1.75%201.75%200%200%200%205.25%204.5v.25H3.5a.75.75%200%200%200%200%201.5h.56l.67%209.04A2.25%202.25%200%200%200%206.98%2017.5h6.04a2.25%202.25%200%200%200%202.25-2.21l.67-9.04h.56a.75.75%200%200%200%200-1.5h-1.75V4.5A1.75%201.75%200%200%200%2013%202.75H7Zm6.25%202V4.5a.25.25%200%200%200-.25-.25H7a.25.25%200%200%200-.25.25v.25h6.5ZM8%208.5a.75.75%200%200%201%201.5%200v5a.75.75%200%200%201-1.5%200v-5Zm3.75-.75a.75.75%200%200%200-.75.75v5a.75.75%200%200%200%201.5%200v-5a.75.75%200%200%200-.75-.75Z%22%2F%3E%3C%2Fsvg%3E");
    --mado-btn-icon-back: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M10.5%204.5a.75.75%200%200%201%200%201.5H6.31l2.47%202.47a.75.75%200%200%201-1.06%201.06L4%205.81a.75.75%200%200%201%200-1.06l3.72-3.72a.75.75%200%200%201%201.06%201.06L6.31%204.5h4.19ZM15.25%2017A2.75%202.75%200%200%200%2018%2014.25v-6.5A2.75%202.75%200%200%200%2015.25%205h-3a.75.75%200%200%200%200%201.5h3c.69%200%201.25.56%201.25%201.25v6.5c0%20.69-.56%201.25-1.25%201.25h-3a.75.75%200%200%200%200%201.5h3Z%22%2F%3E%3C%2Fsvg%3E");
    --mado-btn-icon-plus: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M10%203.5a.75.75%200%200%201%20.75.75v5h5a.75.75%200%200%201%200%201.5h-5v5a.75.75%200%200%201-1.5%200v-5h-5a.75.75%200%200%201%200-1.5h5v-5A.75.75%200%200%201%2010%203.5Z%22%2F%3E%3C%2Fsvg%3E");
    --mado-btn-icon-download: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M10%202.5a.75.75%200%200%201%20.75.75v7.19l2.22-2.22a.75.75%200%201%201%201.06%201.06l-3.5%203.5a.75.75%200%200%201-1.06%200l-3.5-3.5a.75.75%200%201%201%201.06-1.06l2.22%202.22V3.25A.75.75%200%200%201%2010%202.5ZM4%2014.75A.75.75%200%200%201%204.75%2014h10.5a.75.75%200%200%201%200%201.5H4.75a.75.75%200%200%201-.75-.75Z%22%2F%3E%3C%2Fsvg%3E");
}

.button.mado-scenario-button.mado-site-qa-action--edit,
button.mado-scenario-button.mado-site-qa-action--edit,
.button.mado-scenario-button.mado-site-qa-action--delete,
button.mado-scenario-button.mado-site-qa-action--delete,
.button.mado-scenario-button.mado-site-qa-category-delete,
button.mado-scenario-button.mado-site-qa-category-delete,
.button.mado-scenario-button.entry-chip-remove-btn,
button.mado-scenario-button.entry-chip-remove-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-height: 34px !important;
    padding: 6px 13px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 13px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    min-width: 74px !important;
    box-sizing: border-box !important;
}

.button.mado-scenario-button.entry-chip-add-child-btn,
button.mado-scenario-button.entry-chip-add-child-btn,
.button.entry-chip-add-child-btn:not(.mado-scenario-button),
button.entry-chip-add-child-btn:not(.mado-scenario-button) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 36px !important;
    padding: 7px 15px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 14px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

#mado-site-qa-reset {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 38px !important;
    padding: 8px 16px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

.button.mado-scenario-button.mado-scenario-download-btn,
button.mado-scenario-button.mado-scenario-download-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    min-height: 40px !important;
    padding: 9px 18px !important;
    border-radius: 14px !important;
    line-height: 1.2 !important;
}

.button.mado-scenario-button.mado-scenario-download-btn,
button.mado-scenario-button.mado-scenario-download-btn,
.button.mado-scenario-button.mado-scenario-button--cyan,
button.mado-scenario-button.mado-scenario-button--cyan,
.mado-scenario-page .mado-scenario-upload-trigger {
    font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif !important;
}

.button.mado-scenario-button.mado-site-qa-action--edit,
button.mado-scenario-button.mado-site-qa-action--edit {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #47b36e !important;
    color: #13733b !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

.button.mado-scenario-button.mado-site-qa-action--edit:hover,
.button.mado-scenario-button.mado-site-qa-action--edit:focus,
.button.mado-scenario-button.mado-site-qa-action--edit:active,
button.mado-scenario-button.mado-site-qa-action--edit:hover,
button.mado-scenario-button.mado-site-qa-action--edit:focus,
button.mado-scenario-button.mado-site-qa-action--edit:active {
    background: #ecfdf5 !important;
    background-image: none !important;
    border-color: #1f9a51 !important;
    color: #116533 !important;
    text-shadow: none !important;
    box-shadow: 0 8px 16px rgba(21, 128, 61, 0.14) !important;
}

.button.mado-scenario-button.mado-site-qa-action--delete,
button.mado-scenario-button.mado-site-qa-action--delete,
.button.mado-scenario-button.mado-site-qa-category-delete,
button.mado-scenario-button.mado-site-qa-category-delete,
.button.mado-scenario-button.entry-chip-remove-btn,
button.mado-scenario-button.entry-chip-remove-btn {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #e09191 !important;
    color: #b42318 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

.button.mado-scenario-button.mado-site-qa-action--delete:hover,
.button.mado-scenario-button.mado-site-qa-action--delete:focus,
.button.mado-scenario-button.mado-site-qa-action--delete:active,
.button.mado-scenario-button.mado-site-qa-category-delete:hover,
.button.mado-scenario-button.mado-site-qa-category-delete:focus,
.button.mado-scenario-button.mado-site-qa-category-delete:active,
button.mado-scenario-button.mado-site-qa-action--delete:hover,
button.mado-scenario-button.mado-site-qa-action--delete:focus,
button.mado-scenario-button.mado-site-qa-action--delete:active,
button.mado-scenario-button.mado-site-qa-category-delete:hover,
button.mado-scenario-button.mado-site-qa-category-delete:focus,
button.mado-scenario-button.mado-site-qa-category-delete:active,
.button.mado-scenario-button.entry-chip-remove-btn:hover,
.button.mado-scenario-button.entry-chip-remove-btn:focus,
.button.mado-scenario-button.entry-chip-remove-btn:active,
button.mado-scenario-button.entry-chip-remove-btn:hover,
button.mado-scenario-button.entry-chip-remove-btn:focus,
button.mado-scenario-button.entry-chip-remove-btn:active {
    background: #fff1f2 !important;
    background-image: none !important;
    border-color: #cf6d6d !important;
    color: #951b14 !important;
    text-shadow: none !important;
    box-shadow: 0 10px 18px rgba(220, 38, 38, 0.14) !important;
}

.button.entry-chip-add-child-btn:not(.mado-scenario-button),
button.entry-chip-add-child-btn:not(.mado-scenario-button) {
    background: #ecfdf5 !important;
    border-color: #83cda0 !important;
    color: #13733b !important;
    text-shadow: none !important;
}

.button.entry-chip-add-child-btn:not(.mado-scenario-button):hover,
.button.entry-chip-add-child-btn:not(.mado-scenario-button):focus,
.button.entry-chip-add-child-btn:not(.mado-scenario-button):active,
button.entry-chip-add-child-btn:not(.mado-scenario-button):hover,
button.entry-chip-add-child-btn:not(.mado-scenario-button):focus,
button.entry-chip-add-child-btn:not(.mado-scenario-button):active {
    background: #dcfce7 !important;
    border-color: #5cb987 !important;
    color: #116533 !important;
}

.mado-ui-settings-form .mado-tab-panel[data-panel="chips"] .button.entry-chip-add-child-btn,
.mado-ui-settings-form .mado-tab-panel[data-panel="chips"] button.entry-chip-add-child-btn {
    min-height: 36px !important;
    padding: 7px 15px !important;
    border-radius: 14px !important;
    gap: 10px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.mado-ui-settings-form .mado-tab-panel[data-panel="chips"] .button.entry-chip-remove-btn,
.mado-ui-settings-form .mado-tab-panel[data-panel="chips"] button.entry-chip-remove-btn {
    min-height: 34px !important;
    padding: 6px 13px !important;
    border-radius: 13px !important;
    gap: 7px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    background: #ffffff !important;
    border-color: #e09191 !important;
    color: #b42318 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

.mado-ui-settings-form .mado-tab-panel[data-panel="chips"] .button.entry-chip-remove-btn:hover,
.mado-ui-settings-form .mado-tab-panel[data-panel="chips"] .button.entry-chip-remove-btn:focus,
.mado-ui-settings-form .mado-tab-panel[data-panel="chips"] .button.entry-chip-remove-btn:active,
.mado-ui-settings-form .mado-tab-panel[data-panel="chips"] button.entry-chip-remove-btn:hover,
.mado-ui-settings-form .mado-tab-panel[data-panel="chips"] button.entry-chip-remove-btn:focus,
.mado-ui-settings-form .mado-tab-panel[data-panel="chips"] button.entry-chip-remove-btn:active {
    background: #fff1f2 !important;
    border-color: #cf6d6d !important;
    color: #951b14 !important;
    box-shadow: 0 10px 18px rgba(220, 38, 38, 0.14) !important;
}

.button.mado-scenario-button.mado-site-qa-action--edit::before,
button.mado-scenario-button.mado-site-qa-action--edit::before,
.button.mado-scenario-button.mado-site-qa-action--delete::before,
button.mado-scenario-button.mado-site-qa-action--delete::before,
.button.mado-scenario-button.mado-site-qa-category-delete::before,
button.mado-scenario-button.mado-site-qa-category-delete::before,
.button.mado-scenario-button.entry-chip-add-child-btn::before,
button.mado-scenario-button.entry-chip-add-child-btn::before,
.button.mado-scenario-button.entry-chip-remove-btn::before,
button.mado-scenario-button.entry-chip-remove-btn::before,
.button.entry-chip-remove-btn:not(.mado-scenario-button)::before,
button.entry-chip-remove-btn:not(.mado-scenario-button)::before,
#mado-site-qa-reset::before,
.button.mado-scenario-button.mado-scenario-download-btn::before,
button.mado-scenario-button.mado-scenario-download-btn::before,
.button.entry-chip-add-child-btn:not(.mado-scenario-button)::before {
    content: "";
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transform: translateY(0);
}

.button.mado-scenario-button.mado-site-qa-action--edit::before,
button.mado-scenario-button.mado-site-qa-action--edit::before {
    -webkit-mask-image: var(--mado-btn-icon-edit);
    mask-image: var(--mado-btn-icon-edit);
}

.button.mado-scenario-button.mado-site-qa-action--delete::before,
button.mado-scenario-button.mado-site-qa-action--delete::before,
.button.mado-scenario-button.mado-site-qa-category-delete::before,
button.mado-scenario-button.mado-site-qa-category-delete::before,
.button.mado-scenario-button.entry-chip-remove-btn::before,
button.mado-scenario-button.entry-chip-remove-btn::before,
.button.entry-chip-remove-btn:not(.mado-scenario-button)::before,
button.entry-chip-remove-btn:not(.mado-scenario-button)::before {
    -webkit-mask-image: var(--mado-btn-icon-delete);
    mask-image: var(--mado-btn-icon-delete);
}

#mado-site-qa-reset::before {
    -webkit-mask-image: var(--mado-btn-icon-back);
    mask-image: var(--mado-btn-icon-back);
}

.button.mado-scenario-button.entry-chip-add-child-btn::before,
button.mado-scenario-button.entry-chip-add-child-btn::before,
.button.entry-chip-add-child-btn:not(.mado-scenario-button)::before {
    -webkit-mask-image: var(--mado-btn-icon-plus);
    mask-image: var(--mado-btn-icon-plus);
}

.button.mado-scenario-button.mado-scenario-download-btn::before,
button.mado-scenario-button.mado-scenario-download-btn::before {
    -webkit-mask-image: var(--mado-btn-icon-download);
    mask-image: var(--mado-btn-icon-download);
}


/* ===== Q&A table action buttons ===== */
.button.mado-scenario-button.mado-site-qa-action--edit,
button.mado-scenario-button.mado-site-qa-action--edit,
.button.mado-scenario-button.mado-site-qa-action--delete,
button.mado-scenario-button.mado-site-qa-action--delete {
    min-height: 38px !important;
    padding: 7px 14px !important;
    border-radius: 999px !important;
    gap: 7px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.button.mado-scenario-button.mado-site-qa-action--edit::before,
button.mado-scenario-button.mado-site-qa-action--edit::before,
.button.mado-scenario-button.mado-site-qa-action--delete::before,
button.mado-scenario-button.mado-site-qa-action--delete::before {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
}

.entry-chip-add-child-btn .mado-chip-inline-level-number {
    display: none !important;
}

/* 鬮ｮ莨夲ｽｽ・ｪ髯懶｣ｰ闕ｳ鄙ｫ窶ｳ驛｢譏ｴ繝ｻ邵ｺ荵滂ｽｹ譎｢・ｽ・ｪ驛｢譏ｶ繝ｻ郢晢ｽ｣驛｢譎・惧繝ｻ・ｼ闔・･郢晢ｽｻ髯晢ｽｯ隰ｦ・ｰ繝ｻ・ｼ郢晢ｽｻ 驛｢譎冗樟郢晢ｽ｣驛｢譎丞ｹｲ・取ｨ抵ｽｹ譎冗函・取刮・ｹ・ｧ繝ｻ・｢驛｢・ｧ繝ｻ・ｳ驛｢譎｢・ｽ・ｼ驛｢譏ｴ繝ｻ邵ｺ繝ｻ・ｹ・ｧ繝ｻ・ｪ驛｢譎｢・ｽ・ｳ鬯ｮ・｢髦ｮ蜷ｶ繝ｻ鬮ｫ蜍溘・繝ｻ・ｪ髢ｧ・ｴ・つ€繝ｻ・ｧ驛｢・ｧ陷代・・ｽ・ｸ驗呻ｽｫ繝ｻ・｡驛｢・ｧ郢晢ｽｻ*/
.mado-scenario-page #entry-chips-list,
.mado-ui-settings-form .mado-tab-panel[data-panel="chips"] #entry-chips-list {
    margin-top: 28px !important;
    gap: 48px !important;
}
/* ===== Portal shell / dashboard ===== */
.mado-portal-icon-slot,
.mado-portal-shell__nav-icon,
.mado-portal-shell__back-link-icon,
.mado-portal-shell__site-icon,
.mado-portal-shell__site-token-icon,
.mado-dashboard__eyebrow-icon,
.mado-dashboard__stat-icon,
.mado-dashboard__section-icon,
.mado-portal-setting-summary__icon,
.mado-portal-inline-heading__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
}

.mado-portal-shell__nav-icon,
.mado-dashboard__eyebrow-icon,
.mado-portal-shell__site-icon {
    width: 21px;
    height: 21px;
    min-width: 21px;
    min-height: 21px;
}
.mado-portal-icon-slot svg,
.mado-portal-shell__nav-icon svg,
.mado-portal-shell__back-link-icon svg,
.mado-portal-shell__site-icon svg,
.mado-portal-shell__site-token-icon svg,
.mado-dashboard__eyebrow-icon svg,
.mado-dashboard__stat-icon svg,
.mado-dashboard__section-icon svg,
.mado-portal-setting-summary__icon svg,
.mado-portal-inline-heading__icon svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: currentColor;
}

body.mado-portal-account-page .woocommerce-MyAccount-navigation,
body.mado-portal-account-page .woocommerce-account .woocommerce-MyAccount-navigation,
body.mado-portal-account-page .entry-title,
body.mado-portal-account-page .woocommerce-account .entry-title {
    display: none !important;
}

body.mado-portal-account-page .page-header,
body.mado-portal-account-page .entry-header,
body.mado-portal-account-page .woocommerce-account .page-header,
body.mado-portal-account-page .woocommerce-account .entry-header {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.mado-portal-account-page .woocommerce,
body.mado-portal-account-page .woocommerce-account .woocommerce {
    display: block;
    max-width: none;
    background: #ffffff !important;
}

body.mado-portal-account-page #left-sidebar,
body.mado-portal-account-page #right-sidebar,
body.mado-portal-account-page .left-sidebar,
body.mado-portal-account-page .right-sidebar,
body.mado-portal-account-page .is-left-sidebar,
body.mado-portal-account-page .is-right-sidebar,
body.mado-portal-account-page aside#secondary,
body.mado-portal-account-page .widget-area {
    display: none !important;
}

body.mado-portal-account-page .woocommerce-MyAccount-content,
body.mado-portal-account-page .woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    max-width: none !important;
    flex: 1 1 100% !important;
}

body.mado-portal-account-page .woocommerce::after,
body.mado-portal-account-page .woocommerce-account .woocommerce::after {
    content: "";
    display: block;
    clear: both;
}

body.mado-portal-account-page .site-content,
body.mado-portal-account-page #content,
body.mado-portal-account-page #primary,
body.mado-portal-account-page #main,
body.mado-portal-account-page .content-area,
body.mado-portal-account-page .inside-article,
body.mado-portal-account-page .inside-content,
body.mado-portal-account-page .separate-containers .inside-article,
body.mado-portal-account-page .one-container .site-content,
body.mado-portal-account-page .woocommerce,
body.mado-portal-account-page .woocommerce-account .woocommerce {
    box-sizing: border-box;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    flex: 1 1 100% !important;
}

body.mado-portal-account-page .site-content,
body.mado-portal-account-page #content {
    display: block !important;
}

body.mado-portal-account-page .mado-portal-hub--action-list,
body.mado-portal-account-page .mado-portal-hub--action-list *,
body.mado-portal-account-page .entry-content:has(.mado-portal-hub--action-list),
body.mado-portal-account-page .entry-content:has(.mado-portal-hub--action-list) > .woocommerce,
body.mado-portal-account-page .entry-content:has(.mado-portal-hub--action-list) > .woocommerce > .woocommerce-MyAccount-content,
body.mado-portal-account-page .entry-content:has(.mado-portal-hub--action-list) > .woocommerce > .woocommerce-notices-wrapper,
body.mado-portal-account-page .inside-article:has(.mado-portal-hub--action-list),
body.mado-portal-account-page article.post:has(.mado-portal-hub--action-list),
body.mado-portal-account-page article.page:has(.mado-portal-hub--action-list) {
    font-family: "Noto Sans JP", "Noto Sans", sans-serif !important;
}

body.mado-portal-account-page #page,
body.mado-portal-account-page .site,
body.mado-portal-account-page .site-content,
body.mado-portal-account-page .site-main,
body.mado-portal-account-page #content,
body.mado-portal-account-page #primary,
body.mado-portal-account-page #main,
body.mado-portal-account-page .content-area,
body.mado-portal-account-page .site-main .grid-container,
body.mado-portal-account-page .site-content .grid-container {
    background: #ffffff !important;
}

body.mado-portal-account-page .site-content,
body.mado-portal-account-page .site-main,
body.mado-portal-account-page #content,
body.mado-portal-account-page #primary,
body.mado-portal-account-page #main,
body.mado-portal-account-page .content-area,
body.mado-portal-account-page .site-main .grid-container,
body.mado-portal-account-page .site-content .grid-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.mado-portal-account-page article.post,
body.mado-portal-account-page article.page,
body.mado-portal-account-page .site-main > article:first-child,
body.mado-portal-account-page .content-area > article:first-child {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: #ffffff !important;
}

body.mado-portal-account-page .inside-article,
body.mado-portal-account-page .entry-content,
body.mado-portal-account-page .woocommerce-MyAccount-content,
body.mado-portal-account-page .woocommerce-account .woocommerce-MyAccount-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background: #ffffff !important;
}

body.mado-portal-account-page .mado-portal-shell,
body.mado-portal-account-page .mado-portal-hub {
    margin-top: 0 !important;
}

body.mado-portal-account-page .entry-content > .woocommerce,
body.mado-portal-account-page .entry-content > .woocommerce > .woocommerce-MyAccount-content,
body.mado-portal-account-page .entry-content > .woocommerce > .woocommerce-notices-wrapper,
body.mado-portal-account-page .woocommerce-account .entry-content > .woocommerce,
body.mado-portal-account-page .woocommerce-account .entry-content > .woocommerce > .woocommerce-MyAccount-content,
body.mado-portal-account-page .woocommerce-account .entry-content > .woocommerce > .woocommerce-notices-wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: #ffffff !important;
}

body.mado-portal-account-page .woocommerce-notices-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

body.mado-portal-account-page .inside-article > .entry-header:empty {
    display: none !important;
}

body.mado-portal-account-page .inside-article > .entry-content,
body.mado-portal-account-page .inside-article > .entry-content[itemprop="text"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.mado-portal-account-page .site-footer,
body.mado-portal-account-page #colophon,
body.mado-portal-account-page .site-info,
body.mado-portal-account-page .footer-widgets {
    margin-top: 0 !important;
    padding-top: 0 !important;
    background: #ffffff !important;
    border-top: 0 !important;
}

body.mado-portal-account-page .mado-portal-shell__content-frame > .mado-portal-breadcrumb:first-child,
body.mado-portal-account-page .mado-portal-hub__content-frame > .mado-portal-breadcrumb:first-child {
    margin-top: 0 !important;
}

@media (min-width: 1024px) {
    body.mado-portal-account-page #page,
    body.mado-portal-account-page .site,
    body.mado-portal-account-page .site.grid-container,
    body.mado-portal-account-page #content,
    body.mado-portal-account-page #primary,
    body.mado-portal-account-page #main,
    body.mado-portal-account-page .site-main .grid-container,
    body.mado-portal-account-page .site-content .grid-container,
    body.mado-portal-account-page .site-main,
    body.mado-portal-account-page .site-content,
    body.mado-portal-account-page .content-area,
    body.mado-portal-account-page .entry-content,
    body.mado-portal-account-page .inside-article,
    body.mado-portal-account-page .col-full,
    body.mado-portal-account-page .ast-container,
    body.mado-portal-account-page .woocommerce-account .entry-content,
    body.mado-portal-account-page .woocommerce-account .woocommerce,
    body.mado-portal-account-page .woocommerce-MyAccount-content {
        width: 100% !important;
        max-width: calc(100vw - 32px) !important;
        float: none !important;
    }

    body.mado-portal-account-page #page,
    body.mado-portal-account-page .site,
    body.mado-portal-account-page .site.grid-container,
    body.mado-portal-account-page #content,
    body.mado-portal-account-page #primary,
    body.mado-portal-account-page #main,
    body.mado-portal-account-page .site-main .grid-container,
    body.mado-portal-account-page .site-content .grid-container,
    body.mado-portal-account-page .site-main,
    body.mado-portal-account-page .site-content,
    body.mado-portal-account-page .content-area,
    body.mado-portal-account-page .entry-content,
    body.mado-portal-account-page .inside-article,
    body.mado-portal-account-page .col-full,
    body.mado-portal-account-page .ast-container {
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box;
    }
}

.mado-portal-shell {
    display: grid;
    grid-template-columns: minmax(208px, clamp(220px, 23vw, 284px)) minmax(0, 1fr);
    column-gap: clamp(16px, 2vw, 24px);
    row-gap: 10px;
    align-items: start;
    justify-items: stretch;
    margin-top: 12px;
    text-align: left;
    width: 100%;
}

.mado-portal-shell__sidebar {
    align-self: start;
    justify-self: stretch;
}

.mado-portal-shell__sidebar-card {
    position: sticky;
    top: 24px;
    display: grid;
    gap: 16px;
    padding: 16px;
    border: 1px solid #d9e3ee;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07);
    text-align: left;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
}

.mado-portal-shell__back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 400;
    color: #2271b1;
    text-decoration: none;
}

.mado-portal-shell__back-link-icon {
    width: 18px;
    height: 18px;
    color: currentColor;
}

.mado-portal-shell__back-link-label {
    display: inline-flex;
    align-items: center;
}

.mado-portal-shell__back-link:hover {
    color: #0f5d99;
}

.mado-portal-shell__site-card {
    display: grid;
    gap: 12px;
    padding: 16px;
    border: 1px solid #dbe7f3;
    border-radius: 18px;
    background: linear-gradient(180deg, #f4f9ff 0%, #ffffff 100%);
}

.mado-portal-shell__site-heading,
.mado-portal-shell__site-token-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.mado-portal-shell__site-icon,
.mado-portal-shell__site-token-icon {
    color: #2271b1;
    margin-top: 0;
}

.mado-portal-shell__site-kicker {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #64748b;
}

.mado-portal-shell__site-name {
    margin-top: 4px;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 500;
    color: #0f172a;
    word-break: break-word;
}

.mado-portal-shell__site-token-label {
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
}

.mado-portal-shell__site-token-code {
    display: inline-block;
    margin-top: 6px;
    padding: 6px 10px;
    border: 1px solid #c9d6e4;
    border-radius: 10px;
    background: #ffffff;
    font-size: 12px;
    color: #0f172a;
}

.mado-portal-shell__menu-title {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
    color: #64748b;
    text-align: left;
}

.mado-portal-shell__nav {
    display: grid;
    gap: 4px;
}

.mado-portal-shell__nav-item {
    display: grid;
    gap: 4px;
}

.mado-portal-shell__nav-item.has-children {
    gap: 2px;
}

.mado-portal-shell__nav-item.has-children:not(.is-collapsed) {
    margin-bottom: 2px;
}

.mado-portal-shell__nav-item.has-children:not(.is-collapsed) + .mado-portal-shell__nav-item {
    margin-top: 2px;
}

.mado-portal-shell__nav-parent-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.mado-portal-shell__nav-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: auto;
    padding: 9px 12px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    color: #1f2937;
    text-decoration: none;
    text-align: left;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
    font-weight: 400;
}

.mado-portal-shell__nav-link:hover {
    border-color: #dbe7f3;
    background: #f1f7ff;
    color: #0f5d99;
    transform: translateX(2px);
}

.mado-portal-shell__nav-link.is-active {
    border-color: #b8d2ea;
    background: linear-gradient(180deg, #eef6ff 0%, #f7fbff 100%);
    color: #0f5d99;
    box-shadow: inset 0 0 0 1px rgba(34, 113, 177, 0.08);
}

.mado-portal-shell__nav-icon {
    color: currentColor;
    margin-top: 2px;
}

.mado-portal-shell__nav-link .mado-portal-shell__nav-icon[data-icon-key="faq-memo"] {
    width: 22px;
    height: 22px;
    margin-top: 0;
}

.mado-portal-shell__nav-link .mado-portal-shell__nav-icon[data-icon-key="faq-memo"] svg {
    transform: scale(1.08);
    transform-origin: center;
}

.mado-portal-shell__nav-label {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}

.mado-portal-shell__nav-toggle {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: #64748b;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    position: relative;
    transform: none;
    z-index: 2;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.mado-portal-shell__nav-toggle:hover {
    border-color: #dbe7f3;
    background: #f8fbff;
    color: #0f5d99;
}

.mado-portal-shell__nav-toggle:focus,
.mado-portal-shell__nav-toggle:active {
    outline: none;
    border-color: transparent;
    background: transparent;
    color: #0f5d99;
}

.mado-portal-shell__nav-toggle:focus-visible {
    outline: none;
    border-color: transparent;
    background: transparent;
    color: #0f5d99;
    box-shadow: 0 0 0 3px rgba(34, 113, 177, 0.18);
}

.mado-portal-shell__nav-toggle-icon {
    display: inline-flex;
    width: 16px;
    height: 16px;
    transform-origin: 50% 50%;
    transition: transform 0.18s ease;
}

.mado-portal-shell__nav-toggle-icon svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: currentColor;
}

.mado-portal-shell__nav-item.is-collapsed .mado-portal-shell__nav-toggle-icon {
    transform: rotate(-90deg);
}

.mado-portal-shell__nav-children {
    display: grid;
    gap: 2px;
    margin-left: 20px;
    margin-top: -2px;
    padding: 1px 0 1px 12px;
    border-left: 1px solid #dbe5f0;
}

.mado-portal-shell__nav-children[hidden] {
    display: none !important;
}

.mado-portal-shell__nav-child-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 4px 10px;
    border-radius: 10px;
    color: #526072;
    text-decoration: none;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.mado-portal-shell__nav-child-link::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: currentColor;
    opacity: 0.45;
    flex: 0 0 auto;
}

.mado-portal-shell__nav-child-link:hover {
    background: #f7fbff;
    color: #0f5d99;
}

.mado-portal-shell__nav-child-link.is-active {
    background: #eef6ff;
    color: #0f5d99;
}

.mado-portal-shell__nav-child-label {
    min-width: 0;
}

.mado-portal-shell__content {
    min-width: 0;
    overflow-x: auto;
    justify-self: stretch;
    text-align: left;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
}

.mado-portal-shell__content-frame {
    width: 100%;
    min-width: 0;
    max-width: none;
}

.mado-portal-shell__content-frame.is-standard {
    width: min(100%, 1120px);
    max-width: 1120px;
}

.mado-portal-shell__content-frame.is-with-preview {
    width: 100%;
    max-width: none;
}

.mado-portal-shell__content .mado-portal-container {
    width: 100%;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0;
}

body.mado-portal-account-page .mado-portal-container {
    width: 100%;
    max-width: none !important;
}

/* Subtle tracking baseline for Japanese text readability */
body.mado-portal-account-page .mado-portal-shell,
body.mado-portal-account-page .mado-portal-container {
    letter-spacing: 0.01em;
}

/* Stronger, visible tracking for common buttons (especially blue actions) */
body.mado-portal-account-page .mado-portal-shell .mado-portal-button,
body.mado-portal-account-page .mado-portal-container .button.mado-scenario-button,
body.mado-portal-account-page .mado-portal-container button.mado-scenario-button,
body.mado-portal-account-page .mado-portal-container .button.mado-save-button-green,
body.mado-portal-account-page .mado-portal-container button.mado-save-button-green,
body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-button,
body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-upload-trigger {
    letter-spacing: 0.04em;
}

/* Page/section headings */
body.mado-portal-account-page .mado-portal-shell .mado-portal-page-heading,
body.mado-portal-account-page .mado-portal-shell .mado-portal-card-heading,
body.mado-portal-account-page .mado-portal-shell .mado-portal-shell__page-title,
body.mado-portal-account-page .mado-portal-shell .mado-site-qa__heading,
body.mado-portal-account-page .mado-portal-shell .mado-portal-inline-heading {
    letter-spacing: 0.03em;
}

/* Labels and helper text */
body.mado-portal-account-page .mado-portal-shell .mado-portal-shell__nav-label,
body.mado-portal-account-page .mado-portal-shell .mado-portal-shell__nav-child-label,
body.mado-portal-account-page .mado-portal-shell .mado-portal-shell__page-eyebrow,
body.mado-portal-account-page .mado-portal-container label,
body.mado-portal-account-page .mado-portal-container .description,
body.mado-portal-account-page .mado-portal-container .mado-site-qa__label,
body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion__description,
body.mado-portal-account-page .mado-portal-container .mado-dashboard__description {
    letter-spacing: 0.02em;
}

.mado-portal-shell__page-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding: 14px 16px;
    border: 1px solid #dbe5ef;
    border-radius: 16px;
    background: #ffffff;
}

.mado-portal-shell__page-icon {
    color: #334155;
}

.mado-portal-shell__page-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.mado-portal-shell__page-eyebrow {
    font-size: 11px;
    line-height: 1.5;
    font-weight: 400;
    color: #64748b;
}

.mado-portal-shell__page-title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #0f172a;
}

.mado-portal-page-heading {
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 800;
    color: #0f172a;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
}

.mado-portal-card-heading {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #0f172a;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
}

.mado-portal-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.mado-portal-button:hover {
    transform: translateY(-2px);
}

.mado-portal-button--primary {
    background: #0f172a;
    border-color: #0f172a;
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.14);
}

.mado-portal-button--primary:hover {
    background: #1e293b;
    border-color: #1e293b;
    color: #ffffff;
}

.mado-portal-button--ghost {
    background: #ffffff;
    border-color: #d5dfeb;
    color: #334155;
}

.mado-portal-button--ghost:hover {
    border-color: #b8c8da;
    color: #0f172a;
}

.mado-portal-sidebar__utility {
    display: grid;
    gap: 10px;
    margin-top: 8px;
    padding-top: 14px;
    border-top: 1px solid #dbe5ef;
}

.mado-portal-sidebar__utility-title {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700;
    color: #64748b;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mado-portal-sidebar__utility-list {
    display: grid;
    gap: 6px;
}

.mado-portal-sidebar__utility-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #334155;
    text-decoration: none;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.mado-portal-sidebar__utility-link:hover {
    background: #f8fbff;
    border-color: #dbe7f3;
    color: #0f172a;
}

.mado-portal-sidebar__utility-link.is-logout {
    color: #7c2d12;
}

.mado-portal-sidebar__utility-icon {
    color: currentColor;
}

.mado-portal-frame-toolbar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    margin: 0 0 2px;
    grid-column: 1 / -1;
}

.mado-portal-global-utility {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.mado-portal-global-utility__cluster {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
}

.mado-portal-global-utility__item {
    position: relative;
}

.mado-portal-global-utility__button,
.mado-portal-global-utility__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #334155;
    text-decoration: none;
    box-shadow: none;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    white-space: nowrap;
    transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.mado-portal-global-utility__button {
    cursor: pointer;
}

.mado-portal-global-utility__button:hover,
.mado-portal-global-utility__link:hover {
    background: #f8fafc;
    color: #0f172a;
}

.mado-portal-global-utility__button--notification {
    padding-right: 14px;
}

.mado-portal-global-utility__button--menu {
    min-width: 42px;
    padding: 0;
}

.mado-portal-global-utility__link.is-logout {
    color: #9a3412;
}

.mado-portal-global-utility__link.is-logout:hover {
    background: #fff7ed;
    border-color: #fdba74;
    color: #7c2d12;
}

.mado-portal-global-utility__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    color: currentColor;
    flex: 0 0 auto;
    position: relative;
    top: 1px;
}

.mado-portal-global-utility__icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.mado-portal-global-utility__icon[data-icon-key="help"] {
    width: 20px;
    height: 20px;
}

.mado-portal-global-utility__button-label,
.mado-portal-global-utility__link-label {
    display: inline-flex;
    align-items: center;
}

.mado-portal-global-utility__chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    font-size: 0;
    line-height: 0;
    transform: translateY(1px);
    color: currentColor;
}

.mado-portal-global-utility__chevron::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20640%20640%27%3E%3Cpath%20d%3D%27M297.4%20470.6C309.9%20483.1%20330.2%20483.1%20342.7%20470.6L534.7%20278.6C547.2%20266.1%20547.2%20245.8%20534.7%20233.3C522.2%20220.8%20501.9%20220.8%20489.4%20233.3L320%20402.7L150.6%20233.4C138.1%20220.9%20117.8%20220.9%20105.3%20233.4C92.8%20245.9%2092.8%20266.2%20105.3%20278.7L297.3%20470.7z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20640%20640%27%3E%3Cpath%20d%3D%27M297.4%20470.6C309.9%20483.1%20330.2%20483.1%20342.7%20470.6L534.7%20278.6C547.2%20266.1%20547.2%20245.8%20534.7%20233.3C522.2%20220.8%20501.9%20220.8%20489.4%20233.3L320%20402.7L150.6%20233.4C138.1%20220.9%20117.8%20220.9%20105.3%20233.4C92.8%20245.9%2092.8%20266.2%20105.3%20278.7L297.3%20470.7z%27/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.mado-portal-global-utility__badge {
    position: absolute;
    top: 1px;
    right: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 21px;
    height: 21px;
    padding: 0 6px;
    border: 2px solid #ffffff;
    border-radius: 999px;
    background: #dc2626;
    color: #ffffff;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    transform: translate(28%, -2%);
    box-shadow: 0 6px 14px rgba(220, 38, 38, 0.2);
}

.mado-portal-global-utility__popover {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    display: grid;
    gap: 8px;
    width: min(280px, calc(100vw - 48px));
    padding: 12px;
    border: 0;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: none;
    z-index: 30;
}

.mado-portal-global-utility__popover[hidden] {
    display: none !important;
}

.mado-portal-global-utility__popover-head {
    display: grid;
    gap: 4px;
}

.mado-portal-global-utility__popover-title {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 800;
    color: #0f172a;
}

.mado-portal-global-utility__popover-status {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;
    color: #64748b;
}

.mado-portal-global-utility__popover-body,
.mado-portal-global-utility__popover-note {
    margin: 0;
    color: #475569;
}

.mado-portal-global-utility__popover-body {
    font-size: 13px;
    line-height: 1.7;
    font-weight: 600;
}

.mado-portal-global-utility__popover-note {
    font-size: 12px;
    line-height: 1.6;
}

.mado-portal-global-utility__popover-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 14px;
    border-radius: 12px;
    background: #eff6ff;
    color: #1d4ed8;
    text-decoration: none;
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
}

.mado-portal-global-utility__popover-link:hover {
    background: #dbeafe;
    color: #1e3a8a;
}

.mado-portal-global-utility__menu-panel {
    width: min(240px, calc(100vw - 48px));
    padding: 10px;
}

.mado-portal-global-utility__menu-list {
    display: grid;
    gap: 4px;
}

.mado-portal-global-utility__menu-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    color: #334155;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
}

.mado-portal-global-utility__menu-link:hover {
    background: #f8fafc;
    color: #0f172a;
}

.mado-portal-global-utility__menu-link.is-logout {
    color: #9a3412;
}

.mado-portal-global-utility__menu-link.is-logout:hover {
    background: #fff7ed;
    color: #7c2d12;
}

.mado-portal-global-utility__menu-label {
    display: inline-flex;
    align-items: center;
}

body.mado-portal-account-page .mado-portal-shell__content-frame > .mado-portal-frame-toolbar:first-child,
body.mado-portal-account-page .mado-portal-hub__content-frame > .mado-portal-frame-toolbar:first-child {
    margin-top: 0 !important;
}

body.mado-portal-account-page .mado-portal-shell > .mado-portal-frame-toolbar,
body.mado-portal-account-page .mado-portal-hub > .mado-portal-frame-toolbar {
    margin-top: 0 !important;
    margin-bottom: 4px !important;
}

@media (min-width: 901px) {
    body.mado-portal-account-page .mado-portal-shell,
    body.mado-portal-account-page .mado-portal-hub {
        position: relative;
    }

    body.mado-portal-account-page .mado-portal-shell > .mado-portal-frame-toolbar,
    body.mado-portal-account-page .mado-portal-hub > .mado-portal-frame-toolbar {
        position: absolute;
        left: 0;
        right: 0;
        top: -56px;
        z-index: 40;
        margin: 0 !important;
        pointer-events: none;
    }

    body.mado-portal-account-page .mado-portal-shell > .mado-portal-frame-toolbar {
        top: -68px;
    }

    body.mado-portal-account-page .mado-portal-shell > .mado-portal-frame-toolbar .mado-portal-global-utility,
    body.mado-portal-account-page .mado-portal-hub > .mado-portal-frame-toolbar .mado-portal-global-utility {
        pointer-events: auto;
    }
}

.mado-portal-hub {
    display: grid;
    grid-template-columns: minmax(212px, clamp(224px, 24vw, 286px)) minmax(0, 1fr);
    column-gap: clamp(16px, 2vw, 24px);
    row-gap: 10px;
    align-items: start;
}

.mado-portal-hub__content {
    min-width: 0;
}

.mado-portal-hub__sidebar-card {
    position: sticky;
    top: 24px;
    display: grid;
    gap: 16px;
    padding: 18px;
    border: 1px solid #d9e3ee;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.07);
}

.mado-portal-hub__brand {
    display: grid;
    gap: 8px;
}

.mado-portal-hub__brand-kicker,
.mado-portal-sites-screen__eyebrow,
.mado-portal-sites-screen__section-eyebrow,
.mado-portal-add-screen__eyebrow,
.mado-portal-empty-state__eyebrow {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #2563eb;
}

.mado-portal-hub__brand-title {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 800;
    color: #0f172a;
}

.mado-portal-hub__brand-copy,
.mado-portal-sites-screen__lead,
.mado-portal-sites-screen__section-copy,
.mado-portal-add-screen__lead,
.mado-portal-empty-state__copy,
.mado-portal-error-state span {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: #64748b;
}

.mado-portal-hub__account-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid #dbe7f3;
    border-radius: 18px;
    background: #ffffff;
}

.mado-portal-hub__account-icon {
    color: #2563eb;
}

.mado-portal-hub__account-label,
.mado-portal-sites-screen__summary-label,
.mado-site-card__eyebrow,
.mado-site-card__metric-label,
.mado-site-card__token-label,
.mado-portal-add-screen__steps-title,
.mado-portal-add-screen__label {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700;
    color: #64748b;
}

.mado-portal-hub__account-value,
.mado-portal-sites-screen__summary-value {
    margin-top: 4px;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 800;
    color: #0f172a;
    word-break: break-word;
}

.mado-portal-hub__nav-title {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 700;
    color: #475569;
}

.mado-portal-hub__nav {
    display: grid;
    gap: 6px;
}

.mado-portal-hub__nav-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 14px;
    color: #1f2937;
    text-decoration: none;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.mado-portal-hub__nav-link:hover {
    border-color: #dbe7f3;
    background: #f4f8ff;
    color: #0f5d99;
    transform: translateX(2px);
}

.mado-portal-hub__nav-link.is-active {
    border-color: #b8d2ea;
    background: linear-gradient(180deg, #eef6ff 0%, #f8fbff 100%);
    color: #0f5d99;
}

.mado-portal-hub__nav-icon {
    color: currentColor;
}

.mado-portal-hub__nav-label {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
}

.mado-portal-hub__content-frame {
    width: 100%;
}

.mado-portal-sites-screen,
.mado-portal-add-screen {
    display: grid;
    gap: 20px;
}

.mado-portal-sites-screen__hero,
.mado-portal-sites-screen__section,
.mado-portal-add-screen__card {
    display: grid;
    gap: 18px;
    padding: 24px;
    border: 1px solid #d9e3ee;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
}

.mado-portal-sites-screen__hero {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.mado-portal-sites-screen__hero-copy,
.mado-portal-sites-screen__section-header {
    display: grid;
    gap: 10px;
}

.mado-portal-sites-screen__title {
    margin: 0;
    font-size: 32px;
    line-height: 1.1;
    font-weight: 800;
    color: #0f172a;
}

.mado-portal-sites-screen__hero-actions,
.mado-portal-add-screen__actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.mado-portal-sites-screen__summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.mado-portal-sites-screen__summary-card {
    display: grid;
    gap: 6px;
    padding: 18px;
    border: 1px solid #dbe5ef;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.mado-portal-sites-screen__summary-card.is-account {
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.mado-portal-sites-screen__summary-note {
    font-size: 13px;
    line-height: 1.6;
    color: #64748b;
}

.mado-portal-sites-screen__section-title,
.mado-portal-empty-state__title {
    margin: 0;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 800;
    color: #0f172a;
}

.mado-site-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
}

.mado-site-card {
    display: grid;
    gap: 18px;
    padding: 22px;
    border: 1px solid #dbe5ef;
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}

.mado-site-card__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
}

.mado-site-card__identity {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.mado-site-card__title {
    margin: 0;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 800;
    color: #0f172a;
    word-break: break-word;
}

.mado-site-card__title a {
    color: inherit;
    text-decoration: none;
}

.mado-site-card__title a:hover {
    color: #0f5d99;
}

.mado-site-card__badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.mado-site-card__badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef6ff;
    color: #0f5d99;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
}

.mado-site-card__badge.is-plan {
    background: #e0f2fe;
    color: #0369a1;
}

.mado-site-card__badge.is-success {
    background: #d1fae5;
    color: #047857;
}

.mado-site-card__badge.is-info {
    background: #dbeafe;
    color: #1d4ed8;
}

.mado-site-card__badge.is-warning {
    background: #fef3c7;
    color: #92400e;
}

.mado-site-card__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    background: #0f172a;
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.mado-site-card__action:hover {
    background: #1e293b;
    color: #ffffff;
}

.mado-site-card__metrics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 12px;
}

.mado-site-card__metric {
    display: grid;
    gap: 6px;
    padding: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #f8fbff;
}

.mado-site-card__metric-value {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
    color: #0f172a;
}

.mado-site-card__footer {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding-top: 14px;
    border-top: 1px solid #e5edf4;
}

.mado-site-card__token {
    display: inline-block;
    padding: 7px 10px;
    border: 1px solid #d3dde8;
    border-radius: 10px;
    background: #ffffff;
    font-size: 12px;
    color: #0f172a;
}

.mado-portal-sites-screen__loading,
.mado-portal-empty-state,
.mado-portal-error-state {
    display: grid;
    gap: 10px;
    place-items: center;
    padding: 32px;
    border: 1px dashed #d6e1ec;
    border-radius: 20px;
    background: #f8fbff;
    text-align: center;
}

.mado-portal-sites-screen__loading {
    color: #64748b;
}

.mado-portal-error-state {
    border-style: solid;
    border-color: #fecaca;
    background: #fff7f7;
    color: #991b1b;
}

.mado-portal-error-state strong {
    font-size: 16px;
}

.mado-portal-add-screen__steps {
    display: grid;
    gap: 10px;
    padding: 18px;
    border: 1px solid #dbe7f3;
    border-radius: 18px;
    background: #f7fbff;
}

.mado-portal-add-screen__steps-list {
    margin: 0;
    padding-left: 20px;
    display: grid;
    gap: 8px;
    color: #334155;
}

.mado-portal-add-screen__form {
    display: grid;
    gap: 18px;
}

.mado-portal-add-screen__field {
    display: grid;
    gap: 8px;
}

.mado-portal-add-screen__input {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #cfd9e4;
    border-radius: 14px;
    background: #ffffff;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 14px;
    color: #0f172a;
}

.mado-portal-add-screen__input:focus {
    outline: none;
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.16);
}

.mado-portal-add-screen__hint {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    color: #64748b;
}

.mado-portal-add-screen__result {
    min-height: 0;
}

.mado-portal-inline-message {
    padding: 14px 16px;
    border: 1px solid transparent;
    border-radius: 16px;
    font-size: 14px;
    line-height: 1.7;
}

.mado-portal-inline-message.is-success {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.mado-portal-inline-message.is-error {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.mado-dashboard {
    display: grid;
    gap: 20px;
    justify-items: stretch;
    text-align: left;
}

.mado-dashboard__hero,
.mado-dashboard__section {
    display: grid;
    gap: 16px;
    padding: 24px;
    border: 1px solid #d9e3ee;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
    text-align: left;
}

.mado-dashboard__hero {
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.mado-dashboard__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: #516272;
}

.mado-dashboard__eyebrow-icon {
    color: #2271b1;
}

.mado-dashboard__hero-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}

.mado-dashboard__hero-copy {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.mado-dashboard__title {
    margin: 0;
    font-size: 30px;
    line-height: 1.15;
    font-weight: 800;
    color: #0f172a;
    word-break: break-word;
}

.mado-dashboard__title a {
    color: inherit;
    text-decoration: none;
}

.mado-dashboard__title a:hover {
    color: #0f5d99;
}

.mado-dashboard__description,
.mado-dashboard__section-note,
.mado-dashboard__stat-note,
.mado-dashboard__quick-link-text,
.mado-dashboard__renew-note {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: #64748b;
}

.mado-dashboard__hero-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

.mado-dashboard__badge-row {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.mado-dashboard__badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
}

.mado-dashboard__badge--primary {
    background: #e0f2fe;
    color: #0369a1;
}

.mado-dashboard__badge--success {
    background: #d1fae5;
    color: #047857;
}

.mado-dashboard__badge--info {
    background: #dbeafe;
    color: #1d4ed8;
}

.mado-dashboard__badge--warning {
    background: #fef3c7;
    color: #92400e;
}

.mado-dashboard__section-header {
    display: grid;
    gap: 6px;
}

.mado-dashboard__section-title-wrap {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.mado-dashboard__section-title {
    margin: 0;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 800;
    color: #0f172a;
    text-align: left;
}

.mado-dashboard__section-icon {
    color: #2271b1;
}

.mado-dashboard__stats,
.mado-dashboard__quick-links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.mado-dashboard__stat-card {
    display: grid;
    gap: 12px;
    padding: 18px;
    border: 1px solid #dbe5ef;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.mado-dashboard__stat-card--wide {
    grid-column: span 2;
}

.mado-dashboard__stat-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 800;
    color: #111827;
    text-align: left;
}

.mado-dashboard__stat-icon {
    color: #334155;
}

.mado-dashboard__token-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mado-dashboard__token-code {
    display: inline-block;
    padding: 10px 12px;
    border: 1px solid #d1d9e2;
    border-radius: 12px;
    background: #f8fafc;
    font-size: 13px;
    line-height: 1.5;
    color: #0f172a;
    word-break: break-all;
    user-select: all;
}

.mado-dashboard__copy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    padding: 6px 14px;
    border: 1px solid #74d8ef;
    border-radius: 999px;
    background: #f1fbfe;
    color: #0f6e8c;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
}

.mado-dashboard__copy-btn:hover,
.mado-dashboard__copy-btn:focus,
.mado-dashboard__copy-btn:active {
    background: #e6f8fd;
    border-color: #5ccce7;
    color: #0a5f79;
}

.mado-dashboard__stat-value {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;
    color: #0f172a;
}

.mado-dashboard__stat-value--compact {
    font-size: 18px;
    line-height: 1.5;
}

.mado-dashboard__ticket-status {
    min-height: 44px;
}

.mado-dashboard__stat-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.mado-dashboard__detail-list {
    display: grid;
    gap: 0;
}

.mado-dashboard__detail-row {
    display: grid;
    grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
    gap: 16px;
    padding: 14px 0;
    border-top: 1px solid #e5edf4;
    align-items: start;
}

.mado-dashboard__detail-row:first-child {
    border-top: none;
    padding-top: 0;
}

.mado-dashboard__detail-label,
.mado-dashboard__detail-value {
    font-size: 14px;
    line-height: 1.7;
    text-align: left;
}

.mado-dashboard__detail-label {
    font-weight: 700;
    color: #334155;
}

.mado-dashboard__detail-value {
    color: #0f172a;
    word-break: break-word;
}

.mado-dashboard__detail-value--accent {
    color: #92400e;
    font-weight: 700;
}

.mado-dashboard__detail-expired {
    color: #dc2626;
    font-weight: 700;
}

.mado-dashboard__rule-card {
    border: 1px solid #dbe7f3;
    border-radius: 18px;
    background: #ffffff;
    overflow: hidden;
}

.mado-dashboard__quick-link {
    display: grid;
    gap: 8px;
    padding: 18px;
    border: 1px solid #dbe5ef;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    color: #0f172a;
    text-decoration: none;
    transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.mado-dashboard__quick-link:hover {
    border-color: #b8d2ea;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
    transform: translateY(-1px);
}

.mado-dashboard__quick-link-title {
    font-size: 16px;
    line-height: 1.45;
    font-weight: 800;
    color: #0f172a;
    text-align: left;
}

.mado-dashboard__renew-box {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 16px;
    border: 1px solid #f5d39a;
    border-radius: 18px;
    background: #fffbeb;
}

.mado-dashboard__renew-note {
    color: #92400e;
}

.mado-portal-setting-summary,
.mado-portal-inline-heading {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-align: left;
}

.mado-portal-setting-summary {
    font-size: 14px;
    line-height: 1.45;
    font-weight: 400;
    color: #111827;
}

.mado-portal-setting-summary__icon,
.mado-portal-inline-heading__icon {
    color: #475569;
    width: 22px;
    height: 22px;
}

.mado-portal-inline-heading__icon {
    margin-top: 0;
}

@media (max-width: 1180px) {
    .mado-portal-hub,
    .mado-portal-shell {
        grid-template-columns: 1fr;
    }

    .mado-portal-hub__sidebar-card,
    .mado-portal-shell__sidebar-card {
        position: static;
    }

    .mado-portal-hub__nav,
    .mado-portal-shell__nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mado-portal-sites-screen__hero {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .mado-dashboard__hero,
    .mado-dashboard__section,
    .mado-portal-hub__sidebar-card,
    .mado-portal-sites-screen__hero,
    .mado-portal-sites-screen__section,
    .mado-portal-add-screen__card,
    .mado-portal-shell__sidebar-card {
        padding: 18px;
        border-radius: 18px;
    }

    .mado-dashboard__title {
        font-size: 24px;
    }

    .mado-dashboard__stat-card--wide {
        grid-column: span 1;
    }

    .mado-dashboard__detail-row {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .mado-portal-sites-screen__title {
        font-size: 26px;
    }
}

@media (max-width: 640px) {
    .mado-portal-hub__nav,
    .mado-portal-shell__nav {
        grid-template-columns: 1fr;
    }

    .mado-portal-sites-screen__hero-actions,
    .mado-portal-add-screen__actions,
    .mado-dashboard__hero-actions {
        width: 100%;
    }

    .mado-portal-sites-screen__hero-actions .mado-portal-button,
    .mado-portal-add-screen__actions .mado-portal-button,
    .mado-dashboard__hero-actions .button {
        width: 100%;
        justify-content: center;
    }

    .mado-dashboard__stats,
    .mado-dashboard__quick-links {
        grid-template-columns: 1fr;
    }

    .mado-site-card__action {
        width: 100%;
    }

    .mado-site-card__metrics,
    .mado-portal-sites-screen__summary {
        grid-template-columns: 1fr;
    }
}

.mado-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.mado-table th,
.mado-table td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}

.mado-table th {
    background: #f9fafb;
    font-weight: 600;
    color: #374151;
}

.mado-table tbody tr:hover {
    background: #f9fafb;
}

.mado-table tbody tr:last-child td {
    border-bottom: none;
}

/* site-qa integrated UI */
.mado-site-qa {
    color: #0f172a;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}

.mado-site-qa input,
.mado-site-qa textarea,
.mado-site-qa select,
.mado-site-qa button,
.mado-site-qa .button,
.mado-site-qa .wp-editor-wrap .wp-editor-area,
.mado-site-qa .wp-editor-wrap textarea,
.mado-site-qa .wp-editor-wrap .quicktags-toolbar button,
.mado-site-qa .wp-editor-wrap .mce-btn button,
.mado-site-qa .wp-editor-wrap .mce-txt {
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}

.mado-site-qa__heading {
    margin: 0 0 14px 0;
    font-size: 28px;
    line-height: 1.35;
}

.mado-site-qa__lead {
    margin: 0 0 18px 0;
    color: #475569;
    font-size: 15px;
    line-height: 1.75;
}

.mado-site-qa__message,
.mado-site-qa__submessage {
    margin-bottom: 14px;
}

.mado-site-qa-alert {
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.65;
}

.mado-site-qa-alert.is-success {
    border-color: #10b981;
    background: #ecfdf5;
    color: #047857;
}

.mado-site-qa-alert.is-error {
    border-color: #ef4444;
    background: #fef2f2;
    color: #991b1b;
}

.mado-site-qa__card {
    margin-bottom: 20px;
    border: 1px solid #dbe3ec;
    border-radius: 12px;
    background: #ffffff;
    padding: 18px;
}

.mado-site-qa__card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.mado-site-qa__card-header--list {
    align-items: flex-end;
}

.mado-site-qa__card-title {
    margin: 0;
    font-size: 22px;
    line-height: 1.4;
}

.mado-site-qa__form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mado-site-qa__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mado-site-qa__field-stack {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mado-site-qa__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.mado-site-qa__field-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: end;
}

.mado-site-qa__label {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: #0f172a;
}

.mado-site-qa__label-row {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
}

.mado-site-qa__label-row .mado-site-qa__label,
.mado-site-qa__label-row .mado-site-qa-conditions__title {
    margin: 0;
}

.mado-scenario-card__title-row {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
}

.mado-scenario-card__title-row .mado-scenario-card__title {
    margin: 0;
}

.mado-scenario-help-chip {
    transform: translateY(-1px);
}

.mado-site-qa__help-chip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    padding: 0;
    cursor: pointer;
    user-select: none;
    flex: 0 0 auto;
}

.mado-site-qa__help-chip-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 1px solid #72c79c;
    background: #e8fbf1;
    color: #147a3f;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 6px 14px rgba(21, 128, 61, 0.12);
    pointer-events: none;
    transition: background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.mado-site-qa__help-chip:hover .mado-site-qa__help-chip-mark,
.mado-site-qa__help-chip:focus-visible .mado-site-qa__help-chip-mark,
.mado-site-qa__help-chip.is-open .mado-site-qa__help-chip-mark {
    background: #16a34a;
    border-color: #16a34a;
    color: #ffffff;
    box-shadow: 0 10px 18px rgba(21, 128, 61, 0.22);
    transform: translateY(-1px);
}

.mado-site-qa__help-chip::before,
.mado-site-qa__help-chip::after {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.16s ease, transform 0.16s ease;
    z-index: 1800;
}

.mado-site-qa__help-chip::before {
    content: "";
    position: absolute;
    bottom: calc(100% + 2px);
    left: calc(100% - 14px);
    right: auto;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #0f172a;
    transform: translateY(-4px);
}

.mado-site-qa__help-chip::after {
    content: attr(data-tip);
    position: absolute;
    bottom: calc(100% + 10px);
    left: calc(100% - 12px);
    right: auto;
    max-width: min(460px, calc(100vw - 56px));
    min-width: 280px;
    padding: 12px 14px;
    border-radius: 10px;
    background: #0f172a;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.72;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.26);
    white-space: pre-line;
    text-align: left;
    transform: translateY(-4px);
}

.mado-site-qa__help-chip.is-tip-left::before {
    left: auto;
    right: calc(100% - 14px);
}

.mado-site-qa__help-chip.is-tip-left::after {
    left: auto;
    right: calc(100% - 12px);
}

.mado-site-qa__help-chip.is-tip-below::before {
    top: calc(100% + 2px);
    bottom: auto;
    border-top: 0;
    border-bottom: 6px solid #0f172a;
    transform: translateY(4px);
}

.mado-site-qa__help-chip.is-tip-below::after {
    top: calc(100% + 10px);
    bottom: auto;
    transform: translateY(4px);
}

.mado-site-qa__help-chip.is-open::before,
.mado-site-qa__help-chip.is-open::after {
    opacity: 1;
    transform: translateY(0);
}

.mado-site-qa__help-chip:focus-visible {
    outline: none;
}

.mado-site-qa__help-chip:focus-visible .mado-site-qa__help-chip-mark {
    outline: 2px solid #16a34a;
    outline-offset: 2px;
}

.mado-entry-chip-row__role-row,
.mado-entry-chip-row__field-label-wrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
}

.mado-entry-chip-row__role-row .mado-entry-chip-row__role,
.mado-entry-chip-row__field-label-wrap .mado-entry-chip-row__field-label {
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
}

.mado-entry-chip-help-chip {
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
}

.mado-entry-chip-help-chip .mado-site-qa__help-chip-mark {
    width: 18px;
    height: 18px;
    font-size: 11px;
}

.mado-scenario-page .entry-chip-row[data-expanded="false"] > .mado-entry-chip-row__field--answer,
.mado-scenario-page .entry-chip-row[data-expanded="false"] > .mado-entry-chip-row__refs-section,
.mado-ui-settings-form .mado-tab-panel[data-panel="chips"] #entry-chips-list .entry-chip-row[data-expanded="false"] > .mado-entry-chip-row__field--answer,
.mado-ui-settings-form .mado-tab-panel[data-panel="chips"] #entry-chips-list .entry-chip-row[data-expanded="false"] > .mado-entry-chip-row__refs-section {
    display: none !important;
}

.mado-site-qa__required {
    color: #dc2626;
}

.mado-site-qa__help {
    margin: 0;
    font-size: 13px;
    line-height: 1.7;
    color: #64748b;
}

.mado-site-qa__input,
.mado-site-qa__textarea {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 9px 11px;
    font-size: 14px;
    line-height: 1.6;
    background: #fff;
    color: #0f172a;
    box-sizing: border-box;
}

.mado-site-qa__textarea {
    min-height: 76px;
    resize: vertical;
}

.mado-site-qa__textarea--question {
    min-height: 44px;
}

.mado-site-qa .wp-editor-wrap .wp-editor-area,
.mado-site-qa .wp-editor-wrap textarea,
.mado-site-qa .wp-editor-wrap .quicktags-toolbar button,
.mado-site-qa .wp-editor-wrap .mce-btn button {
    font-size: 14px;
}

.mado-site-qa .wp-editor-wrap .wp-editor-area,
.mado-site-qa .wp-editor-wrap textarea {
    line-height: 1.75;
}

.mado-site-qa #wp-mado-site-qa-answer-wrap .wp-editor-area,
.mado-site-qa #wp-mado-site-qa-answer-wrap textarea {
    min-height: 84px;
}

.mado-site-qa #wp-mado-site-qa-answer-wrap .mce-edit-area iframe {
    min-height: 84px !important;
    height: 84px !important;
}

.mado-site-qa__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 2px;
}

.mado-site-qa__actions--conditions {
    margin-top: 4px;
}

.mado-site-qa__actions--main {
    align-items: flex-end;
}

.mado-site-qa__action-category {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 260px;
    max-width: 420px;
    margin-right: auto;
}

.mado-site-qa__action-category-select {
    min-width: 260px;
}

.mado-site-qa__response-group {
    border: 1px solid #dbe7f3;
    border-radius: 10px;
    background: #f8fbff;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mado-site-qa__response-group-title,
.mado-site-qa-conditions__title {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
    color: #0f172a;
}

.mado-site-qa__answer-placeholder {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
    color: #94a3b8;
}

.mado-site-qa__button {
    min-height: 38px;
    padding: 7px 16px;
    font-size: 14px;
    line-height: 1.45;
}

.mado-site-qa__button--primary {
    font-weight: 600;
}

.mado-site-qa__button--small {
    min-height: 32px;
    padding: 5px 12px;
    font-size: 13px;
}

.mado-site-qa__condition-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: #1dbfa0;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
}

.mado-site-qa__condition-toggle:hover,
.mado-site-qa__condition-toggle:focus,
.mado-site-qa__condition-toggle:active {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #169a81;
    text-decoration: underline;
    outline: none;
}

.mado-site-qa__condition-toggle:disabled {
    color: #94a3b8;
    cursor: not-allowed;
    text-decoration: none;
}

.mado-site-qa__template-button {
    white-space: nowrap;
}

.mado-template-action-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    text-decoration: none;
}

.mado-template-action-button__label {
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
}

.mado-template-action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    color: currentColor;
}

.mado-template-action-icon svg {
    display: block;
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.mado-site-qa__template-button.mado-template-action-button,
.mado-scenario-template-button.mado-template-action-button {
    min-height: 36px;
    padding: 7px 16px;
    border-radius: 999px;
    border: 1px solid #72c79c;
    background: #f2fbf6;
    color: #126c44;
    font-size: 13px;
    font-weight: 600;
}

.mado-site-qa__template-button.mado-template-action-button:hover,
.mado-site-qa__template-button.mado-template-action-button:focus,
.mado-site-qa__template-button.mado-template-action-button:active,
.mado-scenario-template-button.mado-template-action-button:hover,
.mado-scenario-template-button.mado-template-action-button:focus,
.mado-scenario-template-button.mado-template-action-button:active {
    border-color: #3ba271;
    background: #e5f6ed;
    color: #0f5c3f;
    box-shadow: none;
}

.mado-site-qa-csv-feedback__details {
    margin-top: 8px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #fff5f5;
    color: #7f1d1d;
    padding: 9px 11px;
    font-size: 13px;
    line-height: 1.65;
}

.mado-site-qa-csv-form {
    margin-bottom: 2px;
}

.mado-site-qa-csv-accordion {
    border: 1px solid #dbe3ec;
    border-radius: 12px;
    background: #ffffff;
    overflow: hidden;
}

.mado-site-qa-csv-accordion > summary {
    list-style: none;
    cursor: pointer;
}

.mado-site-qa-csv-accordion > summary::-webkit-details-marker {
    display: none;
}

.mado-site-qa-csv-accordion > summary::marker {
    display: none;
}

.mado-site-qa-csv-accordion__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid transparent;
    transition: background-color 0.16s ease, border-color 0.16s ease;
}

.mado-site-qa-csv-accordion:hover > .mado-site-qa-csv-accordion__summary {
    background: #f8fafc;
}

.mado-site-qa-csv-accordion[open] > .mado-site-qa-csv-accordion__summary {
    background: #f8fbff;
    border-bottom-color: #dbe7f3;
}

.mado-site-qa-csv-accordion__summary-main {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.mado-site-qa-csv-accordion__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #0088b2;
    flex: 0 0 20px;
}

.mado-site-qa-csv-accordion__icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.mado-site-qa-csv-accordion__title {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
    color: #0f172a;
}

.mado-site-qa-csv-accordion__chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    min-width: 22px;
    color: #334155;
    font-size: 12px;
    line-height: 1;
    transition: transform 0.16s ease;
}

.mado-site-qa-csv-accordion[open] > .mado-site-qa-csv-accordion__summary .mado-site-qa-csv-accordion__chevron {
    transform: rotate(90deg);
}

.mado-site-qa-csv-accordion__body {
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.mado-site-qa-csv-accordion__description,
.mado-site-qa-csv-accordion__note {
    margin: 0;
    font-size: 13px;
    line-height: 1.72;
    color: #64748b;
}

.mado-site-qa-csv-accordion__note {
    font-size: 12px;
}

.mado-site-qa-csv-accordion__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mado-site-qa-csv-button {
    min-height: 36px;
    border-radius: 999px;
    border-width: 1px;
    border-style: solid;
    font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif !important;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
    padding: 7px 16px;
}

.mado-site-qa-csv-button--green {
    border-color: #1dbfa0;
    background: #1dbfa0;
    color: #ffffff;
}

.mado-site-qa-csv-button--green:hover,
.mado-site-qa-csv-button--green:focus,
.mado-site-qa-csv-button--green:active {
    border-color: #169a81;
    background: #169a81;
    color: #ffffff;
}

.mado-site-qa-csv-button--blue {
    border-color: #0088b2;
    background: #0088b2;
    color: #ffffff;
}

.mado-site-qa-csv-button--blue:hover,
.mado-site-qa-csv-button--blue:focus,
.mado-site-qa-csv-button--blue:active {
    border-color: #006f92;
    background: #006f92;
    color: #ffffff;
}

.mado-site-qa-csv-button--cyan {
    border-color: #05cece;
    background: #05cece;
    color: #ffffff;
}

.mado-site-qa-csv-button--cyan:hover,
.mado-site-qa-csv-button--cyan:focus,
.mado-site-qa-csv-button--cyan:active {
    border-color: #04adad;
    background: #04adad;
    color: #ffffff;
}

.mado-site-qa-csv-upload-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.mado-site-qa-csv-upload-picker {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.mado-site-qa-csv-upload-input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.mado-site-qa-csv-upload-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 16px;
    border-radius: 999px;
    border: 1px dashed #0ea5a5;
    background: #ecfeff;
    color: #0f766e;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
    cursor: pointer;
}

.mado-site-qa-csv-upload-trigger:hover,
.mado-site-qa-csv-upload-trigger:focus {
    border-color: #0f766e;
    background: #cffafe;
    color: #115e59;
}

.mado-site-qa-csv-upload-name {
    font-size: 12px;
    line-height: 1.6;
    color: #334155;
    word-break: break-word;
}

.mado-site-qa-csv-upload-name.is-empty {
    color: #94a3b8;
}

.mado-site-qa-conditions {
    border: 1px solid #dbe7f3;
    border-radius: 10px;
    padding: 14px;
    background: #ffffff;
}

.mado-site-qa-conditions__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}



.mado-site-qa-conditions__help {
    margin-bottom: 10px;
}

.mado-site-qa-conditions__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
}

.mado-site-qa-conditions__empty {
    border: 1px dashed #bfd0e4;
    border-radius: 8px;
    padding: 10px 12px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.65;
    background: #ffffff;
}

.mado-site-qa-condition-item {
    border: 1px solid #d8e2ee;
    border-radius: 8px;
    background: #ffffff;
    padding: 10px 12px;
}

.mado-site-qa-condition-item__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 7px;
}

.mado-site-qa-condition-item__title {
    font-size: 14px;
    line-height: 1.5;
}

.mado-site-qa-condition-item__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.mado-site-qa-condition-item__meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 13px;
    line-height: 1.65;
    color: #475569;
}

.mado-site-qa-condition-item__meta span {
    font-weight: 600;
    color: #334155;
}

.mado-site-qa-conditions__editor {
    border: 1px solid #d8e2ee;
    border-radius: 8px;
    background: #fff;
    padding: 12px;
}

.mado-site-qa__checkbox-label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 9px;
    color: #334155;
    font-size: 14px;
    line-height: 1.5;
}

.mado-site-qa__filter {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 190px;
}

.mado-site-qa__filter-label {
    font-size: 14px;
    line-height: 1.45;
    color: #334155;
    font-weight: 600;
}

.mado-site-qa__filter-select {
    min-width: 190px;
}

.mado-site-qa__list-header-actions {
    display: inline-flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    margin-left: auto;
}

.mado-site-qa-download-csv-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    padding: 7px 15px;
    border: 1px solid #72c79c;
    border-radius: 999px;
    background: #ffffff;
    color: #126c44;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    box-shadow: none;
    white-space: nowrap;
}

.mado-site-qa-download-csv-btn:hover,
.mado-site-qa-download-csv-btn:focus,
.mado-site-qa-download-csv-btn:active {
    border-color: #3ba271;
    background: #f3fbf7;
    color: #0f5c3f;
    box-shadow: none;
}

.mado-site-qa-download-csv-btn:disabled,
.mado-site-qa-download-csv-btn.is-loading {
    opacity: 0.78;
    cursor: wait;
}

.mado-site-qa-download-csv-btn__icon {
    display: inline-flex;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    align-items: center;
    justify-content: center;
    color: currentColor;
}

.mado-site-qa-download-csv-btn__icon svg {
    display: block;
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.mado-site-qa-download-csv-btn__label {
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
}

.mado-site-qa-category-manager {
    margin-bottom: 20px;
}

.mado-site-qa-category-accordion,
.mado-site-qa .mado-chat-operation-accordion {
    border: 1px solid #e8edf3;
    border-radius: 8px;
    background: #ffffff;
}

.mado-site-qa-category-accordion__summary,
.mado-site-qa .mado-chat-operation-accordion > summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 18px 24px;
}

.mado-site-qa-category-accordion__summary::-webkit-details-marker,
.mado-site-qa .mado-chat-operation-accordion > summary::-webkit-details-marker {
    display: none;
}

.mado-site-qa-category-accordion__summary-main {
    min-width: 0;
}

.mado-site-qa-category-accordion__title-row {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.mado-site-qa-category-accordion__icon {
    display: inline-flex;
    width: 21px;
    height: 21px;
    color: #334155;
    flex: 0 0 auto;
}

.mado-site-qa-category-accordion__icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.mado-site-qa-category-accordion__title {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
    color: #111827;
}

.mado-site-qa-category-accordion__closed-summary {
    margin: 6px 0 0 0;
    font-size: 13px;
    line-height: 1.6;
    color: #64748b;
}

.mado-site-qa-category-accordion[open] .mado-site-qa-category-accordion__closed-summary,
.mado-site-qa .mado-chat-operation-accordion[open] .mado-chat-operation-closed-summary {
    display: none;
}

.mado-site-qa-category-accordion__chevron,
.mado-site-qa .mado-chat-operation-accordion-icon {
    font-size: 14px;
    line-height: 1;
    color: #64748b;
    margin-top: 4px;
    transition: transform 0.15s ease;
}

.mado-site-qa-category-accordion[open] .mado-site-qa-category-accordion__chevron,
.mado-site-qa .mado-chat-operation-accordion[open] .mado-chat-operation-accordion-icon {
    transform: rotate(180deg);
}

.mado-site-qa-category-accordion__body,
.mado-site-qa .mado-chat-operation-accordion-body {
    border-top: 1px solid #e8edf3;
    padding: 18px 24px 24px;
}

.mado-site-qa-category-manager__help {
    margin-bottom: 10px;
}

.mado-site-qa-category-manager__form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: end;
    margin-bottom: 10px;
}

.mado-site-qa-category-manager__message {
    margin-bottom: 10px;
}

.mado-site-qa-category-manager__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mado-site-qa-category-manager__empty {
    border: 1px dashed #bfd0e4;
    border-radius: 8px;
    padding: 10px 12px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.65;
    background: #ffffff;
}

.mado-site-qa-category-manager__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid #d8e2ee;
    border-radius: 8px;
    padding: 9px 10px;
    background: #ffffff;
}

.mado-site-qa-category-manager__item-main {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.mado-site-qa-category-manager__item-main strong {
    font-size: 14px;
    line-height: 1.5;
    color: #0f172a;
}

.mado-site-qa-category-manager__item-main span {
    font-size: 13px;
    line-height: 1.55;
    color: #64748b;
}

.mado-site-qa-category-delete[disabled] {
    opacity: 0.55;
    cursor: not-allowed;
}

.mado-site-qa__empty {
    padding: 18px 14px;
    text-align: center;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

.mado-site-qa__table {
    width: 100%;
    min-width: 760px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    border: 1px solid #dbe7ee;
    border-radius: 18px;
    background: #ffffff;
    overflow: hidden;
}

.mado-site-qa__table th,
.mado-site-qa__table td {
    border-right: 1px solid #e5edf3;
    border-bottom: 1px solid #e5edf3;
    vertical-align: top;
    padding: 18px 16px;
    font-size: 14px;
    line-height: 1.75;
    text-align: left;
    background: #ffffff;
}

.mado-site-qa__table th:last-child,
.mado-site-qa__table td:last-child {
    border-right: none;
}

.mado-site-qa__table tbody tr:last-child td {
    border-bottom: none;
}

.mado-site-qa__table th {
    background: #f7fbfe;
    color: #334155;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.35;
    vertical-align: middle;
    white-space: nowrap;
    padding-top: 16px;
    padding-bottom: 16px;
}

.mado-site-qa__table thead th:first-child {
    border-top-left-radius: 18px;
}

.mado-site-qa__table thead th:last-child {
    border-top-right-radius: 18px;
}

.mado-site-qa__table tbody tr:last-child .mado-site-qa__td-id {
    border-bottom-left-radius: 18px;
}

.mado-site-qa__table tbody tr:last-child .mado-site-qa__td-actions {
    border-bottom-right-radius: 18px;
}

.mado-site-qa__table tr.is-just-saved td {
    background: #fff7ed;
}

.mado-site-qa__th-id,
.mado-site-qa__td-id {
    width: 72px;
}

.mado-site-qa__th-id {
    text-align: center;
}

.mado-site-qa__td-id {
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
    vertical-align: middle;
}

.mado-site-qa__id-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: 0 auto;
    border-radius: 999px;
    border: 1px solid #b7e4c7;
    background: #ecfdf5;
    color: #13733b;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    box-sizing: border-box;
}

.mado-site-qa__th-question,
.mado-site-qa__td-question {
    width: 38%;
}

.mado-site-qa__th-answer,
.mado-site-qa__td-answer {
    width: 36%;
}

.mado-site-qa__th-actions,
.mado-site-qa__td-actions {
    width: 160px;
    min-width: 160px;
}

.mado-site-qa__th-actions {
    text-align: center;
    white-space: nowrap;
}

.mado-site-qa__td-actions {
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
}

.mado-site-qa__action-stack {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.mado-site-qa__action-stack .button.mado-scenario-button,
.mado-site-qa__action-stack button.mado-scenario-button {
    flex: 0 0 auto;
    width: 104px;
    min-width: 104px;
    justify-content: center !important;
    white-space: nowrap !important;
}

.mado-site-qa__question-main,
.mado-site-qa__answer-main {
    color: #0f172a;
    font-weight: 500;
    margin-bottom: 4px;
}

.mado-site-qa__question-sub,
.mado-site-qa__answer-sub {
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
}

@media (max-width: 960px) {
    .mado-site-qa__grid {
        grid-template-columns: 1fr;
    }

    .mado-site-qa__card-header,
    .mado-site-qa-conditions__header {
        flex-direction: column;
        align-items: stretch;
    }

    .mado-site-qa__filter,
    .mado-site-qa__filter-select {
        width: 100%;
        min-width: 0;
    }

    .mado-site-qa__list-header-actions {
        width: 100%;
        margin-left: 0;
        align-items: stretch;
    }

    .mado-site-qa-download-csv-btn {
        justify-content: center;
    }

    .mado-site-qa-category-manager__form {
        grid-template-columns: 1fr;
    }

    .mado-site-qa__th-question,
    .mado-site-qa__td-question {
        width: 34%;
    }

    .mado-site-qa__th-answer,
    .mado-site-qa__td-answer {
        width: 32%;
    }

    .mado-site-qa__th-actions,
    .mado-site-qa__td-actions {
        width: 26%;
        min-width: 166px;
    }

    .mado-site-qa__actions--main {
        align-items: stretch;
    }

    .mado-site-qa__action-category,
    .mado-site-qa__action-category-select {
        min-width: 0;
        width: 100%;
        max-width: none;
    }

    .mado-site-qa-csv-accordion__actions {
        flex-direction: column;
    }

    .mado-site-qa-csv-accordion__actions > .button,
    .mado-site-qa-csv-upload-row > .button,
    .mado-site-qa-csv-upload-trigger {
        width: 100%;
        justify-content: center;
    }

    .mado-site-qa-csv-upload-row {
        grid-template-columns: 1fr;
    }

    .mado-site-qa-category-accordion__summary,
    .mado-site-qa .mado-chat-operation-accordion > summary {
        padding: 14px 16px;
    }

    .mado-site-qa-category-accordion__body,
    .mado-site-qa .mado-chat-operation-accordion-body {
        padding: 14px 16px 16px;
    }
}

/* support-staff: 鬮ｫ・ｱ繝ｻ・ｬ髫ｴ荳橸ｽｼ・ｱ邵ｺ繝ｻ・ｹ・ｧ繝ｻ・ｳ驛｢譎｢・ｽ・ｼ驛｢譏ｴ繝ｻ邵ｺ繝ｻ・ｹ・ｧ繝ｻ・ｪ驛｢譎｢・ｽ・ｳ */
.mado-staff-guide-accordion {
    border: none !important;
    border-radius: 8px;
    background: transparent !important;
}

.mado-staff-guide-accordion > .mado-staff-guide-accordion__summary {
    background: #ecfdf5 !important;
    border: 1px solid #6ee7b7 !important;
    border-radius: 8px !important;
}

.mado-staff-guide-accordion[open] > .mado-staff-guide-accordion__summary {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.mado-staff-guide-accordion > .mado-staff-guide-accordion__body {
    background: #f8fafc;
    font-size: 14px;
    line-height: 1.8;
}

.mado-staff-guide-accordion > .mado-staff-guide-accordion__body p,
.mado-staff-guide-accordion > .mado-staff-guide-accordion__body li,
.mado-staff-guide-accordion > .mado-staff-guide-accordion__body div,
.mado-staff-guide-accordion > .mado-staff-guide-accordion__body span,
.mado-staff-guide-accordion > .mado-staff-guide-accordion__body th,
.mado-staff-guide-accordion > .mado-staff-guide-accordion__body td {
    font-size: inherit !important;
    line-height: inherit !important;
}

.mado-staff-guide-accordion[open] > .mado-staff-guide-accordion__body {
    border: 1.5px solid #94a3b8;
    border-top: 0;
    border-radius: 0 0 8px 8px;
}

.mado-support-staff-manager-root {
    --mado-support-accent: #14b3e3;
    --mado-support-accent-hover: #0f9bc4;
    --mado-support-accent-soft: #eefbfd;
    --mado-support-page-bg: #f4f9fc;
    --mado-support-card-border: #dbe7ee;
    --mado-support-card-border-strong: #c8d8e3;
    --mado-support-table-border: #e5edf3;
    --mado-support-text: #0f172a;
    --mado-support-muted: #5b6b7e;
    --mado-support-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
    display: grid;
    gap: 20px;
}

.mado-support-staff-manager-root input[type="checkbox"],
.mado-support-staff-manager-root input[type="radio"] {
    accent-color: var(--mado-support-accent);
}

.mado-support-staff-layout {
    display: grid;
    gap: 20px;
}

.mado-support-section {
    display: grid;
    gap: 14px;
    padding: 22px;
    border: 1px solid var(--mado-support-card-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: var(--mado-support-shadow);
}

.mado-support-section__header {
    display: grid;
    gap: 4px;
}

.mado-support-section__title {
    margin: 0;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 800;
    color: var(--mado-support-text);
}

.mado-support-summary-card {
    padding: 12px 14px;
    border: 1px solid var(--mado-support-card-border-strong);
    border-radius: 12px;
    background: #f8fbfd;
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.7;
    word-break: break-word;
}

.mado-support-section__meta,
.mado-support-section__status,
.mado-support-inline-status {
    font-size: 12px;
    line-height: 1.7;
    color: var(--mado-support-muted);
}

.mado-support-table-shell {
    overflow: auto;
    border: 1px solid var(--mado-support-card-border);
    border-radius: 16px;
    background: #ffffff;
}

.mado-support-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    background: #ffffff;
}

.mado-support-table--staff {
    min-width: 880px;
}

.mado-support-table thead th {
    padding: 12px 14px;
    border-bottom: 1px solid var(--mado-support-table-border);
    background: #f7fbfe;
    text-align: left;
    font-size: 12px;
    font-weight: 700;
    color: #334155;
    white-space: nowrap;
}

.mado-support-table tbody td {
    padding: 12px 14px;
    border-top: 1px solid var(--mado-support-table-border);
    font-size: 12px;
    color: #334155;
    vertical-align: top;
}

.mado-support-table tbody tr:nth-child(even) {
    background: #fcfeff;
}

.mado-support-table__empty {
    padding: 14px;
    color: #64748b;
}

.mado-support-account-tools {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}

.mado-support-account-tool-card,
.mado-support-form-card {
    display: grid;
    gap: 14px;
    padding: 18px;
    border: 1px solid var(--mado-support-card-border);
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.mado-support-account-tool-card--settings {
    border-color: #bfe9f5;
    background: linear-gradient(180deg, #ffffff 0%, #f7fcff 100%);
}

.mado-support-account-tool-card__title,
.mado-support-form-card__title {
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 800;
    color: var(--mado-support-text);
}

.mado-support-account-tool-card__description,
.mado-support-account-tool-card__note {
    margin: 0;
    font-size: 13px;
    line-height: 1.75;
    color: var(--mado-support-muted);
}

.mado-support-account-editor {
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid #d9e7ee;
    border-radius: 14px;
    background: #fbfdff;
}

.mado-support-field {
    display: grid;
    gap: 6px;
}

.mado-support-field__label,
.mado-support-account-role-group__label {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.6;
    color: #475569;
}

.mado-support-field__help {
    margin: -2px 0 0;
    font-size: 11px;
    line-height: 1.6;
    color: #7b8a9b;
}

.mado-support-field__control {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #cfdbe4;
    border-radius: 12px;
    background: #ffffff;
    color: var(--mado-support-text);
    font-size: 14px;
    line-height: 1.5;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    box-sizing: border-box;
}

.mado-support-field__control:focus {
    border-color: var(--mado-support-accent);
    box-shadow: 0 0 0 3px rgba(20, 179, 227, 0.14);
    outline: none;
}

.mado-support-field__control--readonly {
    background: #f8fbfd;
    color: #475569;
}

.mado-support-account-role-group {
    display: grid;
    gap: 10px;
}

.mado-support-account-role-group__note {
    margin: 0;
    font-size: 12px;
    line-height: 1.7;
    color: var(--mado-support-muted);
}

.mado-support-account-role-grid {
    display: grid;
    gap: 12px;
}

.mado-support-account-role-option {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 12px;
    align-items: flex-start;
    padding: 16px;
    border: 1px solid #cfdbe4;
    border-radius: 14px;
    background: #f8fcff;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.mado-support-account-role-option:hover {
    border-color: #83d8ef;
    box-shadow: 0 0 0 1px rgba(20, 179, 227, 0.06);
}

.mado-support-account-role-option.is-selected {
    border-color: var(--mado-support-accent);
    background: var(--mado-support-accent-soft);
    box-shadow: 0 0 0 1px rgba(20, 179, 227, 0.16);
}

/* Ensure role card fills remain visible even when page-level inline styles exist. */
#mado-support-staff-manager.mado-support-staff-manager-root {
    --mado-support-accent-soft: #eefbfd !important;
}

#mado-support-staff-manager .mado-support-account-role-option {
    background: #f8fcff !important;
}

#mado-support-staff-manager .mado-support-account-role-option.is-selected {
    background: var(--mado-support-accent-soft) !important;
}

.mado-support-account-role-option input {
    width: 18px;
    height: 18px;
    margin: 4px 0 0;
}

.mado-support-account-role-option__body {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.mado-support-account-role-option__title {
    display: block;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 800;
    color: var(--mado-support-text);
}

.mado-support-account-role-option__hint {
    display: block;
    font-size: 12px;
    line-height: 1.7;
    color: var(--mado-support-muted);
}

.mado-support-account-role-option.is-selected .mado-support-account-role-option__title {
    color: #0f6e8c;
}

.mado-support-account-role-option.is-selected .mado-support-account-role-option__hint {
    color: #2b6f80;
}


.mado-support-account-edit-current {
    padding: 12px 14px;
    border: 1px solid rgba(20, 179, 227, 0.35);
    border-radius: 12px;
    background: #f5fbfe;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.7;
    color: #0f6e8c;
}

.mado-support-account-action-stack {
    display: grid;
    gap: 10px;
    justify-items: start;
}

.mado-support-account-action-stack .button {
    min-width: 160px;
}

.mado-support-button-row {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.mado-support-inline-panel {
    display: grid;
    gap: 10px;
    padding: 14px 16px;
    border: 1px solid var(--mado-support-card-border);
    border-radius: 14px;
    background: #fbfdff;
}

.mado-support-inline-panel__title {
    font-size: 13px;
    font-weight: 700;
    color: #334155;
}

.mado-support-split-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.mado-support-form-stack {
    display: grid;
    gap: 10px;
}

.mado-support-checkbox-inline {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
}

.mado-support-checkbox-inline input {
    width: 18px;
    height: 18px;
    margin: 0;
}

.mado-support-staff-manager-root .button {
    border-radius: 10px;
    min-height: 38px;
    padding: 0 16px;
    font-weight: 700;
    font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif !important;
    box-shadow: none;
}

.mado-support-staff-manager-root .button.button-primary,
.mado-support-staff-manager-root .mado-account-edit-btn,
.mado-support-staff-manager-root .mado-staff-edit-btn,
.mado-support-staff-manager-root #mado-account-activate-invite {
    border-color: var(--mado-support-accent) !important;
    background: var(--mado-support-accent) !important;
    color: #ffffff !important;
}

.mado-support-staff-manager-root .button.button-primary:hover,
.mado-support-staff-manager-root .button.button-primary:focus,
.mado-support-staff-manager-root .mado-account-edit-btn:hover,
.mado-support-staff-manager-root .mado-account-edit-btn:focus,
.mado-support-staff-manager-root .mado-staff-edit-btn:hover,
.mado-support-staff-manager-root .mado-staff-edit-btn:focus,
.mado-support-staff-manager-root #mado-account-activate-invite:hover,
.mado-support-staff-manager-root #mado-account-activate-invite:focus {
    border-color: var(--mado-support-accent-hover) !important;
    background: var(--mado-support-accent-hover) !important;
    color: #ffffff !important;
}

.mado-support-staff-manager-root .button:not(.button-primary):not(.mado-account-edit-btn):not(.mado-staff-edit-btn):not(#mado-account-activate-invite) {
    border-color: #cfdbe4;
    background: #ffffff;
    color: #334155;
}

.mado-support-role-badge {
    display: inline-flex;
    align-items: center;
    margin: 0 6px 6px 0;
    padding: 4px 10px;
    border: 1px solid #cfdbe4;
    border-radius: 999px;
    background: #ffffff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
}

.mado-support-role-badge--owner {
    border-color: #6ee7b7;
    background: #ecfdf5;
    color: #166534;
}

.mado-support-role-badge--leader {
    border-color: #74d8ef;
    background: #f1fbfe;
    color: #0f6e8c;
}

.mado-support-role-badge--staff {
    border-color: #cfdbe4;
    background: #f8fbfd;
    color: #475569;
}

.mado-support-role-badge--empty {
    color: #64748b;
}

.mado-support-status-badge {
    font-weight: 700;
}

.mado-support-status-badge--active {
    color: #16a34a;
}

.mado-support-status-badge--invited {
    color: #d97706;
}

.mado-support-status-badge--suspended {
    color: #dc2626;
}

@media (max-width: 920px) {
    .mado-support-split-grid {
        grid-template-columns: 1fr;
    }
}

#ai-chat-widget-container,
#ai-chat-widget-container-preview {
    /* 驛｢譎・ｽｼ譁青ｰ驛｢譎｢・ｽ・ｳ驛｢譎槭Γ繝ｻ・ｨ繝ｻ・ｭ髯橸ｽｳ陞滂ｽｲ繝ｻ・ｼ郢晢ｽｻoto Sans鬩堺ｼ夲ｽｽ・ｻ驍ｵ・ｲ繝ｻ驛｡S髯樊ｺｽ蛻､霎溷､ゑｽｸ・ｺ繝ｻ・ｧ髣包ｽｳ鬯・､ｧ・ｶ讙趣ｽｸ・ｺ隶朱宦・ｺ繝ｻ螯吶・・ｽ郢晢ｽｻ郢晢ｽｻ*/
    font-family: var(--ai-chat-font-family, "Noto Sans JP", system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif);
    
    /* 驛｢譎・ｽｼ譁青ｰ驛｢譎｢・ｽ・ｳ驛｢譎冗樟邵ｺ蟶ｷ・ｹ譎｢・｣・ｰ驛｢譎｢・ｽ・ｼ驛｢・ｧ繝ｻ・ｸ驛｢譎｢・ｽ・ｳ驛｢・ｧ繝ｻ・ｰ郢晢ｽｻ郢晢ｽｻacOS髯ｷ・ｷ闔会ｽ｣繝ｻ・ｰ郢晢ｽｻ郢晢ｽｻ*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

#ai-chat-widget-container {
    position: fixed;
    z-index: var(--ai-chat-zindex, 999999);

    /* 驛｢譏ｴ繝ｻ邵ｺ蛟｡・ｹ・ｧ繝ｻ・､驛｢譎｢・ｽ・ｳ鬮ｫ・ｪ繝ｻ・ｭ髯橸ｽｳ陞滂ｽｲ繝ｻ・ｼ郢晢ｽｻS驍ｵ・ｺ鬮ｱ・ｴSS髯樊ｺｽ蛻､霎溷､ゑｽｸ・ｺ繝ｻ・ｧ髣包ｽｳ鬯・､ｧ・ｶ讙趣ｽｸ・ｺ鬮ｦ・ｪ繝ｻ・ｰ驍ｵ・ｺ繝ｻ・ｾ驍ｵ・ｺ陷ｻ・ｻ繝ｻ・ｼ郢晢ｽｻ*/
    --ai-chat-header-bg: var(--ai-chat-primary-color, #2563eb);
    --ai-chat-header-text: #ffffff;
    --ai-chat-title-color: var(--ai-chat-header-text, #ffffff);
    --ai-chat-accent: var(--ai-chat-primary-color, #2563eb);
    --ai-chat-accent-icon: #ffffff;
    --ai-chat-assistant-message-bg: #ffffff;
    --ai-chat-assistant-message-text: #1f2937;
    --ai-chat-user-message-bg: var(--ai-chat-accent, var(--ai-chat-primary-color, #2563eb));
    --ai-chat-user-message-text: #ffffff;
    --ai-chat-border: #e5e7eb;
    --ai-chat-offset-x: 24px;
    --ai-chat-offset-y: 24px;
    --ai-chat-radius: 12px;
    --ai-chat-width: 384px;
    --ai-chat-height: 600px;
    --ai-chat-body-bg: #f9fafb;
    --ai-chat-accent-rgb: 37, 99, 235;
}

#ai-chat-widget-container-preview {
    --mado-preview-highlight-rgb: 12, 229, 187;
    position: relative !important;
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    padding: 0 0 88px;
    box-sizing: border-box;
}

#ai-chat-widget-container-preview > .ai-chat-window {
    margin: 0 auto;
}

#ai-chat-widget-container-preview > .ai-chat-toggle {
    position: absolute !important;
    right: 16px;
    bottom: 0;
    margin: 0 !important;
    z-index: 4;
}


#ai-chat-widget-container.ai-chat-widget-position-bottom-right {
    bottom: var(--ai-chat-offset-y, 24px);
    right: var(--ai-chat-offset-x, 24px);
}


#ai-chat-widget-container.ai-chat-widget-position-bottom-left {
    bottom: var(--ai-chat-offset-y, 24px);
    left: var(--ai-chat-offset-x, 24px);
}

#ai-chat-widget-container.ai-chat-widget-position-top-right {
    top: var(--ai-chat-offset-y, 24px);
    right: var(--ai-chat-offset-x, 24px);
}

#ai-chat-widget-container.ai-chat-widget-position-top-left {
    top: var(--ai-chat-offset-y, 24px);
    left: var(--ai-chat-offset-x, 24px);
}


/* 髯ｷ闌ｨ・ｽ・ｱ鬯ｨ・ｾ陞｢・ｹ郢晢ｽｵ驛｢・ｧ繝ｻ・ｩ驛｢譎｢・ｽ・ｳ驛｢譎槭Γ繝ｻ・ｨ繝ｻ・ｭ髯橸ｽｳ陞滂ｽｲ繝ｻ・ｼ陋ｹ・ｻ郢晢ｽｻ驛｢譎｢・ｽ・ｬ驛｢譎∽ｾｭ・守､ｼ・ｹ譎｢・ｽ・ｼ驍ｵ・ｺ繝ｻ・ｫ驛｢・ｧ郢ｧ驫€繝ｻ鬨ｾ蛹・ｽｽ・ｨ郢晢ｽｻ郢晢ｽｻ*/
.ai-chat-window,
.ai-chat-toggle,
.ai-chat-input-area,
.ai-chat-header,
.ai-chat-footer {
    font-family: var(--ai-chat-font-family, "Noto Sans JP", system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.ai-chat-toggle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--ai-chat-toggle-bg, var(--ai-chat-accent, var(--ai-chat-primary-color, #2563eb)));
    color: var(--ai-chat-toggle-icon, var(--ai-chat-accent-icon, #ffffff));
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.ai-chat-toggle:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

/* 鬨ｾ蛹・ｽｽ・ｻ髯ｷ蜑・ｽｸ鄙ｫ繝ｻ驛｢・ｧ繝ｻ・ｿ驛｢譎｢・ｽ・ｳ驛｢譎｢・ｽ・｢驛｢譎｢・ｽ・ｼ驛｢譏懶ｽｼ螟ｲ・ｽ・ｼ闔蛹・ｽｽ・ｸ繝ｻ・ｸ驛｢譎・鯵邵ｺ・｡驛｢譎｢・ｽ・ｳ驍ｵ・ｺ繝ｻ・ｧ驍ｵ・ｺ繝ｻ・ｯ驍ｵ・ｺ繝ｻ・ｪ驍ｵ・ｺ陷€諤懈・髯ｷ蜑・ｽｸ蟯ｩ關ｽ驍ｵ・ｺ繝ｻ・ｮ驛｢・ｧ郢ｧ繝ｻ繝ｻ驛｢・ｧ陞ｳ螟ｲ・ｽ・｡繝ｻ・ｨ鬩穂ｼ夲ｽｽ・ｺ郢晢ｽｻ郢晢ｽｻ*/
.ai-chat-toggle.ai-chat-toggle--image {
    width: var(--ai-chat-toggle-width, 60px);
    height: var(--ai-chat-toggle-height, 60px);
    max-width: 150px;
    max-height: 150px;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
    border: none;
}

.ai-chat-toggle.ai-chat-toggle--image:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.ai-chat-toggle.ai-chat-toggle--image img {
    width: 100%;
    height: 100%;
    max-width: 150px;
    max-height: 150px;
    object-fit: contain;
    display: block;
}

.ai-chat-window {
    width: var(--ai-chat-width, 384px);
    height: var(--ai-chat-height, 600px);
    position: relative;
    background: transparent;
    border-radius: var(--ai-chat-radius, 12px);
    border: 1px solid var(--ai-chat-border, transparent);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* 鬮｢・ｭ隴ｴ・ｧ陷搾ｽｹ驛｢譎｢・ｽ・ｬ驛｢・ｧ繝ｻ・､驛｢譎｢・ｽ・､驛｢譎｢・ｽ・ｼ郢晢ｽｻ騾趣ｽｯ・つ€闕ｵ蜉ｱ繝ｻ髯溯ｶ｣・ｽ・ｦ驍ｵ・ｺ繝ｻ・ｧ鬯ｨ・ｾ闕ｳ螂・ｽｿ・ｰ驍ｵ・ｺ髴域喚髮ｷ驛｢・ｧ陷茨ｽｷ繝ｻ・ｼ郢晢ｽｻ*/
.ai-chat-window::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: var(--ai-chat-body-bg, #f9fafb);
    opacity: var(--ai-chat-body-opacity, 1);
    pointer-events: none;
    border-radius: inherit;
}

/* 髯昴・鬆・・・ｦ遶擾ｽｫ繝ｻ・ｴ繝ｻ・ｰ驛｢・ｧ髮区ｨ停・鬯ｮ・ｱ繝ｻ・｢驍ｵ・ｺ繝ｻ・ｫ */
.ai-chat-window > * {
    position: relative;
    z-index: 1;
}

.ai-chat-header {
    position: relative;
    background: transparent; /* 鬮｢・ｭ隴ｴ・ｧ陷搾ｽｹ驍ｵ・ｺ繝ｻ・ｯ::before驍ｵ・ｺ繝ｻ・ｧ髯ｷ繝ｻ・ｽ・ｦ鬨ｾ繝ｻ繝ｻ*/
    color: var(--ai-chat-header-text, #ffffff);
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* 驛｢譎渉€・･郢晢ｽ｣驛｢謨鳴€驛｢譎｢・ｽ・ｼ鬮｢・ｭ隴ｴ・ｧ陷搾ｽｹ驛｢譎｢・ｽ・ｬ驛｢・ｧ繝ｻ・､驛｢譎｢・ｽ・､驛｢譎｢・ｽ・ｼ郢晢ｽｻ騾趣ｽｯ・つ€闕ｵ蜉ｱ繝ｻ髯溯ｶ｣・ｽ・ｦ驍ｵ・ｺ繝ｻ・ｧ鬯ｨ・ｾ闕ｳ螂・ｽｿ・ｰ驍ｵ・ｺ髴域喚髮ｷ驛｢・ｧ陷茨ｽｷ繝ｻ・ｼ郢晢ｽｻ*/
.ai-chat-header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: var(--ai-chat-header-bg, var(--ai-chat-primary-color, #2563eb));
    opacity: var(--ai-chat-header-opacity, 1);
    pointer-events: none;
    border-top-left-radius: var(--ai-chat-radius, 12px);
    border-top-right-radius: var(--ai-chat-radius, 12px);
}

/* 驛｢譎渉€・･郢晢ｽ｣驛｢謨鳴€驛｢譎｢・ｽ・ｼ驍ｵ・ｺ繝ｻ・ｮ髯昴・鬆・・・ｦ遶擾ｽｫ繝ｻ・ｴ繝ｻ・ｰ驛｢・ｧ髮区ｨ停・鬯ｮ・ｱ繝ｻ・｢驍ｵ・ｺ繝ｻ・ｫ */
.ai-chat-header > * {
    position: relative;
    z-index: 1;
}

.ai-chat-header h3 {
    margin: 0;
    font-size: var(--ai-chat-title-font-size, 18px);
    font-weight: 600;
    color: var(--ai-chat-title-color, var(--ai-chat-header-text, #ffffff));
}

.ai-chat-header p {
    margin: 4px 0 0 0;
    font-size: var(--ai-chat-subtitle-font-size, 14px);
    opacity: 0.9;
}

.ai-chat-close {
    background: none;
    border: none;
    color: var(--ai-chat-header-text, #ffffff);
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: background 0.2s;
}

.ai-chat-close:hover {
    background: rgba(255, 255, 255, 0.1);
}

.ai-chat-messages {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    /* 鬮｢・ｭ隴ｴ・ｧ陷搾ｽｹ驍ｵ・ｺ繝ｻ・ｯ鬯ｨ・ｾ闕ｵ蜉ｱ繝ｻ驍ｵ・ｺ繝ｻ・ｫ驍ｵ・ｺ陷会ｽｱ遯ｶ・ｻ驍ｵ・ｲ郢晢ｽｻai-chat-window::before 驍ｵ・ｺ繝ｻ・ｮ鬮｢・ｭ隴ｴ・ｧ陷搾ｽｹ驛｢譎｢・ｽ・ｬ驛｢・ｧ繝ｻ・､驛｢譎｢・ｽ・､驛｢譎｢・ｽ・ｼ驛｢・ｧ陞ｳ螟ｲ・ｽ・ｦ闕ｵ譏ｶ髮ｷ驛｢・ｧ郢晢ｽｻ*/
    background: transparent;
}

.ai-chat-empty {
    text-align: center;
    color: var(--ai-chat-empty-text, #6b7280);
    padding: 48px 16px;
    /* 鬩包ｽｨ繝ｻ・ｺ髴托ｽ･繝ｻ・ｶ髫ｲ・ｷ闕ｵ譏ｴ繝ｻ鬨ｾ蜈ｷ・ｽ・ｽ驍ｵ・ｺ郢晢ｽｻ邵ｺ蜥ｲ・ｹ譎｢・ｽ・ｼ驛｢譎擾ｽｳ・ｨ遶雁､・ｸ・ｺ陷会ｽｱ遯ｶ・ｻ鬮ｯ・ｦ繝ｻ・ｨ鬩穂ｼ夲ｽｽ・ｺ郢晢ｽｻ鬩帙・・ｽ・ｪ繝ｻ・ｭ驍ｵ・ｺ繝ｻ・ｿ驛｢・ｧ郢晢ｽｻ隨倥・・ｸ・ｺ髴域鱒繝ｻ驍ｵ・ｺ雋・∞・ｽ竏壹・郢晢ｽｻ*/
    background: var(--ai-chat-empty-bg, #ffffff);
    border: 1px solid var(--ai-chat-empty-border, #e5e7eb);
    border-radius: 12px;
    margin: 16px;
    box-shadow: var(--ai-chat-empty-shadow, none);
}

.ai-chat-empty svg {
    margin: 0 auto 12px;
    color: var(--ai-chat-empty-icon, #d1d5db);
}

.ai-chat-empty p {
    margin: 0;
    font-size: 14px;
}

.ai-chat-empty p.small {
    font-size: 12px;
    margin-top: 4px;
    opacity: 0.7;
}

.ai-chat-message {
    margin-bottom: 16px;
    display: flex;
}

.ai-chat-message-user {
    justify-content: flex-end;
}

.ai-chat-message-assistant {
    justify-content: flex-start;
}

.ai-chat-message-content {
    max-width: 80%;
    padding: 12px 16px;
    border-radius: 10px;
    word-wrap: break-word;
    min-width: 0;
}

.ai-chat-message-user .ai-chat-message-content {
    background: var(--ai-chat-user-message-bg, var(--ai-chat-accent, var(--ai-chat-primary-color, #2563eb)));
    color: var(--ai-chat-user-message-text, #ffffff);
}

.ai-chat-message-assistant .ai-chat-message-content {
    background: var(--ai-chat-assistant-message-bg, #ffffff);
    color: var(--ai-chat-assistant-message-text, #1f2937);
    border: 1px solid var(--ai-chat-assistant-message-border, #e5e7eb);
    box-shadow: var(--ai-chat-assistant-message-shadow, 0 1px 2px rgba(0, 0, 0, 0.05));
}

.ai-chat-message-text,
.ai-chat-message-content p {
    margin: 0;
    font-size: var(--ai-chat-message-font-size, 13px);
    line-height: 1.5;
    white-space: pre-wrap;
}

.ai-chat-message-text p {
    margin: 0 0 0.75em;
    font-size: inherit;
    line-height: inherit;
}

.ai-chat-message-text p:last-child {
    margin-bottom: 0;
}

.ai-chat-message-user .ai-chat-message-text,
.ai-chat-message-user .ai-chat-message-content p {
    font-size: var(--ai-chat-message-font-size, 13px);
}

.ai-chat-message-urls {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.ai-chat-message-urls a {
    display: block;
    font-size: 12px;
    color: var(--ai-chat-accent, var(--ai-chat-primary-color, #2563eb));
    text-decoration: none;
    margin-bottom: 4px;
    word-break: break-all;
}

.ai-chat-message-urls a:hover {
    text-decoration: underline;
}

.ai-chat-message-time {
    display: block;
    font-size: 11px;
    opacity: 0.7;
    margin-top: 4px;
}

.ai-chat-loading {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 16px;
}

.ai-chat-loading-dots {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 12px 16px;
    display: flex;
    gap: 8px;
}

.ai-chat-loading-dots span {
    width: 8px;
    height: 8px;
    background: #9ca3af;
    border-radius: 50%;
    animation: ai-chat-bounce 1.4s infinite ease-in-out both;
}

.ai-chat-loading-dots span:nth-child(1) {
    animation-delay: -0.32s;
}

.ai-chat-loading-dots span:nth-child(2) {
    animation-delay: -0.16s;
}

@keyframes ai-chat-bounce {
    0%, 80%, 100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}

/* 髯ｷ闌ｨ・ｽ・･髯ｷ迚呻ｽｸ蜷ｶ笙€驛｢譎｢・ｽ・ｪ驛｢・ｧ繝ｻ・｢郢晢ｽｻ闔蛹・ｽｽ・ｸ闕ｵ譏ｴ繝ｻ鬨ｾ蜈ｷ・ｽ・ｽ驍ｵ・ｺ郢晢ｽｻ繝ｻ・ｸ繝ｻ・ｯ郢晢ｽｻ郢晢ｽｻ*/
.ai-chat-input-area {
    padding: 16px;
    background: var(--ai-chat-input-area-bg, #ffffff);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ai-chat-input-row {
    display: flex;
    align-items: end;
    gap: 8px;
    width: 100%;
}

/* 鬮ｮ莨夲ｽｽ・ｪ髯懶｣ｰ闕ｳ鄙ｫ窶ｳ驛｢譏ｴ繝ｻ邵ｺ荵滂ｽｹ譎｢・ｽ・ｪ驛｢譏ｶ繝ｻ郢晢ｽ｣驛｢譎・惧繝ｻ・ｼ陋ｹ・ｻ郢晢ｽｵ驛｢譏ｴ繝ｻ邵ｺ・｡驛｢譎｢・ｽ・ｼ鬨ｾ蛹・ｽｽ・ｨ - 髴托ｽｴ繝ｻ・ｾ髯懶ｽｨ繝ｻ・ｨ驍ｵ・ｺ繝ｻ・ｯ髣厄ｽｴ繝ｻ・ｿ鬨ｾ蛹・ｽｽ・ｨ驍ｵ・ｺ髴郁ｲｻ・ｽ讙趣ｽｸ・ｺ繝ｻ・ｦ驍ｵ・ｺ郢晢ｽｻ遶企・・ｸ・ｺ郢晢ｽｻ繝ｻ・ｼ郢晢ｽｻ*/
.ai-chat-entry-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%;
}

.ai-chat-entry-chip {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    font-size: var(--ai-chat-chip-font-size, 11px);
    border-radius: 12px;
    border: 1px solid var(--ai-chat-entry-chip-border, #e5e7eb);
    background: var(--ai-chat-entry-chip-bg, #f9fafb);
    color: var(--ai-chat-entry-chip-text, #1f2937);
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
    max-width: 100%;
    line-height: 1.4;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-align: left;
}

.ai-chat-entry-chip:hover {
    background: #f3f4f6;
    border-color: var(--ai-chat-accent, #2563eb);
}

.ai-chat-entry-chip.is-active {
    background: var(--ai-chat-entry-chip-active-bg, var(--ai-chat-accent, #2563eb));
    color: var(--ai-chat-entry-chip-active-text, #ffffff);
    border-color: var(--ai-chat-entry-chip-active-bg, var(--ai-chat-accent, #2563eb));
}

/* 驛｢譎｢・ｽ・｡驛｢譏ｴ繝ｻ邵ｺ譎会ｽｹ譎｢・ｽ・ｼ驛｢・ｧ繝ｻ・ｸ髯ｷﾂ€郢晢ｽｻ郢晢ｽｻ驛｢譏ｶ繝ｻ郢晢ｽ｣驛｢譎・惧繝ｻ・ｼ陜捺ｺｽ謔幃ｫｫ蠅灘ｾ励・・ｼ郢晢ｽｻ*/
.ai-chat-entry-chips-in-message {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    width: 100%;
    min-width: 0;
}

.ai-chat-entry-chips-in-message .ai-chat-entry-chip {
    padding: 6px 10px;
    font-size: var(--ai-chat-chip-font-size, 11px);
    border-radius: 12px;
    border: 1px solid var(--ai-chat-entry-chip-border, #e5e7eb);
    background: var(--ai-chat-entry-chip-bg, #f9fafb);
    color: var(--ai-chat-entry-chip-text, #1f2937);
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
    white-space: normal;
    flex-shrink: 1;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-align: left;
}

.ai-chat-entry-chips-in-message .ai-chat-entry-chip:hover {
    background: #f3f4f6;
    border-color: var(--ai-chat-accent, #2563eb);
    transform: translateY(-1px);
}

.ai-chat-entry-chips-in-message .ai-chat-entry-chip.is-active {
    background: var(--ai-chat-entry-chip-active-bg, var(--ai-chat-accent, #2563eb));
    color: var(--ai-chat-entry-chip-active-text, #ffffff);
    border-color: var(--ai-chat-entry-chip-active-bg, var(--ai-chat-accent, #2563eb));
}

.ai-chat-entry-chip-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 0;
    flex-shrink: 1;
    max-width: 100%;
}

.ai-chat-entry-chip-link {
    margin-left: 4px;
    padding: 2px 6px;
    font-size: 12px;
    border: none;
    background: transparent;
    color: var(--ai-chat-accent, #2563eb);
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
    border-radius: 4px;
    line-height: 1;
    flex-shrink: 0;
}

.ai-chat-entry-chip-link:hover {
    background: rgba(var(--ai-chat-accent-rgb, 37, 99, 235), 0.1);
    transform: scale(1.1);
}

/* 髯ｷ・ｿ郢ｧ迺ｰﾂ€郢晢ｽｻ邵ｺ遉ｼ・ｹ・ｧ繝ｻ・､驛｢譎冗樟郢晢ｽｶ驛｢譎｢・ｽ・ｭ驛｢譏ｴ繝ｻ邵ｺ繝ｻ*/
.ai-chat-ref-block {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    background: var(--ai-chat-ref-bg, #f9fafb);
    border: 1px solid var(--ai-chat-ref-border, rgba(0, 0, 0, 0.04));
    box-shadow: var(--ai-chat-ref-shadow, none);
}

.ai-chat-ref-title {
    font-size: 12px;
    font-weight: 600;
    color: var(--ai-chat-ref-title, #6b7280);
    margin-bottom: 8px;
}

.ai-chat-ref-link {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 6px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid var(--ai-chat-ref-link-border, transparent);
    background: var(--ai-chat-ref-link-bg, #eef2ff);
    color: var(--ai-chat-ref-link-text, #1f2937);
    font-size: 11px;
    cursor: pointer;
    white-space: normal;
    word-break: break-word;
    line-height: 1.4;
    transition: background 0.2s, transform 0.1s, box-shadow 0.1s;
}

.ai-chat-ref-link:hover {
    background: #e0e7ff;
    transform: translateY(-1px);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.15);
}

/* 驛｢譏ｴ繝ｻ邵ｺ蜀暦ｽｹ・ｧ繝ｻ・ｹ驛｢譎冗樟邵ｺ鬘費ｽｹ譎｢・ｽ・ｪ驛｢・ｧ繝ｻ・｢髫ｴ蟷｢・ｽ・ｬ髣厄ｽｴ郢晢ｽｻ*/
#ai-chat-input {
    flex: 1;
    border: 1px solid;
    border-color: var(--ai-chat-input-border, #e5e7eb);
    border-radius: 8px;
    padding: 10px 12px;
    font-size: var(--ai-chat-input-font-size, 12px);
    font-family: inherit;
    resize: none;
    line-height: 1.5;
    max-height: 144px;
    min-height: 40px;
    overflow-y: hidden;
    background: var(--ai-chat-input-bg, #ffffff);
    color: var(--ai-chat-input-text, #111111);
}

#ai-chat-input:focus {
    outline: none;
    border-color: var(--ai-chat-accent, var(--ai-chat-primary-color, #2563eb));
    box-shadow: 0 0 0 3px rgba(var(--ai-chat-accent-rgb, 37, 99, 235), 0.12);
}

/* 驛｢譎丞ｹｲ・取ｨ抵ｽｹ譎∽ｾｭ・守､ｼ・ｹ譎｢・ｽ・ｼ鬨ｾ蛹・ｽｽ・ｨ驍ｵ・ｺ繝ｻ・ｮ驛｢譏ｴ繝ｻ邵ｺ蜀暦ｽｹ・ｧ繝ｻ・ｹ驛｢譎冗樟邵ｺ鬘費ｽｹ譎｢・ｽ・ｪ驛｢・ｧ繝ｻ・｢ */
#preview-input {
    background: var(--ai-chat-input-bg, #ffffff);
    color: var(--ai-chat-input-text, #111111);
    border-color: var(--ai-chat-input-border, #e5e7eb);
    font-size: var(--ai-chat-input-font-size, 12px);
    line-height: 1.5;
    max-height: 144px;
    overflow-y: hidden;
}

#ai-chat-widget-container-preview #preview-messages {
    position: relative;
    padding-bottom: clamp(152px, 24vh, 184px);
}

#ai-chat-widget-container-preview .mado-preview-static-scene {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 14px;
    z-index: 2;
    display: grid;
    gap: 10px;
    pointer-events: none;
}

#ai-chat-widget-container-preview .mado-preview-static-scene__message {
    margin: 0;
}

#ai-chat-widget-container-preview .mado-preview-static-scene .ai-chat-message-content {
    max-width: min(86%, 280px);
}

#ai-chat-widget-container-preview .mado-preview-static-scene .ai-chat-message-user .ai-chat-message-content {
    margin-left: auto;
}

#ai-chat-widget-container-preview .mado-preview-static-scene .ai-chat-entry-chips {
    margin-top: 10px;
}

#ai-chat-widget-container-preview .mado-preview-static-scene .ai-chat-ref-block {
    margin-top: 10px;
}

#ai-chat-widget-container-preview [data-preview-part] {
    border-radius: 14px;
    outline: 2px solid transparent;
    outline-offset: 3px;
    transition: box-shadow 0.28s ease, transform 0.28s ease, outline-color 0.28s ease;
}

#ai-chat-widget-container-preview .ai-chat-header[data-preview-part~="header"] {
    border-radius: var(--ai-chat-radius, 12px) var(--ai-chat-radius, 12px) 0 0;
}

#ai-chat-widget-container-preview .ai-chat-messages[data-preview-part~="body"] {
    border-radius: 0;
}

#ai-chat-widget-container-preview .ai-chat-input-area[data-preview-part~="footer"] {
    border-radius: 0;
}

#ai-chat-widget-container-preview .ai-chat-footer[data-preview-part~="footer"] {
    border-radius: 0 0 var(--ai-chat-radius, 12px) var(--ai-chat-radius, 12px);
}

#ai-chat-widget-container-preview .ai-chat-header[data-preview-part~="header"],
#ai-chat-widget-container-preview .ai-chat-messages[data-preview-part~="body"],
#ai-chat-widget-container-preview .ai-chat-input-area[data-preview-part~="footer"],
#ai-chat-widget-container-preview .ai-chat-footer[data-preview-part~="footer"] {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

#ai-chat-widget-container-preview .ai-chat-header[data-preview-part~="header"] > *,
#ai-chat-widget-container-preview .ai-chat-input-area[data-preview-part~="footer"] > *,
#ai-chat-widget-container-preview .ai-chat-footer[data-preview-part~="footer"] > * {
    position: relative;
    z-index: 1;
}

#ai-chat-widget-container-preview .ai-chat-messages[data-preview-part~="body"] > :not(.mado-preview-static-scene) {
    position: relative;
    z-index: 1;
}

#ai-chat-widget-container-preview .ai-chat-messages[data-preview-part~="body"] > .mado-preview-static-scene {
    z-index: 2;
}

#ai-chat-widget-container-preview .ai-chat-header[data-preview-part~="header"]::after,
#ai-chat-widget-container-preview .ai-chat-messages[data-preview-part~="body"]::after,
#ai-chat-widget-container-preview .ai-chat-input-area[data-preview-part~="footer"]::after,
#ai-chat-widget-container-preview .ai-chat-footer[data-preview-part~="footer"]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: rgb(var(--mado-preview-highlight-rgb));
    opacity: 0;
    pointer-events: none;
    z-index: 0;
}

#ai-chat-widget-container-preview #preview-toggle-btn[data-preview-part] {
    border-radius: 999px;
}

#ai-chat-widget-container-preview #preview-toggle-btn.ai-chat-toggle--image[data-preview-part] {
    border-radius: 0;
}

#ai-chat-widget-container-preview [data-preview-part].is-preview-pulsing {
    animation: mado-preview-part-pulse 1.45s cubic-bezier(0.22, 1, 0.36, 1) 1 both;
}

#ai-chat-widget-container-preview [data-preview-part].is-preview-pulsing.is-preview-nudging {
    animation-name: mado-preview-toggle-pulse;
    animation-duration: 1.55s;
}

#ai-chat-widget-container-preview .ai-chat-send[data-preview-part].is-preview-pulsing,
#ai-chat-widget-container-preview .ai-chat-ref-block[data-preview-part].is-preview-pulsing {
    animation: mado-preview-part-pulse-muted 1.45s cubic-bezier(0.22, 1, 0.36, 1) 1 both;
}

#ai-chat-widget-container-preview #preview-toggle-btn[data-preview-part].is-preview-pulsing.is-preview-nudging {
    animation: mado-preview-toggle-pulse-muted 1.55s cubic-bezier(0.22, 1, 0.36, 1) 1 both;
}

#ai-chat-widget-container-preview [data-preview-part~="header"].is-preview-pulsing,
#ai-chat-widget-container-preview [data-preview-part~="body"].is-preview-pulsing,
#ai-chat-widget-container-preview [data-preview-part~="footer"].is-preview-pulsing {
    animation: none;
    box-shadow: none;
    transform: translate3d(0, 0, 0);
}

#ai-chat-widget-container-preview .ai-chat-header[data-preview-part~="header"].is-preview-pulsing::after,
#ai-chat-widget-container-preview .ai-chat-messages[data-preview-part~="body"].is-preview-pulsing::after,
#ai-chat-widget-container-preview .ai-chat-input-area[data-preview-part~="footer"].is-preview-pulsing::after,
#ai-chat-widget-container-preview .ai-chat-footer[data-preview-part~="footer"].is-preview-pulsing::after {
    animation: mado-preview-surface-pulse 1.7s cubic-bezier(0.42, 0, 0.2, 1) 1 both;
}

@keyframes mado-preview-part-pulse {
    0% {
        outline-color: rgba(var(--mado-preview-highlight-rgb), 0);
        box-shadow: 0 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0), 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0), 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0);
        transform: translate3d(0, 0, 0);
    }
    18% {
        outline-color: rgba(var(--mado-preview-highlight-rgb), 0.64);
        box-shadow: 0 0 0 10px rgba(var(--mado-preview-highlight-rgb), 0.18), 0 0 38px rgba(var(--mado-preview-highlight-rgb), 0.28), 0 0 72px rgba(var(--mado-preview-highlight-rgb), 0.16);
        transform: translate3d(0, -1px, 0);
    }
    58% {
        outline-color: rgba(var(--mado-preview-highlight-rgb), 0.22);
        box-shadow: 0 0 0 4px rgba(var(--mado-preview-highlight-rgb), 0.1), 0 0 20px rgba(var(--mado-preview-highlight-rgb), 0.16), 0 0 44px rgba(var(--mado-preview-highlight-rgb), 0.09);
        transform: translate3d(0, 0, 0);
    }
    100% {
        outline-color: rgba(var(--mado-preview-highlight-rgb), 0);
        box-shadow: 0 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0), 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0), 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes mado-preview-part-pulse-muted {
    0% {
        outline-color: rgba(var(--mado-preview-highlight-rgb), 0);
        box-shadow: 0 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0), 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0), 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0);
        transform: translate3d(0, 0, 0);
    }
    18% {
        outline-color: rgba(var(--mado-preview-highlight-rgb), 0.32);
        box-shadow: 0 0 0 10px rgba(var(--mado-preview-highlight-rgb), 0.09), 0 0 38px rgba(var(--mado-preview-highlight-rgb), 0.14), 0 0 72px rgba(var(--mado-preview-highlight-rgb), 0.08);
        transform: translate3d(0, -1px, 0);
    }
    58% {
        outline-color: rgba(var(--mado-preview-highlight-rgb), 0.11);
        box-shadow: 0 0 0 4px rgba(var(--mado-preview-highlight-rgb), 0.05), 0 0 20px rgba(var(--mado-preview-highlight-rgb), 0.08), 0 0 44px rgba(var(--mado-preview-highlight-rgb), 0.05);
        transform: translate3d(0, 0, 0);
    }
    100% {
        outline-color: rgba(var(--mado-preview-highlight-rgb), 0);
        box-shadow: 0 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0), 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0), 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes mado-preview-toggle-pulse {
    0% {
        outline-color: rgba(var(--mado-preview-highlight-rgb), 0);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0), 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0), 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0);
        transform: translate3d(0, 0, 0) scale(1);
    }
    18% {
        outline-color: rgba(var(--mado-preview-highlight-rgb), 0.72);
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.2), 0 0 0 12px rgba(var(--mado-preview-highlight-rgb), 0.2), 0 0 42px rgba(var(--mado-preview-highlight-rgb), 0.32), 0 0 88px rgba(var(--mado-preview-highlight-rgb), 0.18);
        transform: translate3d(0, -2px, 0) scale(1.045);
    }
    55% {
        outline-color: rgba(var(--mado-preview-highlight-rgb), 0.24);
        box-shadow: 0 8px 20px rgba(15, 23, 42, 0.17), 0 0 0 5px rgba(var(--mado-preview-highlight-rgb), 0.1), 0 0 22px rgba(var(--mado-preview-highlight-rgb), 0.17), 0 0 52px rgba(var(--mado-preview-highlight-rgb), 0.1);
        transform: translate3d(0, -1px, 0) scale(1.018);
    }
    100% {
        outline-color: rgba(var(--mado-preview-highlight-rgb), 0);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0), 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0), 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0);
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes mado-preview-toggle-pulse-muted {
    0% {
        outline-color: rgba(var(--mado-preview-highlight-rgb), 0);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0), 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0), 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0);
        transform: translate3d(0, 0, 0) scale(1);
    }
    18% {
        outline-color: rgba(var(--mado-preview-highlight-rgb), 0.36);
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.2), 0 0 0 12px rgba(var(--mado-preview-highlight-rgb), 0.1), 0 0 42px rgba(var(--mado-preview-highlight-rgb), 0.16), 0 0 88px rgba(var(--mado-preview-highlight-rgb), 0.09);
        transform: translate3d(0, -2px, 0) scale(1.045);
    }
    55% {
        outline-color: rgba(var(--mado-preview-highlight-rgb), 0.12);
        box-shadow: 0 8px 20px rgba(15, 23, 42, 0.17), 0 0 0 5px rgba(var(--mado-preview-highlight-rgb), 0.05), 0 0 22px rgba(var(--mado-preview-highlight-rgb), 0.085), 0 0 52px rgba(var(--mado-preview-highlight-rgb), 0.05);
        transform: translate3d(0, -1px, 0) scale(1.018);
    }
    100% {
        outline-color: rgba(var(--mado-preview-highlight-rgb), 0);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0), 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0), 0 0 0 rgba(var(--mado-preview-highlight-rgb), 0);
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes mado-preview-surface-pulse {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 0.5;
    }
    74% {
        opacity: 0.18;
    }
    100% {
        opacity: 0;
    }
}

.ai-chat-send {
    background: var(--ai-chat-accent, var(--ai-chat-primary-color, #2563eb));
    color: var(--ai-chat-accent-icon, #ffffff);
    border: none;
    border-radius: 8px;
    padding: 10px;
    cursor: pointer;
    transition: background 0.2s;
    flex-shrink: 0;
}

.ai-chat-send:hover:not(:disabled) {
    filter: brightness(0.92);
}


.ai-chat-send:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* 髣包ｽｳ闕ｵ譏ｴ繝ｻ驛｢譎・ｽｼ譁石暮Δ・ｧ繝ｻ・ｿ驛｢譎｢・ｽ・ｼ鬮ｯ・ｦ鬲・ｼ夲ｽｽ・ｼ郢晢ｽｻnter驍ｵ・ｺ繝ｻ・ｧ鬯ｨ・ｾ遶擾ｽｽ繝ｻ・ｿ繝ｻ・｡驕ｯ・ｶ繝ｻ・ｦ郢晢ｽｻ陝ｲ・ｨ繝ｻ繧仰€蜈ｷ・ｽ・ｽ驍ｵ・ｺ陷托ｽｰ繝ｻ・ｦ闕ｵ譏ｶ譁｡驛｢・ｧ闕ｵ譏ｶ繝ｻ驛｢・ｧ郢晢ｽｻ*/
.ai-chat-footer {
    padding: 8px 16px;
    background: var(--ai-chat-input-area-bg, #ffffff);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.ai-chat-footer small {
    color: var(--ai-chat-footer-note-color, #4d4d4d);
    font-size: 11px;
    font-weight: bold;
}

.ai-chat-powered-by {
    margin-top: 2px;
    padding: 2px 8px;
    color: var(--ai-chat-footer-note-color, #333333);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
    white-space: nowrap;
}

.ai-chat-window[data-unified-surface="1"] .ai-chat-header::before {
    box-shadow: none;
}

.ai-chat-window[data-unified-surface="1"] .ai-chat-input-area,
.ai-chat-window[data-unified-surface="1"] .ai-chat-footer {
    background: transparent;
    box-shadow: none;
}

.ai-chat-powered-by-text {
    font-size: 9pt;
}

.ai-chat-powered-by-brand {
    font-size: 11pt;
}

.ai-chat-candidates {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ai-chat-candidate-btn {
    background: #f3f4f6;
    border: 1px solid var(--ai-chat-border, #e5e7eb);
    border-radius: 8px;
    padding: 12px 16px;
    text-align: left;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 14px;
    color: #1f2937;
    width: 100%;
}

.ai-chat-candidate-btn:hover {
    background: #e5e7eb;
    border-color: var(--ai-chat-accent, var(--ai-chat-primary-color, #2563eb));
    transform: translateX(4px);
}

.ai-chat-candidate-btn:active {
    transform: translateX(2px);
}

@media (max-width: 480px) {
    .ai-chat-window {
        width: calc(100vw - 32px);
        height: calc(100vh - 100px);
    }

    #ai-chat-widget-container.ai-chat-widget-position-bottom-right,
    #ai-chat-widget-container.ai-chat-widget-position-bottom-left {
        left: 16px;
        right: 16px;
        bottom: max(16px, var(--ai-chat-offset-y, 24px));
    }

    #ai-chat-widget-container.ai-chat-widget-position-top-right,
    #ai-chat-widget-container.ai-chat-widget-position-top-left {
        left: 16px;
        right: 16px;
        top: max(16px, var(--ai-chat-offset-y, 24px));
    }

    .ai-chat-toggle {
        position: absolute;
        right: 0;
        bottom: 0;
    }
}

/* MADO Chat Log Tags */
.mado-tag {
    display: inline-block;
    margin: 0 4px 4px 0;
    padding: 3px 8px;
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    border-radius: 999px;
    font-size: 11px;
    color: #4338ca;
    white-space: nowrap;
}

/* ===== 驛｢譏ｴ繝ｻ・趣ｽｦ驛｢譎丞ｹｲ・取ｨ抵ｽｹ譎｢・ｽ・ｩ驛｢・ｧ繝ｻ・､驛｢譎・§・主ｸｷ・ｹ譎｢・ｽ・ｪ鬨ｾ蛹・ｽｽ・ｨ驛｢・ｧ繝ｻ・ｹ驛｢・ｧ繝ｻ・ｿ驛｢・ｧ繝ｻ・､驛｢譎｢・ｽ・ｫ ===== */
.mado-template-library-intro {
    margin-bottom: 12px;
}

.mado-template-library-heading-row {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}

.mado-template-library-heading {
    margin: 0;
}

.mado-template-library-description {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.55;
}

.mado-template-library-help-btn {
    appearance: none;
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.mado-template-library-help-btn:hover,
.mado-template-library-help-btn:focus,
.mado-template-library-help-btn:active {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.mado-template-filter-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr 1fr 1fr auto;
    align-items: end;
}

#mado-template-filter-form .mado-template-filter-grid,
#mado-template-filter-form .mado-template-filter-grid label,
#mado-template-filter-form .mado-template-filter-grid input,
#mado-template-filter-form .mado-template-filter-grid select,
#mado-template-filter-form .mado-template-filter-grid button,
#mado-template-filter-form .mado-template-filter-grid a {
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif !important;
}

#mado-template-filter-form .mado-template-filter-grid input::placeholder {
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif !important;
}

#mado-template-filter-form .mado-template-filter-grid label {
    font-size: 13px !important;
}

#mado-template-filter-form .mado-template-filter-grid input,
#mado-template-filter-form .mado-template-filter-grid select,
#mado-template-filter-form .mado-template-filter-grid button,
#mado-template-filter-form .mado-template-filter-grid a {
    font-size: 13px !important;
}

#mado-template-filter-form .mado-template-filter-grid select option {
    font-size: 13px !important;
}

#mado-template-filter-form .mado-template-filter-grid input::placeholder {
    font-size: 13px !important;
}

.mado-template-filter-actions {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
}

.mado-template-filter-search-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    min-height: 32px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
    align-self: center !important;
}

.mado-template-filter-search-btn:hover,
.mado-template-filter-search-btn:focus,
.mado-template-filter-search-btn:active {
    box-shadow: none !important;
}

.mado-template-filter-reset-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 4px 12px !important;
    border: 1px solid #74d8ef !important;
    border-radius: 999px !important;
    background: #f1fbfe !important;
    color: #0f6e8c !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.mado-template-filter-reset-chip:hover,
.mado-template-filter-reset-chip:focus,
.mado-template-filter-reset-chip:active {
    border-color: #5fcde8 !important;
    background: #e8f8fd !important;
    color: #0b607a !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.mado-template-list {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    align-items: start;
}

.mado-template-card {
    background: #fff;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.mado-template-card:hover {
    border-color: #3b82f6;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);
    transform: translateY(-1px);
}

.mado-template-card-header {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e5e7eb;
}

.mado-template-card-title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #111827;
    line-height: 1.4;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    flex: 1;
    padding-right: 8px;
    min-height: calc(1.4em * 2);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

.mado-template-card-variant {
    background: #e0f2fe;
    color: #0369a1;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 10px;
    white-space: nowrap;
    flex-shrink: 0;
}

.mado-template-card-meta {
    margin-bottom: 10px;
    font-size: 11px;
    color: #6b7280;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.mado-template-card-category,
.mado-template-card-industry {
    background: #f3f4f6;
    padding: 2px 6px;
    border-radius: 3px;
}

.mado-template-preview {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.5;
    max-height: 180px;
    overflow: hidden;
    position: relative;
}

.mado-template-preview::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    background: linear-gradient(to bottom, rgba(249, 250, 251, 0), rgba(249, 250, 251, 1));
    pointer-events: none;
}

/* Template Library: 鬯ｮ・｢闕ｵ譎｢・ｼ讓抵ｽｸ・ｺ繝ｻ・ｦ驍ｵ・ｺ郢晢ｽｻ繝ｻ邇厄ｽｭ蠑ｱ・・ｹ晢ｽｻ驛｢譎丞ｹｲ・取ｨ抵ｽｹ譎∽ｾｭ・守､ｼ・ｹ譎｢・ｽ・ｼ驛｢・ｧ郢ｧ繝ｻ繝ｻ髫ｴ竏壹・繝ｻ・｡繝ｻ・ｨ鬩穂ｼ夲ｽｽ・ｺ郢晢ｽｻ陋ｹ・ｻ郢晢ｽｵ驛｢・ｧ繝ｻ・ｧ驛｢譎｢・ｽ・ｼ驛｢譎擾ｽｳ・ｨ繝ｻ繧奇ｽｱ・ｸ陋ｹ・ｻ隨倥・繝ｻ郢晢ｽｻ*/
.mado-template-card.is-open .mado-template-preview{
    max-height: none;     /* 180px髯具ｽｻ繝ｻ・ｶ鬯ｮ・ｯ髣企ｯ会ｽｽ蟶晏專繝ｻ・｣鬯ｮ・ｯ繝ｻ・､ */
    overflow: visible;    /* hidden鬮ｫ證ｦ・ｽ・｣鬯ｮ・ｯ繝ｻ・､ */
}

.mado-template-card.is-open .mado-template-preview::after{
    display: none;        /* 驕ｯ・ｶ隲帛ｲｩ魘ｬ驍ｵ・ｺ繝ｻ・｣驍ｵ・ｺ陷ｷ・ｶ繝ｻ閾･・ｪ・ｶ郢晢ｽｻ驍ｵ・ｺ繝ｻ・ｮ髯ｷ・ｴ雋・ｽｷ陞ｻ荳翫・陋ｹ・ｻ郢晢ｽｵ驛｢・ｧ繝ｻ・ｧ驛｢譎｢・ｽ・ｼ驛｢譏懶ｽｼ螟ｲ・ｽ・ｼ陝ｲ・ｨ繝ｻ螳夲ｽｱ・ｸ陋ｹ・ｻ隨倥・*/
}

.mado-template-preview-item {
    margin-bottom: 6px;
}

.mado-template-preview-item:last-child {
    margin-bottom: 0;
}

.mado-template-preview-answer {
    margin-top: 4px;
    color: #374151;
}

.mado-template-preview-memo {
    white-space: pre-wrap;
    font-family: monospace;
    font-size: 11px;
    line-height: 1.6;
    color: #4b5563;
}

.mado-template-detail {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin-top: 0;
    transition: max-height 0.3s ease, opacity 0.25s ease, margin-top 0.25s ease;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
    margin-left: -12px;
    margin-right: -12px;
    padding: 0 12px;
}

.mado-template-card.is-open .mado-template-detail {
    max-height: none;
    opacity: 1;
    margin-top: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
    overflow: visible;
}

.mado-template-detail-section {
    margin-bottom: 16px;
}

.mado-template-detail-section:last-child {
    margin-bottom: 0;
}

.mado-template-detail-section h4 {
    margin: 0 0 6px 0;
    font-size: 13px;
    font-weight: 600;
    color: #111827;
}

.mado-template-detail-section p {
    margin: 0 0 8px 0;
    font-size: 12px;
    line-height: 1.6;
    color: #374151;
}

.mado-template-detail-section ul {
    margin: 0 0 8px 0;
    padding-left: 20px;
    font-size: 12px;
    line-height: 1.7;
    color: #374151;
}

.mado-template-detail-section li {
    margin-bottom: 4px;
}

.mado-template-detail-answer {
    font-size: 12px;
    line-height: 1.7;
    color: #374151;
}

.mado-template-detail-answer p {
    margin: 0 0 8px 0;
}

.mado-template-detail-answer ul,
.mado-template-detail-answer ol {
    margin: 0 0 8px 0;
    padding-left: 20px;
}

.mado-template-detail-answer a {
    color: #2563eb;
    text-decoration: underline;
}

.mado-template-detail-memo {
    white-space: pre-wrap;
    font-family: monospace;
    font-size: 11px;
    line-height: 1.6;
    color: #1f2937;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    padding: 10px;
    margin: 0;
    overflow-x: auto;
}

.mado-template-card-actions {
    --mado-template-action-band-height: 40px;
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 7fr);
    align-items: stretch;
    gap: 8px;
    margin-top: auto;
    min-height: var(--mado-template-action-band-height);
    height: var(--mado-template-action-band-height);
}

.mado-template-card-header,
.mado-template-card-meta,
.mado-template-preview,
.mado-template-detail {
    cursor: pointer;
}

.mado-template-card-header *,
.mado-template-card-meta *,
.mado-template-preview *,
.mado-template-detail * {
    cursor: inherit;
}

.mado-template-card-actions > .button.mado-template-detail-btn.mado-template-accordion-toggle {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    flex: 1 1 auto;
    width: 100% !important;
    padding: 0 !important;
    min-height: 100% !important;
    height: 100% !important;
    min-width: auto !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #111827 !important;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    cursor: pointer;
}

.mado-template-card-actions > .button.mado-template-detail-btn.mado-template-accordion-toggle:hover,
.mado-template-card-actions > .button.mado-template-detail-btn.mado-template-accordion-toggle:focus,
.mado-template-card-actions > .button.mado-template-detail-btn.mado-template-accordion-toggle:active {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #169a81 !important;
    text-decoration: none !important;
}

.mado-template-card.is-open > .mado-template-card-actions > .button.mado-template-detail-btn.mado-template-accordion-toggle {
    color: #0f172a !important;
}

.mado-template-accordion-toggle__sign {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    margin: 0;
    padding: 0;
    color: #0f172a !important;
    line-height: 0;
}

.mado-template-accordion-toggle__sign svg {
    display: block;
    width: 30px;
    height: 30px;
    fill: currentColor;
}

.mado-template-accordion-toggle__label {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    white-space: nowrap;
}

.mado-template-use-btn.mado-template-action--use {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif !important;
    box-shadow: none !important;
    transition: transform .14s ease, filter .14s ease, background-color .14s ease, border-color .14s ease !important;
}

.mado-template-use-btn.mado-template-action--use.is-pressing {
    transform: translateY(1px) !important;
    filter: saturate(0.96) brightness(0.98);
}

.mado-template-use-btn.mado-template-action--use[data-applying="1"] {
    pointer-events: none !important;
    cursor: default !important;
}

.mado-template-use-btn.mado-template-action--use[data-applying="1"] .mado-template-action-button__label {
    color: #ffffff !important;
}

.mado-template-use-btn.mado-template-action--use:hover,
.mado-template-use-btn.mado-template-action--use:focus,
.mado-template-use-btn.mado-template-action--use:active {
    box-shadow: none !important;
}

.mado-template-use-btn.mado-template-action--use.is-applied {
    background: #11806b !important;
    border-color: #11806b !important;
    color: #ffffff !important;
}

.mado-template-use-btn.mado-template-action--use.is-applied[data-hover-ready="1"]:not([data-applying="1"]):hover {
    background: #1dbfa0 !important;
    border-color: #1dbfa0 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.mado-template-use-btn.mado-template-action--use .mado-template-action-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    flex: 0 0 16px !important;
    align-self: center !important;
    margin: 0 !important;
    line-height: 0 !important;
    transform: none !important;
}

.mado-template-use-btn.mado-template-action--use .mado-template-action-icon svg {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
}

.mado-template-use-btn.mado-template-action--use .mado-template-action-button__label {
    display: inline-flex !important;
    align-items: center !important;
    font-family: inherit !important;
    line-height: 1.2 !important;
}

.mado-template-use-btn.mado-template-action--use.is-applied .mado-template-action-button__label::after {
    content: "";
    display: inline-block;
    margin-left: 6px;
    width: 1.3em;
    height: 1.3em;
    flex: 0 0 auto;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transform: translate(1em, 1px);
}

.mado-template-use-btn.mado-template-action--use[data-applying="1"] .mado-template-action-button__label::after {
    display: none;
}

.mado-template-use-btn.mado-template-action--use.is-applied[data-hover-ready="1"]:not([data-applying="1"]):hover .mado-template-action-button__label::after {
    display: none;
}

.mado-template-use-btn.mado-template-action--use.is-applied[data-hover-ready="1"]:not([data-applying="1"]):hover .mado-template-action-button__label {
    position: relative;
    color: transparent !important;
}

.mado-template-use-btn.mado-template-action--use.is-applied[data-hover-ready="1"]:not([data-applying="1"]):hover .mado-template-action-button__label::before {
    content: "蜀埼←逕ｨ";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    white-space: nowrap;
    line-height: 1.2;
}

.mado-template-card-actions .mado-template-use-btn.mado-template-action-button {
    flex: 0 0 auto;
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
    min-height: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    box-sizing: border-box !important;
    justify-self: end;
    margin-left: 0;
    padding: 0 !important;
    font-size: 14px !important;
}


/* support-staff invite role cards / critical fallback */
.mado-support-account-role-grid--invite {
    grid-template-columns: 1fr;
}

.mado-support-account-role-option--radio input[type="radio"] {
    accent-color: var(--mado-support-accent);
}

.mado-support-account-role-group--invite .mado-support-account-role-option__hint,
.mado-support-account-role-group--invite .mado-support-account-role-option__title {
    white-space: normal;
}




/* support-staff v3: account tools stay vertical */
.mado-support-account-tools {
    grid-template-columns: 1fr !important;
}

/* Scenario settings page: intro layout with reference image */
.mado-scenario-page {
    --mado-scenario-preview-width: 320px;
}

.mado-scenario-page .mado-scenario-page__intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--mado-scenario-preview-width);
    align-items: start;
    column-gap: 16px;
    row-gap: 0;
    padding: 0;
    overflow: hidden;
}

.mado-scenario-page .mado-scenario-page__intro-copy {
    min-width: 0;
    padding: 28px 20px 24px 30px;
}

.mado-scenario-page .mado-scenario-page__lead {
    max-width: 38em;
    line-height: 1.7;
}

.mado-scenario-page .mado-scenario-page__intro-preview {
    margin: 0;
    width: var(--mado-scenario-preview-width);
    max-width: var(--mado-scenario-preview-width);
    justify-self: end;
    align-self: start;
}

.mado-scenario-page .mado-scenario-page__intro-preview img {
    display: block;
    width: 100%;
    max-width: var(--mado-scenario-preview-width);
    height: auto;
    border: 1px solid #d6e1e4;
    border-radius: 16px;
    box-shadow: none;
}

.mado-scenario-page .mado-scenario-card__title {
    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;
}

.mado-scenario-page .mado-entry-chips-editor__preset-label {
    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;
}

.mado-scenario-page .mado-scenario-card--csv .mado-scenario-card__description {
    max-width: 42em;
}

.mado-scenario-page .mado-entry-chips-editor__toggle {
    justify-content: flex-start;
}

.mado-scenario-page .mado-scenario-card--chips {
    padding: 0;
    overflow: visible;
}

.mado-scenario-page .mado-scenario-card__header--with-preview {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--mado-scenario-preview-width) !important;
    align-items: start;
    column-gap: 10px;
    row-gap: 0;
    margin: 0 0 2px 0;
    flex-wrap: nowrap !important;
}

.mado-scenario-page .mado-scenario-card__header-main {
    grid-column: 1;
    min-width: 0;
    padding: 0 8px 0 16px;
    order: 1;
}

.mado-scenario-page .mado-scenario-card__title-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mado-scenario-page .mado-scenario-card__header-preview {
    grid-column: 2;
    margin: 0;
    width: var(--mado-scenario-preview-width);
    max-width: var(--mado-scenario-preview-width);
    justify-self: end;
    align-self: start;
    margin-top: -20px;
    order: 2;
}

.mado-scenario-page .mado-scenario-card__header-preview img {
    display: block;
    width: 100%;
    max-width: var(--mado-scenario-preview-width);
    height: auto;
    border: 1px solid #d6e1e4;
    border-radius: 16px;
    box-shadow: none;
}

.mado-scenario-page .mado-scenario-card--chips .mado-scenario-prompt-panel,
.mado-scenario-page .mado-scenario-card--chips .mado-entry-chips-editor {
    margin-left: 16px;
    margin-right: 16px;
}

.mado-scenario-page .mado-scenario-card--chips .mado-entry-chips-editor {
    margin-bottom: 16px;
}

.mado-scenario-page .mado-scenario-prompt-panel {
    margin-top: -14px;
    margin-bottom: 4px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.mado-scenario-page .mado-scenario-prompt-panel textarea {
    margin: 0;
    border: 1px solid #d6e1e4;
    border-radius: 14px;
    box-shadow: none;
}

.mado-scenario-page .mado-scenario-prompt-panel__title-row {
    margin: 0;
}

/* Scenario settings: top-level accordion summary mode */
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] > .mado-entry-chip-row__header {
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
    flex-wrap: nowrap !important;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] > .mado-entry-chip-row__header .mado-entry-chip-row__compact-summary {
    display: block !important;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] > .mado-entry-chip-row__header .mado-entry-chip-row__toggle {
    margin-left: auto !important;
    flex: 0 0 auto;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] > .mado-entry-chip-row__actions {
    margin-bottom: 10px !important;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="false"] {
    padding: 8px 12px !important;
    border-radius: 14px !important;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="false"] > .mado-entry-chip-row__header {
    margin-bottom: 0 !important;
    gap: 8px !important;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="false"] > .mado-entry-chip-row__actions,
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="false"] > .mado-entry-chip-row__meta,
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="false"] > .mado-entry-chip-row__field,
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="false"] > .mado-entry-chip-row__refs-section,
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="false"] > .entry-chip-children {
    display: none !important;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="false"] > .mado-entry-chip-row__header .mado-entry-chip-row__compact-summary {
    display: block !important;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="true"] > .mado-entry-chip-row__header .mado-entry-chip-row__compact-summary {
    display: none !important;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="false"] > .mado-entry-chip-row__header .mado-entry-chip-row__toggle-icon {
    transform: rotate(0deg) !important;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="true"] > .mado-entry-chip-row__header .mado-entry-chip-row__toggle-icon {
    transform: rotate(90deg) !important;
}

.mado-scenario-page .mado-entry-chips-editor__header--surface {
    margin: 0 0 12px 0;
}

.mado-scenario-page .mado-scenario-upload-picker {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    max-width: 100%;
}

.mado-scenario-page .mado-scenario-upload-input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.mado-scenario-page .mado-scenario-upload-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 10px 16px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--mado-scenario-blue-soft) !important;
    color: #0b4d54 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    white-space: nowrap;
}

.mado-scenario-page .mado-scenario-upload-name {
    min-width: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #334155;
    overflow-wrap: anywhere;
}

.mado-scenario-page .mado-scenario-upload-name.is-empty {
    color: #9ca3af;
}

@media (max-width: 900px) {
    .mado-scenario-page .mado-scenario-page__intro {
        grid-template-columns: 1fr;
        row-gap: 12px;
    }

    .mado-scenario-page .mado-scenario-page__intro-copy {
        padding-right: 20px;
    }

    .mado-scenario-page .mado-scenario-page__intro-preview {
        width: var(--mado-scenario-preview-width);
        max-width: var(--mado-scenario-preview-width);
    }

    .mado-scenario-page .mado-scenario-page__intro-preview img {
        max-width: var(--mado-scenario-preview-width);
    }

    .mado-scenario-page .mado-scenario-card__header--with-preview {
        grid-template-columns: 1fr !important;
        row-gap: 8px;
        margin-bottom: 4px;
    }

    .mado-scenario-page .mado-scenario-card__header-main {
        grid-column: 1;
        padding: 0 16px 0 16px;
    }

    .mado-scenario-page .mado-scenario-card__header-preview {
        grid-column: 1;
        width: var(--mado-scenario-preview-width);
        max-width: var(--mado-scenario-preview-width);
        justify-self: start;
        margin-left: 16px;
        margin-top: -12px;
    }

    .mado-scenario-page .mado-scenario-prompt-panel {
        margin-top: -6px;
    }
}


/* Scenario page v4 refinements */
.mado-scenario-page {
    --mado-scenario-preview-width: 320px;
    max-width: 1220px;
}

.mado-scenario-page .mado-scenario-toggle-card {
    margin: 0 0 18px;
    padding: 18px 22px;
    border: 1px solid var(--mado-scenario-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: none;
}

.mado-scenario-page .mado-toggle-wrapper {
    display: flex;
    align-items: center;
    gap: 14px;
}

.mado-scenario-page .mado-toggle {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    flex: 0 0 auto;
}

.mado-scenario-page .mado-toggle input {
    opacity: 0;
    width: 0;
    height: 0;
}

.mado-scenario-page .mado-toggle-slider {
    position: absolute;
    inset: 0;
    cursor: pointer;
    background: #ccc;
    transition: .3s;
    border-radius: 34px;
}

.mado-scenario-page .mado-toggle-slider:before {
    position: absolute;
    content: "";
    width: 26px;
    height: 26px;
    left: 4px;
    bottom: 4px;
    background: #fff;
    border-radius: 50%;
    transition: .3s;
}

.mado-scenario-page .mado-toggle input:checked + .mado-toggle-slider {
    background: #10b981;
}

.mado-scenario-page .mado-toggle input:checked + .mado-toggle-slider:before {
    transform: translateX(26px);
}

.mado-scenario-page .mado-scenario-toggle-title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 800;
    color: #0f172a;
}

.mado-scenario-page .mado-scenario-toggle-status {
    margin-top: 2px;
    font-size: 13px;
    color: #5b6778;
}

.mado-scenario-page .mado-scenario-toggle-status strong {
    color: #10b981;
}

.mado-scenario-page .mado-scenario-accordion-card {
    margin: 0 0 18px;
    border: 1px solid var(--mado-scenario-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.mado-scenario-page .mado-scenario-accordion-card > summary {
    list-style: none;
}
.mado-scenario-page .mado-scenario-accordion-card > summary::-webkit-details-marker {display:none;}
.mado-scenario-page .mado-scenario-accordion-header {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}
.mado-scenario-page .mado-scenario-accordion-header .mado-design-accordion-trigger {
    width: 100%;
    min-height: 72px;
    justify-content: flex-start;
    padding: 18px 24px;
    gap: 12px;
    cursor: pointer;
}
.mado-scenario-page .mado-scenario-accordion-header .mado-design-accordion-title {
    flex: 1 1 auto;
    font-size: 18px;
    font-weight: 800;
}
.mado-scenario-page .mado-scenario-accordion-icon {
    display: inline-flex;
    width: 20px;
    height: 20px;
    color: #0f172a;
    flex: 0 0 auto;
}
.mado-scenario-page .mado-scenario-accordion-icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}
.mado-scenario-page .mado-scenario-accordion-body {
    padding: 0 24px 24px;
}
.mado-scenario-page .mado-scenario-card__title,
.mado-scenario-page .mado-entry-chips-editor__preset-label {
    font-size: 18px;
}
.mado-scenario-page .mado-scenario-card--chips {
    padding: 0;
    overflow: hidden;
}
.mado-scenario-page .mado-scenario-card__header--with-preview {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--mado-scenario-preview-width) !important;
    align-items: start;
    column-gap: 8px;
    row-gap: 0;
    margin: 0;
    padding: 0;
}
.mado-scenario-page .mado-scenario-card__header-main {
    grid-column: 1;
    min-width: 0;
    padding: 28px 8px 0 24px;
}
.mado-scenario-page .mado-scenario-card__title-row {
    display:flex;
    align-items:center;
    gap:10px;
}
.mado-scenario-page .mado-scenario-card__header-preview {
    grid-column: 2;
    margin: 0;
    width: var(--mado-scenario-preview-width);
    max-width: var(--mado-scenario-preview-width);
    justify-self: end;
    align-self: start;
    transform: translateY(0);
}
.mado-scenario-page .mado-scenario-card__header-preview img {
    display:block;
    width:100%;
    height:auto;
    border:1px solid #d6e1e4;
    border-radius: 16px 16px 0 16px;
    box-shadow:none;
}
.mado-scenario-page .mado-scenario-prompt-panel {
    margin: -2px 0 0;
    padding: 0 24px 16px;
    border: 0;
    background: transparent;
}
.mado-scenario-page .mado-scenario-prompt-panel textarea {
    margin: 0;
    border: 1px solid #d6e1e4;
    border-radius: 14px;
    box-shadow:none;
}
.mado-scenario-page .mado-entry-chips-editor {
    margin: 0;
}
.mado-scenario-page .mado-entry-chips-editor__header--surface {
    margin: 0 0 12px;
    padding: 0 24px;
}
.mado-scenario-page .mado-entry-chips-editor__surface {
    padding: 0 24px 24px;
}
.mado-scenario-page .mado-entry-chips-editor__preset-box {
    border-radius: 18px;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] {
    border-radius: 16px !important;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] > .mado-entry-chip-row__header,
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] > .mado-entry-chip-row__header *,
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="false"] {
    cursor: pointer !important;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="false"] {
    padding: 0 18px !important;
    min-height: 56px;
    display: flex;
    align-items: center;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="false"] > .mado-entry-chip-row__header {
    width: 100%;
    min-height: 56px;
    margin: 0 !important;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] > .mado-entry-chip-row__header .mado-entry-chip-row__toggle {
    margin-left: auto !important;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] > .mado-entry-chip-row__actions {
    justify-content: flex-end;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] > .mado-entry-chip-row__actions .entry-chip-add-child-btn,
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] > .mado-entry-chip-row__actions .entry-chip-remove-btn {
    min-height: 44px;
}
.mado-site-qa__card-title {
    display: none !important;
}
@media (max-width: 900px) {
    .mado-scenario-page .mado-scenario-card__header--with-preview {
        grid-template-columns: 1fr !important;
    }
    .mado-scenario-page .mado-scenario-card__header-main {
        padding: 18px 18px 0;
    }
    .mado-scenario-page .mado-scenario-card__header-preview {
        width: var(--mado-scenario-preview-width);
        max-width: min(100%, var(--mado-scenario-preview-width));
        justify-self: end;
    }
    .mado-scenario-page .mado-scenario-prompt-panel,
    .mado-scenario-page .mado-entry-chips-editor__surface,
    .mado-scenario-page .mado-entry-chips-editor__header--surface,
    .mado-scenario-page .mado-scenario-accordion-body {
        padding-left: 18px;
        padding-right: 18px;
    }
}


/* v9 scenario polish */
.mado-scenario-page .mado-scenario-accordion-header .mado-design-accordion-trigger {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
}
.mado-scenario-page .mado-scenario-accordion-header .mado-design-accordion-chevron {
    order: 99 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
}
.mado-scenario-page .mado-design-accordion-card.mado-scenario-accordion-card {
    margin-bottom: 18px !important;
}
.mado-scenario-page .mado-scenario-accordion-header {
    padding-right: 4px !important;
}
.mado-scenario-page .mado-entry-chips-editor__header--surface {
    margin: 0 0 16px 0 !important;
    padding: 12px 24px 0 !important;
}
.mado-scenario-page .mado-entry-chips-editor__surface {
    padding: 14px 24px 18px !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}
.mado-scenario-page .mado-entry-chips-editor__surface-title-row {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.mado-scenario-page .mado-entry-chips-editor__title-icon,
.mado-scenario-page .mado-scenario-title-icon {
    display: inline-flex;
    width: 20px;
    height: 20px;
    color: #475569;
}
.mado-scenario-page .mado-entry-chips-editor__title-icon svg,
.mado-scenario-page .mado-scenario-title-icon svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: currentColor;
}
.mado-scenario-page .mado-scenario-card__header-main {
    padding-top: 42px !important;
}
.mado-scenario-page .mado-scenario-prompt-panel {
    margin-top: 10px !important;
}
.mado-scenario-page #entry-chips-list,
.mado-ui-settings-form .mado-tab-panel[data-panel="chips"] #entry-chips-list {
    margin-top: 18px !important;
    gap: 20px !important;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] {
    margin-bottom: 0 !important;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] > .mado-entry-chip-row__header {
    margin-bottom: 8px !important;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="false"] {
    margin-bottom: 0 !important;
}


/* v11 targeted fixes */
.mado-scenario-page .mado-scenario-accordion-card--csv {
    margin-bottom: 18px !important;
}
.mado-scenario-page .mado-scenario-accordion-header .mado-design-accordion-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
    padding: 18px 24px !important;
}
.mado-scenario-page .mado-scenario-accordion-header .mado-design-accordion-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
.mado-scenario-page .mado-scenario-accordion-header .mado-design-accordion-chevron {
    order: 99 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #0f172a !important;
    font-size: 16px !important;
    line-height: 1 !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv > summary::-webkit-details-marker {
    display: none !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv > summary::marker {
    content: "" !important;
}

/* CSV buttons match save button sizing */
.mado-scenario-page .mado-scenario-actions .mado-scenario-button,
.mado-scenario-page .mado-scenario-upload-trigger,
.mado-scenario-page .mado-scenario-upload-row > .mado-scenario-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 11px 20px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    min-width: 0 !important;
    width: auto !important;
    box-sizing: border-box !important;
}
.mado-scenario-page .mado-scenario-actions .mado-scenario-button.mado-scenario-download-btn {
    min-height: 44px !important;
    padding: 11px 20px !important;
    border-radius: 999px !important;
}
.mado-scenario-page .mado-scenario-actions,
.mado-scenario-page .mado-scenario-upload-row {
    gap: 16px !important;
}
.mado-scenario-page .mado-scenario-upload-picker {
    gap: 10px !important;
}

/* Chat guide title weight/row */
.mado-scenario-page .mado-scenario-prompt-panel__title-row,
.mado-scenario-page .mado-entry-chips-editor__surface-title-row {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.mado-scenario-page .mado-scenario-card__title,
.mado-scenario-page .mado-entry-chips-editor__header--surface .mado-portal-page-heading {
    font-size: 20px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

/* Scenario title icon stays left */
.mado-scenario-page .mado-entry-chips-editor__surface-title-row .mado-entry-chips-editor__title-icon,
.mado-scenario-page .mado-entry-chips-editor__surface-title-row .mado-scenario-title-icon {
    order: 0 !important;
    margin-right: 0 !important;
}
.mado-scenario-page .mado-entry-chips-editor__surface-title-row .mado-portal-page-heading {
    order: 1 !important;
}

/* Scenario intro image stays on the right until narrower screens */
@media (max-width: 900px) and (min-width: 783px) {
    .mado-scenario-page .mado-scenario-page__intro {
        grid-template-columns: minmax(0, 1fr) var(--mado-scenario-preview-width) !important;
        row-gap: 0 !important;
    }
    .mado-scenario-page .mado-scenario-page__intro-preview {
        grid-column: 2 !important;
        justify-self: end !important;
        align-self: start !important;
        width: min(100%, var(--mado-scenario-preview-width)) !important;
        max-width: var(--mado-scenario-preview-width) !important;
    }
    .mado-scenario-page .mado-scenario-page__intro-copy {
        padding-right: 12px !important;
    }
}


/* v12 targeted fixes */
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header .mado-design-accordion-trigger {
    flex: 1 1 auto !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    margin: 0 24px 0 0 !important;
    color: #0f172a !important;
    font-size: 16px !important;
    line-height: 1 !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.mado-scenario-page .mado-scenario-actions .mado-scenario-button,
.mado-scenario-page .mado-scenario-upload-trigger,
.mado-scenario-page .mado-scenario-upload-row > .mado-scenario-button {
    min-height: 40px !important;
    padding: 10px 18px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    box-shadow: 0 10px 20px rgba(12, 229, 187, 0.18) !important;
}
.mado-scenario-page .mado-scenario-actions .mado-scenario-button.mado-scenario-download-btn,
.mado-scenario-page .mado-scenario-upload-row > .mado-scenario-button.mado-scenario-button--cyan,
.mado-scenario-page .mado-scenario-upload-trigger {
    min-height: 40px !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
}
.mado-scenario-page .mado-entry-chips-editor__surface-title-row,
.mado-scenario-page .mado-entry-chips-editor__header--surface .mado-entry-chips-editor__surface-title-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.mado-scenario-page .mado-entry-chips-editor__surface-title-row > .mado-portal-inline-heading__icon,
.mado-scenario-page .mado-entry-chips-editor__surface-title-row > .mado-entry-chips-editor__title-icon,
.mado-scenario-page .mado-entry-chips-editor__surface-title-row > .mado-scenario-title-icon {
    order: 0 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}
.mado-scenario-page .mado-entry-chips-editor__surface-title-row > .mado-portal-page-heading {
    order: 1 !important;
}
.mado-scenario-page .mado-scenario-card__title,
.mado-scenario-page .mado-scenario-prompt-panel__title,
.mado-scenario-page .mado-scenario-prompt-panel__title-row .mado-portal-page-heading,
.mado-scenario-page .mado-scenario-prompt-panel__title-row {
    font-size: 20px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}
.mado-scenario-page .mado-site-qa__help-chip,
.mado-scenario-page .mado-entry-chip-help-chip {
    position: relative !important;
    z-index: 1000 !important;
}
.mado-scenario-page .mado-site-qa__help-chip::after,
.mado-scenario-page .mado-site-qa__help-chip::before,
.mado-scenario-page .mado-entry-chip-help-chip::after,
.mado-scenario-page .mado-entry-chip-help-chip::before {
    z-index: 1001 !important;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] > .mado-entry-chip-row__actions {
    align-items: center !important;
    gap: 12px !important;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] > .mado-entry-chip-row__actions .mado-entry-chip-row__badge--level0 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    flex: 0 0 auto !important;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="false"] > .mado-entry-chip-row__actions .mado-entry-chip-row__badge--level0 {
    display: none !important;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] > .mado-entry-chip-row__meta {
    display: none !important;
}
@media (max-width: 900px) and (min-width: 640px) {
    .mado-scenario-page .mado-scenario-page__intro {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(240px, var(--mado-scenario-preview-width)) !important;
        align-items: start !important;
        column-gap: 16px !important;
        row-gap: 0 !important;
    }
    .mado-scenario-page .mado-scenario-page__intro-copy {
        grid-column: 1 !important;
        min-width: 0 !important;
    }
    .mado-scenario-page .mado-scenario-page__intro-preview {
        grid-column: 2 !important;
        justify-self: end !important;
        align-self: start !important;
        width: min(var(--mado-scenario-preview-width), 100%) !important;
        max-width: var(--mado-scenario-preview-width) !important;
        margin: 0 !important;
    }
}


/* v13 targeted fixes */
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header {
    position: relative !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron {
    display: none !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header::after {
    content: '笆ｼ';
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: #0f172a;
    font-size: 16px;
    line-height: 1;
    pointer-events: none;
}
.mado-scenario-page .mado-scenario-accordion-card--csv[open] > summary.mado-scenario-accordion-header::after {
    transform: translateY(-50%) rotate(90deg);
}
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header .mado-design-accordion-trigger {
    padding-right: 52px !important;
}

/* CSV buttons: visually closer to save button */
.mado-scenario-page .mado-scenario-actions .mado-scenario-button,
.mado-scenario-page .mado-scenario-upload-trigger,
.mado-scenario-page .mado-scenario-upload-row > .mado-scenario-button {
    min-height: 38px !important;
    padding: 9px 16px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(12, 229, 187, 0.16) !important;
}
.mado-scenario-page .mado-scenario-actions .mado-scenario-button.mado-scenario-download-btn,
.mado-scenario-page .mado-scenario-upload-row > .mado-scenario-button.mado-scenario-button--cyan,
.mado-scenario-page .mado-scenario-upload-trigger {
    min-height: 38px !important;
    padding: 9px 16px !important;
}
.mado-scenario-page .mado-scenario-upload-picker {
    gap: 8px !important;
}

/* title icon stays on the left, always */
.mado-scenario-page .mado-scenario-page__intro-copy .mado-portal-page-heading,
.mado-scenario-page .mado-entry-chips-editor__surface-title-row,
.mado-scenario-page .mado-entry-chips-editor__header--surface .mado-entry-chips-editor__surface-title-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
}
.mado-scenario-page .mado-scenario-page__intro-copy .mado-portal-inline-heading__icon,
.mado-scenario-page .mado-entry-chips-editor__surface-title-row > .mado-portal-inline-heading__icon,
.mado-scenario-page .mado-entry-chips-editor__surface-title-row > .mado-entry-chips-editor__title-icon,
.mado-scenario-page .mado-entry-chips-editor__surface-title-row > .mado-scenario-title-icon {
    order: 0 !important;
    margin: 0 !important;
}
.mado-scenario-page .mado-scenario-page__intro-copy .mado-portal-page-heading > span,
.mado-scenario-page .mado-entry-chips-editor__surface-title-row > .mado-portal-page-heading {
    order: 1 !important;
}

/* keep scenario intro image on the right down to tablet widths */
@media (max-width: 900px) and (min-width: 640px) {
    .mado-scenario-page .mado-scenario-page__intro {
        grid-template-columns: minmax(0, 1fr) var(--mado-scenario-preview-width) !important;
        row-gap: 0 !important;
    }
    .mado-scenario-page .mado-scenario-page__intro-copy {
        padding-right: 12px !important;
    }
    .mado-scenario-page .mado-scenario-page__intro-preview {
        grid-column: 2 !important;
        justify-self: end !important;
        align-self: start !important;
        width: min(100%, var(--mado-scenario-preview-width)) !important;
        max-width: var(--mado-scenario-preview-width) !important;
        margin-left: 0 !important;
    }
}


/* v14 targeted fixes */
/* CSV accordion chevron: use the real span and pin it to the right */
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    padding: 0 !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header::after {
    content: none !important;
    display: none !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header .mado-design-accordion-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
    padding: 18px 56px 18px 24px !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron {
    position: absolute !important;
    right: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #0f172a !important;
    font-size: 16px !important;
    line-height: 1 !important;
    pointer-events: none !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv[open] > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron {
    transform: translateY(-50%) rotate(90deg) !important;
}

/* CSV buttons: lighter and closer to save button scale */
.mado-scenario-page .mado-scenario-actions .mado-scenario-button,
.mado-scenario-page .mado-scenario-upload-trigger,
.mado-scenario-page .mado-scenario-upload-row > .mado-scenario-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 9px 14px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    min-width: 0 !important;
    width: auto !important;
    box-sizing: border-box !important;
    box-shadow: 0 8px 18px rgba(12, 229, 187, 0.16) !important;
}
.mado-scenario-page .mado-scenario-actions .mado-scenario-button::before,
.mado-scenario-page .mado-scenario-upload-row > .mado-scenario-button::before {
    width: 12px !important;
    height: 12px !important;
    margin-right: 6px !important;
    background-size: 12px 12px !important;
}
.mado-scenario-page .mado-scenario-upload-row > .mado-scenario-button.mado-scenario-button--cyan::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin-right: 0 !important;
}
.mado-scenario-page .mado-scenario-upload-trigger {
    min-height: 40px !important;
    padding: 9px 14px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}
.mado-scenario-page .mado-scenario-actions,
.mado-scenario-page .mado-scenario-upload-row {
    gap: 12px !important;
}
.mado-scenario-page .mado-scenario-upload-picker {
    gap: 8px !important;
}

/* Scenario heading icons always stay on the left */
.mado-scenario-page .mado-scenario-page__intro-copy .mado-portal-page-heading.mado-portal-inline-heading,
.mado-scenario-page .mado-entry-chips-editor__surface-title-row,
.mado-scenario-page .mado-entry-chips-editor__header--surface .mado-entry-chips-editor__surface-title-row {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
}
.mado-scenario-page .mado-scenario-page__intro-copy .mado-portal-page-heading.mado-portal-inline-heading > .mado-portal-inline-heading__icon,
.mado-scenario-page .mado-entry-chips-editor__surface-title-row > .mado-portal-inline-heading__icon,
.mado-scenario-page .mado-entry-chips-editor__surface-title-row > .mado-entry-chips-editor__title-icon,
.mado-scenario-page .mado-entry-chips-editor__surface-title-row > .mado-scenario-title-icon {
    order: 0 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}
.mado-scenario-page .mado-scenario-page__intro-copy .mado-portal-page-heading.mado-portal-inline-heading > span,
.mado-scenario-page .mado-entry-chips-editor__surface-title-row > .mado-portal-page-heading {
    order: 1 !important;
}

/* Keep scenario intro image on the right through tablet widths */
@media (max-width: 900px) and (min-width: 560px) {
    .mado-scenario-page .mado-scenario-page__intro {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(220px, 300px) !important;
        align-items: start !important;
        column-gap: 16px !important;
        row-gap: 0 !important;
    }
    .mado-scenario-page .mado-scenario-page__intro-copy {
        grid-column: 1 !important;
        min-width: 0 !important;
        padding-right: 12px !important;
    }
    .mado-scenario-page .mado-scenario-page__intro-preview {
        grid-column: 2 !important;
        justify-self: end !important;
        align-self: start !important;
        width: min(100%, 300px) !important;
        max-width: 300px !important;
        margin: 0 !important;
    }
}


/* ===== v16: top-level badge hide when collapsed + tablet menu like mobile ===== */

/* Hide 1鬯ｮ・ｫ闕ｳ・ｻ繝ｻ・ｱ繝ｻ・､ badge completely while the top-level accordion is collapsed */
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="false"] .mado-entry-chip-row__badge--level0,
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="false"] .mado-entry-chip-row__badge {
    display: none !important;
    visibility: hidden !important;
}

/* Keep the 1鬯ｮ・ｫ闕ｳ・ｻ繝ｻ・ｱ繝ｻ・､ badge visible and aligned when expanded */
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="true"] > .mado-entry-chip-row__actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="true"] > .mado-entry-chip-row__actions .mado-entry-chip-row__badge--level0 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: auto !important;
}

/* Tablet width: use the same single-column menu density as smartphone */
@media (max-width: 1180px) {
    .mado-portal-shell__sidebar {
        width: 100% !important;
    }

    .mado-portal-shell__sidebar-card {
        position: static !important;
        width: 100% !important;
    }

    .mado-portal-shell__nav {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }

    .mado-portal-shell__nav-item,
    .mado-portal-shell__nav-item.has-children {
        gap: 4px !important;
    }

    .mado-portal-shell__nav-parent-row {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
    }

    .mado-portal-shell__nav-link,
    .mado-portal-shell__nav-child-link,
    .mado-portal-sidebar__utility-link {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    .mado-portal-shell__nav-children {
        padding-left: 16px !important;
    }

    .mado-portal-shell__content {
        min-width: 0 !important;
    }
}
/* v19 recovery patch
   Apply this at the VERY END of public/style.css.
   Purpose:
   1) recover oversized scenario icons/SVGs
   2) keep CSV accordion header layout stable
   3) keep desktop/tablet sidebar layout sane
   4) avoid touching the rest of the portal design
*/

/* --- Recover scenario title / accordion icon sizing --- */
.mado-scenario-page .mado-scenario-accordion-icon,
.mado-scenario-page .mado-scenario-title-icon,
.mado-scenario-page .mado-entry-chips-editor__title-icon,
.mado-scenario-page .mado-portal-inline-heading__icon,
.mado-scenario-page .mado-entry-chips-editor__surface-title-row > span[aria-hidden="true"],
.mado-scenario-page .mado-scenario-card__title-row > span[aria-hidden="true"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    overflow: hidden !important;
    color: #475569 !important;
}

.mado-scenario-page .mado-scenario-accordion-icon svg,
.mado-scenario-page .mado-scenario-title-icon svg,
.mado-scenario-page .mado-entry-chips-editor__title-icon svg,
.mado-scenario-page .mado-portal-inline-heading__icon svg,
.mado-scenario-page .mado-entry-chips-editor__surface-title-row > span[aria-hidden="true"] > svg,
.mado-scenario-page .mado-scenario-card__title-row > span[aria-hidden="true"] > svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    fill: currentColor !important;
}

/* --- CSV accordion header: restore normal header feel --- */
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    padding: 0 !important;
    min-height: auto !important;
}

.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header .mado-design-accordion-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 18px 56px 18px 24px !important;
}

.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron {
    position: absolute !important;
    right: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #0f172a !important;
    font-size: 16px !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

.mado-scenario-page .mado-scenario-accordion-card--csv[open] > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron {
    transform: translateY(-50%) rotate(90deg) !important;
}

/* --- CSV buttons: restore the size the user preferred --- */
.mado-scenario-page .mado-scenario-actions .mado-scenario-button,
.mado-scenario-page .mado-scenario-upload-trigger,
.mado-scenario-page .mado-scenario-upload-row > .mado-scenario-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 11px 20px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    width: auto !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* --- Desktop-ish widths: keep sidebar on the left until narrower widths --- */
@media (min-width: 901px) and (max-width: 1180px) {
    .mado-portal-hub,
    .mado-portal-shell,
    .mado-portal-shell--action-ui-settings {
        grid-template-columns: minmax(208px, clamp(220px, 23vw, 284px)) minmax(0, 1fr) !important;
        align-items: start !important;
    }

    .mado-portal-hub__sidebar,
    .mado-portal-shell__sidebar {
        width: auto !important;
        max-width: none !important;
        align-self: start !important;
        justify-self: stretch !important;
    }

    .mado-portal-hub__sidebar-card,
    .mado-portal-shell__sidebar-card {
        position: sticky !important;
        top: 24px !important;
        width: auto !important;
    }

    .mado-portal-hub__nav,
    .mado-portal-shell__nav {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .mado-portal-shell__content,
    .mado-portal-hub__content,
    .mado-ui-settings-form {
        min-width: 0 !important;
        width: 100% !important;
        max-width: none !important;
        justify-self: stretch !important;
    }
}

/* --- Only true tablet/mobile becomes one-column --- */
@media (max-width: 900px) {
    .mado-portal-hub,
    .mado-portal-shell,
    .mado-portal-shell--action-ui-settings {
        grid-template-columns: 1fr !important;
    }

    .mado-portal-hub__sidebar-card,
    .mado-portal-shell__sidebar-card {
        position: static !important;
        width: 100% !important;
    }

    .mado-portal-hub__nav,
    .mado-portal-shell__nav {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }

    .mado-portal-frame-toolbar,
    .mado-portal-global-utility,
    .mado-portal-global-utility__cluster {
        justify-content: flex-end !important;
    }

    .mado-portal-global-utility__cluster {
        gap: 8px !important;
    }

    .mado-portal-global-utility__button,
    .mado-portal-global-utility__link {
        min-height: 40px;
        padding: 0 12px;
    }
}

@media (max-width: 640px) {
    .mado-portal-frame-toolbar {
        margin-bottom: 12px;
    }

    .mado-portal-global-utility__cluster {
        gap: 6px;
    }

    .mado-portal-global-utility__button-label,
    .mado-portal-global-utility__link-label {
        font-size: 13px;
    }

    .mado-portal-global-utility__popover {
        width: min(320px, calc(100vw - 36px));
    }

    .mado-portal-global-utility__menu-panel {
        width: min(240px, calc(100vw - 36px));
    }
}


/* v22: site list heading + contract site list fixes */
.mado-portal-sites-screen__title {
    font-size: 28px;
    line-height: 1.15;
}

@media (max-width: 980px) {
    .mado-portal-sites-screen__title {
        font-size: 24px;
    }
}



/* ===== v24 portal accordion / breadcrumb unification patch ===== */
:root {
    --mado-accordion-open-bg: #f3f4f6;
    --mado-accordion-open-border: #cfd7e3;
    --mado-accordion-closed-border: #d6dee8;
    --mado-accordion-hover-bg: #f8fafc;
    --mado-accordion-icon-color: #334155;
}

/* 1) Breadcrumbs: restore horizontal Apple-like breadcrumb */
.mado-portal-breadcrumb {
    margin: 2px 0 18px !important;
    padding: 0 !important;
}
.mado-portal-breadcrumb__list {
    list-style: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.mado-portal-breadcrumb__item {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #64748b !important;
}
.mado-portal-breadcrumb__item + .mado-portal-breadcrumb__item::before {
    content: "窶ｺ";
    color: #94a3b8;
    font-size: 13px;
    line-height: 1;
}
.mado-portal-breadcrumb__link {
    color: #2271b1 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}
.mado-portal-breadcrumb__link:hover {
    color: #0f5d99 !important;
    text-decoration: underline !important;
}
.mado-portal-breadcrumb__current {
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* 2) Remove sidebar/menu card shadow */
.mado-portal-shell__sidebar-card,
.mado-portal-hub__sidebar-card {
    box-shadow: none !important;
}
.mado-portal-shell__nav-link.is-active,
.mado-portal-sidebar__utility-link.is-active {
    box-shadow: none !important;
}

/* 3) Scenario intro card: same calmer feel as other pages */
.mado-scenario-page .mado-scenario-page__intro {
    box-shadow: none !important;
    border-color: #d6e1e4 !important;
    border-radius: 20px !important;
    background: #ffffff !important;
}

/* 4) Operation setting accordion: remove mixed marker, use + / - only */
body .mado-portal-container .mado-chat-operation-accordion {
    background: #ffffff !important;
    border-color: var(--mado-accordion-closed-border) !important;
    box-shadow: none !important;
    transition: background-color 0.16s ease, border-color 0.16s ease !important;
}
body .mado-portal-container .mado-chat-operation-accordion > summary {
    list-style: none !important;
    background: #ffffff !important;
    border-radius: 10px !important;
    transition: background-color 0.16s ease, border-color 0.16s ease !important;
}
body .mado-portal-container .mado-chat-operation-accordion > summary::-webkit-details-marker {
    display: none !important;
}
body .mado-portal-container .mado-chat-operation-accordion > summary::marker {
    content: "" !important;
    font-size: 0 !important;
}
body .mado-portal-container .mado-chat-operation-accordion[open] {
    background: var(--mado-accordion-open-bg) !important;
    border-color: var(--mado-accordion-open-border) !important;
}
body .mado-portal-container .mado-chat-operation-accordion[open] > summary {
    background: var(--mado-accordion-open-bg) !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
body .mado-portal-container .mado-chat-operation-accordion-body {
    background: #ffffff !important;
}
body .mado-portal-container .mado-chat-operation-accordion-icon {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    margin-top: 1px !important;
    font-size: 0 !important;
    line-height: 1 !important;
    color: var(--mado-accordion-icon-color) !important;
    transform: none !important;
    transition: color 0.16s ease !important;
}
body .mado-portal-container .mado-chat-operation-accordion-icon::before {
    content: "+" !important;
    display: block !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-align: center !important;
}
body .mado-portal-container .mado-chat-operation-accordion[open] .mado-chat-operation-accordion-icon::before {
    content: "\2212" !important;
    font-size: 22px !important;
    line-height: 18px !important;
}

/* 5) Generic setting accordions: neutral gray open state, + / - on right */
body .mado-portal-container .mado-design-accordion-card {
    border-color: var(--mado-accordion-closed-border) !important;
    background: #ffffff !important;
    box-shadow: none !important;
    transition: border-color 0.16s ease, background-color 0.16s ease !important;
}
body .mado-portal-container .mado-design-accordion-header {
    background: #ffffff !important;
    border-bottom-color: var(--mado-accordion-closed-border) !important;
    transition: background-color 0.16s ease, border-color 0.16s ease !important;
}
body .mado-portal-container .mado-design-accordion-header:hover {
    background: var(--mado-accordion-hover-bg) !important;
}
body .mado-portal-container .mado-design-accordion-card.is-open {
    background: var(--mado-accordion-open-bg) !important;
    border-color: var(--mado-accordion-open-border) !important;
    box-shadow: none !important;
}
body .mado-portal-container .mado-design-accordion-card.is-open > .mado-design-accordion-header {
    background: var(--mado-accordion-open-bg) !important;
}
body .mado-portal-container .mado-design-accordion-body,
body .mado-portal-container .mado-scenario-accordion-body {
    background: #ffffff !important;
}
body .mado-portal-container .mado-design-accordion-header:hover .mado-design-accordion-trigger,
body .mado-portal-container .mado-design-accordion-header:hover .mado-design-accordion-title,
body .mado-portal-container .mado-design-accordion-header:hover .mado-design-accordion-chevron,
body .mado-portal-container .mado-design-accordion-card.is-open > .mado-design-accordion-header .mado-design-accordion-trigger,
body .mado-portal-container .mado-design-accordion-card.is-open > .mado-design-accordion-header .mado-design-accordion-title,
body .mado-portal-container .mado-design-accordion-card.is-open > .mado-design-accordion-header .mado-design-accordion-chevron {
    color: #0f172a !important;
}
body .mado-portal-container .mado-design-accordion-chevron {
    order: 99 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
    color: var(--mado-accordion-icon-color) !important;
    transform: none !important;
}
body .mado-portal-container .mado-design-accordion-chevron::before {
    content: "+" !important;
    display: block !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-align: center !important;
}
body .mado-portal-container .mado-design-accordion-card.is-open .mado-design-accordion-chevron::before {
    content: "\2212" !important;
    font-size: 22px !important;
    line-height: 18px !important;
}

/* 6) CSV accordion: force + / - instead of legacy triangle */
.mado-scenario-page .mado-scenario-accordion-card--csv {
    background: #ffffff !important;
    border-color: var(--mado-accordion-closed-border) !important;
    box-shadow: none !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv[open] {
    background: var(--mado-accordion-open-bg) !important;
    border-color: var(--mado-accordion-open-border) !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header {
    background: #ffffff !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv[open] > summary.mado-scenario-accordion-header {
    background: var(--mado-accordion-open-bg) !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header::after {
    content: none !important;
    display: none !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron {
    position: absolute !important;
    right: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    font-size: 0 !important;
    color: var(--mado-accordion-icon-color) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before {
    content: "+" !important;
    display: block !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-align: center !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv[open] > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before {
    content: "\2212" !important;
    font-size: 22px !important;
    line-height: 18px !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv[open] > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron {
    transform: translateY(-50%) !important;
}

/* 7) Staff guide accordion: match same gray open language */
.mado-staff-guide-accordion {
    background: #ffffff !important;
    border: 1px solid var(--mado-accordion-closed-border) !important;
    border-radius: 10px !important;
}
.mado-staff-guide-accordion > .mado-staff-guide-accordion__summary {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
}
.mado-staff-guide-accordion[open] {
    background: var(--mado-accordion-open-bg) !important;
    border-color: var(--mado-accordion-open-border) !important;
}
.mado-staff-guide-accordion[open] > .mado-staff-guide-accordion__summary {
    background: var(--mado-accordion-open-bg) !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.mado-staff-guide-accordion > .mado-staff-guide-accordion__body {
    background: #ffffff !important;
}
.mado-staff-guide-accordion[open] > .mado-staff-guide-accordion__body {
    border: 0 !important;
    border-top: 1px solid var(--mado-accordion-open-border) !important;
    border-radius: 0 0 10px 10px !important;
}



/* ===== v27: accordion gray/unified polish + inbox card restore ===== */
body .mado-portal-container {
    --mado-accordion-open-bg: #f5f6f8 !important;
    --mado-accordion-open-border: #d7dde5 !important;
    --mado-accordion-closed-border: #d8dfe7 !important;
    --mado-accordion-hover-bg: #f7f8fa !important;
    --mado-accordion-icon-color: #334155 !important;
}

/* support inbox settings: bare details with portal summary */
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) {
    background: #ffffff !important;
    border: 1px solid var(--mado-accordion-closed-border) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary)[open] {
    background: var(--mado-accordion-open-bg) !important;
    border-color: var(--mado-accordion-open-border) !important;
}
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > summary {
    list-style: none !important;
    cursor: pointer !important;
    padding: 14px 16px !important;
    background: #ffffff !important;
    border: 0 !important;
    position: relative !important;
    transition: background-color 0.16s ease, border-color 0.16s ease !important;
}
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary):not([open]) > summary {
    background: #ffffff !important;
}
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary)[open] > summary {
    background: var(--mado-accordion-open-bg) !important;
}
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > summary::-webkit-details-marker {
    display: none !important;
}
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > summary::marker {
    content: "" !important;
    font-size: 0 !important;
}
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > summary::after {
    content: "+" !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: var(--mado-accordion-icon-color) !important;
}
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary)[open] > summary::after {
    content: "\2212" !important;
    font-size: 25px !important;
    line-height: 0.9 !important;
}
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > div[style] {
    background: var(--mado-accordion-open-bg) !important;
    border-top: 0 !important;
    padding-top: 14px !important;
}
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > div[style] input[type="text"],
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > div[style] input[type="email"],
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > div[style] input[type="number"],
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > div[style] input[type="time"],
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > div[style] select,
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > div[style] textarea {
    background: #ffffff !important;
    border: 1px solid #d6dde6 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: #111827 !important;
}
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > div[style] label[style*="background:#fff"] {
    background: transparent !important;
    border-color: transparent !important;
}
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > div[style] .button {
    box-shadow: none !important;
}
body .mado-portal-container #mado-notification-permission {
    background: #ffffff !important;
    border-color: #d6dde6 !important;
}
body .mado-portal-container #mado-notification-status {
    color: #111827 !important;
    font-weight: 600 !important;
}
body .mado-portal-container .mado-chat-operation-accordion {
    background: #ffffff !important;
    border-color: var(--mado-accordion-closed-border) !important;
}
body .mado-portal-container .mado-chat-operation-accordion > summary {
    background: #ffffff !important;
    border-bottom: 0 !important;
}
body .mado-portal-container .mado-chat-operation-accordion:not([open]) > summary {
    background: #ffffff !important;
}
body .mado-portal-container .mado-chat-operation-accordion[open],
body .mado-portal-container .mado-chat-operation-accordion[open] > summary,
body .mado-portal-container .mado-chat-operation-accordion[open] > .mado-chat-operation-accordion-body {
    background: var(--mado-accordion-open-bg) !important;
    border-color: var(--mado-accordion-open-border) !important;
}
body .mado-portal-container .mado-chat-operation-accordion-body {
    background: var(--mado-accordion-open-bg) !important;
    border-top: 0 !important;
    box-shadow: none !important;
}
body .mado-portal-container .mado-chat-operation-accordion-body input[type="text"],
body .mado-portal-container .mado-chat-operation-accordion-body input[type="email"],
body .mado-portal-container .mado-chat-operation-accordion-body input[type="number"],
body .mado-portal-container .mado-chat-operation-accordion-body input[type="time"],
body .mado-portal-container .mado-chat-operation-accordion-body select,
body .mado-portal-container .mado-chat-operation-accordion-body textarea,
body .mado-portal-container .mado-chat-operation-accordion-body .mado-chat-operation-option {
    background: #ffffff !important;
    border-color: #d6dde6 !important;
    box-shadow: none !important;
}
body .mado-portal-container .mado-chat-operation-accordion-icon::before {
    font-size: 20px !important;
}
body .mado-portal-container .mado-chat-operation-accordion[open] .mado-chat-operation-accordion-icon::before {
    font-size: 25px !important;
    line-height: 0.9 !important;
}

/* chat design and csv accordions */
body .mado-portal-container .mado-design-accordion-card.is-open,
body .mado-portal-container .mado-design-accordion-card.is-open > .mado-design-accordion-header,
body .mado-portal-container .mado-design-accordion-card.is-open > .mado-design-accordion-body,
.mado-scenario-page .mado-scenario-accordion-card--csv[open],
.mado-scenario-page .mado-scenario-accordion-card--csv[open] > .mado-scenario-accordion-header,
.mado-scenario-page .mado-scenario-accordion-card--csv[open] > .mado-scenario-accordion-body {
    background: var(--mado-accordion-open-bg) !important;
    border-color: var(--mado-accordion-open-border) !important;
    box-shadow: none !important;
}
body .mado-portal-container .mado-design-accordion-card.is-open > .mado-design-accordion-header,
.mado-scenario-page .mado-scenario-accordion-card--csv[open] > .mado-scenario-accordion-header {
    border-bottom-color: transparent !important;
}
body .mado-portal-container .mado-design-accordion-body,
.mado-scenario-page .mado-scenario-accordion-body {
    border-top: 0 !important;
}
body .mado-portal-container .mado-design-accordion-body input[type="text"],
body .mado-portal-container .mado-design-accordion-body input[type="number"],
body .mado-portal-container .mado-design-accordion-body input[type="color"],
body .mado-portal-container .mado-design-accordion-body select,
body .mado-portal-container .mado-design-accordion-body textarea,
body .mado-portal-container .mado-design-accordion-body .regular-text,
body .mado-portal-container .mado-design-accordion-body .small-text,
body .mado-portal-container .mado-design-accordion-body .mado-design-section-box,
body .mado-portal-container .mado-design-accordion-body .chip-bg-mode-card,
body .mado-portal-container .mado-design-accordion-body .mado-composer-extra-section__actions {
    background: #ffffff !important;
}
body .mado-portal-container .mado-design-accordion-chevron::before {
    font-size: 20px !important;
}
body .mado-portal-container .mado-design-accordion-card.is-open .mado-design-accordion-chevron::before {
    font-size: 25px !important;
    line-height: 0.9 !important;
}

/* scenario page unified gray */
.mado-scenario-page .mado-scenario-page__intro,
.mado-scenario-page .mado-entry-chip-preset-box,
.mado-scenario-page .mado-entry-chips-editor__surface,
.mado-scenario-page .mado-entry-chip-editor-shell,
.mado-scenario-page .mado-scenario-card__header,
.mado-scenario-page .mado-scenario-prompt-panel {
    box-shadow: none !important;
}
.mado-scenario-page .mado-entry-chip-preset-box,
.mado-scenario-page .mado-entry-chip-editor-shell {
    background: var(--mado-accordion-open-bg) !important;
    border-color: var(--mado-accordion-open-border) !important;
}

/* top-level scenario row: show first-level badge at header top-left, buttons bottom-right */
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="true"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    background: var(--mado-accordion-open-bg) !important;
    border-color: var(--mado-accordion-open-border) !important;
    box-shadow: none !important;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="true"] > .mado-entry-chip-row__header {
    order: 0 !important;
    position: relative !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 0 !important;
    padding-top: 4px !important;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="true"] > .mado-entry-chip-row__header::before {
    content: "1髫主ｱ､" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 58px !important;
    height: 28px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid #d6dde6 !important;
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="false"] > .mado-entry-chip-row__header::before {
    content: none !important;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="true"] > .mado-entry-chip-row__field--label { order: 2 !important; }
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="true"] > .mado-entry-chip-row__field--answer { order: 3 !important; }
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="true"] > .mado-entry-chip-row__refs-section { order: 4 !important; }
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="true"] > .entry-chip-children { order: 5 !important; }
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="true"] > .mado-entry-chip-row__actions {
    order: 6 !important;
    display: flex !important;
    width: 100% !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding-top: 4px !important;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"][data-card-expanded="true"] > .mado-entry-chip-row__actions .mado-entry-chip-row__badge--level0 {
    display: none !important;
}
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] .entry-chip-label-text,
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] .entry-chip-answer-text,
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] .entry-chip-ref-label,
body .mado-portal-container.mado-scenario-page #entry-chips-list > .entry-chip-row[data-level="0"] .entry-chip-ref-url {
    background: #ffffff !important;
    border-color: #d6dde6 !important;
}

/* staff guide accordion */
.mado-staff-guide-accordion {
    background: #ffffff !important;
    border-color: var(--mado-accordion-closed-border) !important;
}
.mado-staff-guide-accordion > .mado-staff-guide-accordion__summary {
    list-style: none !important;
    position: relative !important;
    padding-right: 48px !important;
    background: #ffffff !important;
    border-color: transparent !important;
}
.mado-staff-guide-accordion > .mado-staff-guide-accordion__summary::-webkit-details-marker {
    display: none !important;
}
.mado-staff-guide-accordion > .mado-staff-guide-accordion__summary::marker {
    content: "" !important;
    font-size: 0 !important;
}
.mado-staff-guide-accordion > .mado-staff-guide-accordion__summary::after {
    content: "+" !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: var(--mado-accordion-icon-color) !important;
}
.mado-staff-guide-accordion[open] > .mado-staff-guide-accordion__summary::after {
    content: "\2212" !important;
    font-size: 25px !important;
    line-height: 0.9 !important;
}
.mado-staff-guide-accordion[open],
.mado-staff-guide-accordion[open] > .mado-staff-guide-accordion__summary,
.mado-staff-guide-accordion[open] > .mado-staff-guide-accordion__body {
    background: var(--mado-accordion-open-bg) !important;
    border-color: var(--mado-accordion-open-border) !important;
}
.mado-staff-guide-accordion[open] > .mado-staff-guide-accordion__summary {
    border-bottom: 0 !important;
}
.mado-staff-guide-accordion[open] > .mado-staff-guide-accordion__body {
    border-top: 0 !important;
}


/* ===== v29: realtime-view tone match + button unification ===== */
body .mado-portal-container {
    --mado-accordion-open-bg: #f9fafb !important;
    --mado-accordion-open-border: #e5e7eb !important;
    --mado-accordion-closed-border: #e5e7eb !important;
    --mado-accordion-hover-bg: #fbfcfd !important;
    --mado-accordion-icon-color: #334155 !important;

    --mado-portal-action-btn-bg: #1dbfa0 !important;
    --mado-portal-action-btn-border: #1dbfa0 !important;
    --mado-portal-action-btn-text: #ffffff !important;
    --mado-portal-action-btn-shadow: 0 14px 28px rgba(12, 229, 187, 0.22) !important;
    --mado-portal-action-btn-hover-bg: #169a81 !important;
    --mado-portal-action-btn-hover-border: #169a81 !important;
    --mado-portal-action-btn-hover-shadow: 0 16px 30px rgba(12, 229, 187, 0.28) !important;
}

/* support inbox details panels: same tone as realtime-view card */
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) {
    background: #ffffff !important;
    border-color: var(--mado-accordion-closed-border) !important;
}
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary)[open],
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary)[open] > summary,
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary)[open] > div[style] {
    background: var(--mado-accordion-open-bg) !important;
    border-color: var(--mado-accordion-open-border) !important;
}
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > summary,
body .mado-portal-container .mado-chat-operation-accordion,
body .mado-portal-container .mado-chat-operation-accordion > summary,
body .mado-portal-container .mado-design-accordion-card,
body .mado-portal-container .mado-design-accordion-header,
.mado-scenario-page .mado-scenario-accordion-card--csv,
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header,
.mado-staff-guide-accordion,
.mado-staff-guide-accordion > .mado-staff-guide-accordion__summary {
    border-color: var(--mado-accordion-closed-border) !important;
}
body .mado-portal-container .mado-chat-operation-accordion[open],
body .mado-portal-container .mado-chat-operation-accordion[open] > summary,
body .mado-portal-container .mado-chat-operation-accordion[open] > .mado-chat-operation-accordion-body,
body .mado-portal-container .mado-design-accordion-card.is-open,
body .mado-portal-container .mado-design-accordion-card.is-open > .mado-design-accordion-header,
body .mado-portal-container .mado-design-accordion-card.is-open > .mado-design-accordion-body,
.mado-scenario-page .mado-scenario-accordion-card--csv[open],
.mado-scenario-page .mado-scenario-accordion-card--csv[open] > .mado-scenario-accordion-header,
.mado-scenario-page .mado-scenario-accordion-card--csv[open] > .mado-scenario-accordion-body,
.mado-staff-guide-accordion[open],
.mado-staff-guide-accordion[open] > .mado-staff-guide-accordion__summary,
.mado-staff-guide-accordion[open] > .mado-staff-guide-accordion__body {
    background: var(--mado-accordion-open-bg) !important;
    border-color: var(--mado-accordion-open-border) !important;
}

/* make + / - consistent and compact across all setting accordions */
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > summary::after,
body .mado-portal-container .mado-chat-operation-accordion-icon::before,
body .mado-portal-container .mado-design-accordion-chevron::before,
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before,
.mado-staff-guide-accordion > .mado-staff-guide-accordion__summary::after {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary)[open] > summary::after,
body .mado-portal-container .mado-chat-operation-accordion[open] .mado-chat-operation-accordion-icon::before,
body .mado-portal-container .mado-design-accordion-card.is-open .mado-design-accordion-chevron::before,
.mado-scenario-page .mado-scenario-accordion-card--csv[open] > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before,
.mado-staff-guide-accordion[open] > .mado-staff-guide-accordion__summary::after {
    font-size: 18px !important;
    line-height: 1 !important;
}

/* CSV subtitle closer to title */
.mado-scenario-page .mado-scenario-accordion-card--csv > .mado-scenario-accordion-body {
    padding-top: 10px !important;
}
.mado-scenario-page .mado-scenario-card--csv .mado-scenario-card__description,
.mado-scenario-page .mado-scenario-accordion-card--csv .mado-scenario-card__description {
    margin-top: 4px !important;
    margin-bottom: 14px !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header + .mado-scenario-accordion-body .mado-scenario-card__description:first-child {
    margin-top: 0 !important;
}

/* support inbox buttons: unify to green portal save button style from one place */
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > div[style] .button[type="submit"],
body .mado-portal-container .mado-chat-operation-accordion-body .button[type="submit"],
body .mado-portal-container #ticket-load-threshold-form .button,
body .mado-portal-container #mado-business-hours-form .button,
body .mado-portal-container form[action=""] .button.button-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 11px 20px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 999px !important;
    background: var(--mado-portal-action-btn-bg) !important;
    background-image: none !important;
    border-color: var(--mado-portal-action-btn-border) !important;
    color: var(--mado-portal-action-btn-text) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: var(--mado-portal-action-btn-shadow) !important;
    cursor: pointer !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease !important;
}
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > div[style] .button[type="submit"]:hover,
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > div[style] .button[type="submit"]:focus,
body .mado-portal-container .mado-chat-operation-accordion-body .button[type="submit"]:hover,
body .mado-portal-container .mado-chat-operation-accordion-body .button[type="submit"]:focus,
body .mado-portal-container #ticket-load-threshold-form .button:hover,
body .mado-portal-container #ticket-load-threshold-form .button:focus,
body .mado-portal-container #mado-business-hours-form .button:hover,
body .mado-portal-container #mado-business-hours-form .button:focus,
body .mado-portal-container form[action=""] .button.button-primary:hover,
body .mado-portal-container form[action=""] .button.button-primary:focus {
    background: var(--mado-portal-action-btn-hover-bg) !important;
    border-color: var(--mado-portal-action-btn-hover-border) !important;
    color: var(--mado-portal-action-btn-text) !important;
    box-shadow: var(--mado-portal-action-btn-hover-shadow) !important;
    transform: translateY(-1px) !important;
    outline: none !important;
}

/* browser notification status: bare text only */
body .mado-portal-container #mado-notification-permission,
body .mado-portal-container #mado-notification-status {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}



/* ===== v30 targeted accordion polish ===== */
:root {
    --mado-accordion-open-bg: #f7f9fc;
    --mado-accordion-open-border: #d9e2ec;
    --mado-accordion-open-divider: #d9e2ec;
    --mado-portal-save-btn-min-width: 104px;
    --mado-portal-save-btn-min-height: 42px;
    --mado-portal-save-btn-padding-y: 9px;
    --mado-portal-save-btn-padding-x: 20px;
}

/* match real-time-view lighter border/background */
body .mado-portal-container .mado-chat-operation-accordion,
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary),
body .mado-portal-container .mado-design-accordion-card.is-open,
body .mado-portal-container .mado-design-accordion-card[data-open="true"] {
    border-color: var(--mado-accordion-open-border) !important;
}

body .mado-portal-container .mado-chat-operation-accordion[open],
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary)[open],
body .mado-portal-container .mado-design-accordion-card.is-open,
body .mado-portal-container .mado-design-accordion-card[data-open="true"],
.mado-scenario-page .mado-scenario-accordion-card--csv[open] {
    background: var(--mado-accordion-open-bg) !important;
    border-color: var(--mado-accordion-open-border) !important;
}

body .mado-portal-container .mado-chat-operation-accordion[open] > summary,
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary)[open] > summary,
body .mado-portal-container .mado-design-accordion-card.is-open > .mado-design-accordion-header,
body .mado-portal-container .mado-design-accordion-card[data-open="true"] > .mado-design-accordion-header,
.mado-scenario-page .mado-scenario-accordion-card--csv[open] > summary.mado-scenario-accordion-header,
.mado-staff-guide-accordion[open] > .mado-staff-guide-accordion__summary {
    background: var(--mado-accordion-open-bg) !important;
    border-color: var(--mado-accordion-open-divider) !important;
}

/* remove heavy divider lines under setting accordion headers */
body .mado-portal-container .mado-chat-operation-accordion[open] > summary,
body .mado-portal-container .mado-design-accordion-card.is-open > .mado-design-accordion-header,
body .mado-portal-container .mado-design-accordion-card[data-open="true"] > .mado-design-accordion-header,
.mado-staff-guide-accordion[open] > .mado-staff-guide-accordion__summary {
    border-bottom-color: transparent !important;
    box-shadow: none !important;
}

/* plus/minus: same compact size and centered */
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > summary::after,
body .mado-portal-container .mado-chat-operation-accordion-icon::before,
body .mado-portal-container .mado-design-accordion-chevron::before,
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before,
.mado-staff-guide-accordion > .mado-staff-guide-accordion__summary::after {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
}

body .mado-portal-container details:has(> summary > .mado-portal-setting-summary)[open] > summary::after,
body .mado-portal-container .mado-chat-operation-accordion[open] .mado-chat-operation-accordion-icon::before,
body .mado-portal-container .mado-design-accordion-card.is-open .mado-design-accordion-chevron::before,
body .mado-portal-container .mado-design-accordion-card[data-open="true"] .mado-design-accordion-chevron::before,
.mado-scenario-page .mado-scenario-accordion-card--csv[open] > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before,
.mado-staff-guide-accordion[open] > .mado-staff-guide-accordion__summary::after {
    font-size: 20px !important;
    line-height: 1 !important;
    transform: none !important;
}

/* CSV subtitle closer to title */
.mado-scenario-page .mado-scenario-accordion-card--csv > .mado-scenario-accordion-body {
    padding-top: 0 !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv .mado-scenario-card__description,
.mado-scenario-page .mado-scenario-card--csv .mado-scenario-card__description {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header + .mado-scenario-accordion-body > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* save buttons: same green family, but not tall/circular */
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > div[style] .button[type="submit"],
body .mado-portal-container .mado-chat-operation-accordion-body .button[type="submit"],
body .mado-portal-container #ticket-load-threshold-form .button,
body .mado-portal-container #mado-business-hours-form .button,
body .mado-portal-container form[action=""] .button.button-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: var(--mado-portal-save-btn-min-width) !important;
    min-height: var(--mado-portal-save-btn-min-height) !important;
    padding: var(--mado-portal-save-btn-padding-y) var(--mado-portal-save-btn-padding-x) !important;
    width: auto !important;
    max-width: none !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    align-self: flex-start !important;
}

/* template library search button: keep compact size like reset chip */
body .mado-portal-container #mado-template-filter-form .mado-template-filter-search-btn.button.button-primary {
    min-width: 0 !important;
    width: auto !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    align-self: center !important;
    box-shadow: none !important;
    transform: none !important;
}

body .mado-portal-container #mado-template-filter-form .mado-template-filter-search-btn.button.button-primary:hover,
body .mado-portal-container #mado-template-filter-form .mado-template-filter-search-btn.button.button-primary:focus,
body .mado-portal-container #mado-template-filter-form .mado-template-filter-search-btn.button.button-primary:active {
    box-shadow: none !important;
    transform: none !important;
}

/* Browser notification status text without white panel */
body .mado-portal-container .mado-browser-notification-status,
body .mado-portal-container .mado-browser-notification-state,
body .mado-portal-container .mado-browser-notification-note {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* support inbox cards stay white with thicker side band */
body .mado-portal-container .mado-support-inbox-list .mado-support-ticket-card,
body .mado-portal-container .mado-support-ticket-card {
    background: #ffffff !important;
}
body .mado-portal-container .mado-support-inbox-list .mado-support-ticket-card::before,
body .mado-portal-container .mado-support-ticket-card::before {
    width: 12px !important;
}



/* ===== v32 targeted fixes: stronger accordion icons, subtitle spacing, switch styling ===== */
body .mado-portal-container {
    --mado-accordion-open-bg: #f9fafb !important;
    --mado-accordion-open-border: #e5e7eb !important;
    --mado-accordion-closed-border: #e5e7eb !important;
}

/* A) all support-inbox / settings accordions: make + / - clearly larger and identical */
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > summary::after,
body .mado-portal-container .mado-chat-operation-accordion-icon::before,
body .mado-portal-container .mado-design-accordion-chevron::before,
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before,
.mado-staff-guide-accordion > .mado-staff-guide-accordion__summary::after {
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    letter-spacing: 0 !important;
    transform: none !important;
}

body .mado-portal-container details:has(> summary > .mado-portal-setting-summary)[open] > summary::after,
body .mado-portal-container .mado-chat-operation-accordion[open] .mado-chat-operation-accordion-icon::before,
body .mado-portal-container .mado-design-accordion-card.is-open .mado-design-accordion-chevron::before,
body .mado-portal-container .mado-design-accordion-card[data-open="true"] .mado-design-accordion-chevron::before,
.mado-scenario-page .mado-scenario-accordion-card--csv[open] > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before,
.mado-staff-guide-accordion[open] > .mado-staff-guide-accordion__summary::after {
    font-size: 26px !important;
    line-height: 26px !important;
}

body .mado-portal-container .mado-chat-operation-accordion-icon,
body .mado-portal-container .mado-design-accordion-chevron,
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
}

/* B) scenario CSV subtitle: bring description much closer to the title */
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header .mado-design-accordion-trigger {
    padding-top: 18px !important;
    padding-bottom: 10px !important;
}

.mado-scenario-page .mado-scenario-accordion-card--csv > .mado-design-accordion-body.mado-scenario-accordion-body {
    padding-top: 0 !important;
}

.mado-scenario-page .mado-scenario-accordion-card--csv > .mado-design-accordion-body.mado-scenario-accordion-body > p.mado-scenario-card__description {
    margin-top: -2px !important;
    margin-bottom: 14px !important;
}

/* C) style the two enable checkboxes as green switches */
body .mado-portal-container input[name="ticket_notify_enabled"],
body .mado-portal-container #mado-business-hours-enabled {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 30px !important;
    border-radius: 999px !important;
    border: 1px solid #cfd8e3 !important;
    background: #dbe3ec !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14) !important;
    position: relative !important;
    cursor: pointer !important;
    outline: none !important;
    transition: background-color 0.18s ease, border-color 0.18s ease !important;
    vertical-align: middle !important;
}

body .mado-portal-container input[name="ticket_notify_enabled"]::before,
body .mado-portal-container #mado-business-hours-enabled::before {
    content: "" !important;
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.18) !important;
    transition: transform 0.18s ease !important;
}

body .mado-portal-container input[name="ticket_notify_enabled"]:checked,
body .mado-portal-container #mado-business-hours-enabled:checked {
    background: #19c4a1 !important;
    border-color: #19c4a1 !important;
}

body .mado-portal-container input[name="ticket_notify_enabled"]:checked::before,
body .mado-portal-container #mado-business-hours-enabled:checked::before {
    transform: translateX(22px) !important;
}

/* keep toggle rows aligned */
body .mado-portal-container input[name="ticket_notify_enabled"] + span,
body .mado-portal-container #mado-business-hours-enabled + span {
    display: inline-flex !important;
    align-items: center !important;
}

/* D) preserve real-time-view-like light border color on settings accordions */
body .mado-portal-container .mado-chat-operation-accordion,
body .mado-portal-container .mado-chat-operation-accordion > summary,
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary),
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > summary,
body .mado-portal-container .mado-design-accordion-card,
body .mado-portal-container .mado-design-accordion-header,
.mado-scenario-page .mado-scenario-accordion-card--csv,
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header,
.mado-staff-guide-accordion,
.mado-staff-guide-accordion > .mado-staff-guide-accordion__summary {
    border-color: #e5e7eb !important;
}

/* E) keep save buttons from turning into circles */
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > div[style] .button[type="submit"],
body .mado-portal-container #ticket-load-threshold-form .button,
body .mado-portal-container #mado-business-hours-form .button {
    min-width: 92px !important;
    min-height: 40px !important;
    padding: 8px 18px !important;
    border-radius: 16px !important;
    width: auto !important;
}



/* ===== v33 icons-only: use old stable positioning, just one size larger ===== */

/* 髯ｷ闌ｨ・ｽ・ｱ鬯ｨ・ｾ陞滂ｽｲ繝ｻ・ｼ陞溷･・ｽｽ・ｨ繝ｻ・ｭ髯橸ｽｳ陞溘ｑ・ｽ・ｳ繝ｻ・ｻ + / - 驍ｵ・ｺ繝ｻ・ｯ驍ｵ・ｲ陟包ｽ｡繝ｻ・ｽ陷･・ｲ繝ｻ・ｽ繝ｻ・ｮ驍ｵ・ｺ隴ｴ・ｧ陷搾ｽｸ鬯ｨ・ｾ陞｢・ｹ隨・ｽ｡驍ｵ・ｺ繝ｻ・｣驍ｵ・ｺ雋顔§繝ｻ驍ｵ・ｲ鬮ｦ・ｪ郢晢ｽｻ top:50% 髯憺屮・ｽ・ｺ髮九・縺倡ｫ頑･｢鞫弱・・ｺ髯橸ｽｳ郢晢ｽｻ*/
body .mado-portal-container {
    --mado-setting-accordion-icon-slot: 28px;
    --mado-setting-accordion-icon-size: 24px;
    --mado-setting-accordion-icon-weight: 700;
}

/* 1) 鬯ｩ諷戊ｷ晞€｡鮃ｹ蝮弱・・ｭ髯橸ｽｳ陞｢・ｹ郢晢ｽｻ details 鬩堺ｼ夲ｽｽ・ｻ */
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > summary {
    position: relative !important;
    padding-right: 52px !important;
}
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > summary::after {
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: var(--mado-setting-accordion-icon-slot) !important;
    min-width: var(--mado-setting-accordion-icon-slot) !important;
    height: var(--mado-setting-accordion-icon-slot) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: var(--mado-setting-accordion-icon-size) !important;
    font-weight: var(--mado-setting-accordion-icon-weight) !important;
    line-height: 1 !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
}
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary)[open] > summary::after {
    font-size: var(--mado-setting-accordion-icon-size) !important;
    line-height: 1 !important;
}

/* 2) 驛｢譏ｶ繝ｻ・取・・ｹ譏ｴ繝ｻ郢晢ｽｨ鬯ｩ諷戊ｷ晞€｡驢搾ｽｹ譎｢・ｽ・ｫ驛｢譎｢・ｽ・ｼ驛｢譎｢・ｽ・ｫ驍ｵ・ｺ繝ｻ・ｪ驍ｵ・ｺ繝ｻ・ｩ髴托ｽ｢繝ｻ・ｬ鬮｢・ｾ繝ｻ・ｪ驛｢・ｧ繝ｻ・｢驛｢・ｧ繝ｻ・ｳ驛｢譎｢・ｽ・ｼ驛｢譏ｴ繝ｻ邵ｺ繝ｻ・ｹ・ｧ繝ｻ・ｪ驛｢譎｢・ｽ・ｳ */
body .mado-portal-container .mado-chat-operation-accordion > summary {
    position: relative !important;
}
body .mado-portal-container .mado-chat-operation-accordion-icon {
    width: var(--mado-setting-accordion-icon-slot) !important;
    min-width: var(--mado-setting-accordion-icon-slot) !important;
    height: var(--mado-setting-accordion-icon-slot) !important;
    margin-top: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
    transform: none !important;
}
body .mado-portal-container .mado-chat-operation-accordion-icon::before {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--mado-setting-accordion-icon-slot) !important;
    min-width: var(--mado-setting-accordion-icon-slot) !important;
    height: var(--mado-setting-accordion-icon-slot) !important;
    font-size: var(--mado-setting-accordion-icon-size) !important;
    font-weight: var(--mado-setting-accordion-icon-weight) !important;
    line-height: 1 !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}
body .mado-portal-container .mado-chat-operation-accordion[open] .mado-chat-operation-accordion-icon::before {
    font-size: var(--mado-setting-accordion-icon-size) !important;
    line-height: 1 !important;
}

/* 3) 驛｢譏ｶ繝ｻ・取・・ｹ譏ｴ繝ｻ郢晢ｽｨ驛｢譏ｴ繝ｻ邵ｺ蛟｡・ｹ・ｧ繝ｻ・､驛｢譎｢・ｽ・ｳ鬮ｫ・ｪ繝ｻ・ｭ髯橸ｽｳ郢晢ｽｻ*/
body .mado-portal-container .mado-design-accordion-header {
    position: relative !important;
}
body .mado-portal-container .mado-design-accordion-chevron {
    width: var(--mado-setting-accordion-icon-slot) !important;
    min-width: var(--mado-setting-accordion-icon-slot) !important;
    height: var(--mado-setting-accordion-icon-slot) !important;
    margin: 0 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
    transform: none !important;
}
body .mado-portal-container .mado-design-accordion-chevron::before {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--mado-setting-accordion-icon-slot) !important;
    min-width: var(--mado-setting-accordion-icon-slot) !important;
    height: var(--mado-setting-accordion-icon-slot) !important;
    font-size: var(--mado-setting-accordion-icon-size) !important;
    font-weight: var(--mado-setting-accordion-icon-weight) !important;
    line-height: 1 !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
}
body .mado-portal-container .mado-design-accordion-card.is-open .mado-design-accordion-chevron::before,
body .mado-portal-container .mado-design-accordion-card[data-open="true"] .mado-design-accordion-chevron::before {
    font-size: var(--mado-setting-accordion-icon-size) !important;
    line-height: 1 !important;
}

/* 4) 驛｢・ｧ繝ｻ・ｷ驛｢譎会ｽｿ・ｫ・取㏍・ｹ・ｧ繝ｻ・ｪ鬮ｫ・ｪ繝ｻ・ｭ髯橸ｽｳ陞｢・ｹ郢晢ｽｻ髣包ｽｳ・つ€髫ｲ・｡繝ｻ・ｬ鬩搾ｽｱ繝ｻ・ｨ鬯ｮ・ｮ郢晢ｽｻCSV) */
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header {
    position: relative !important;
    padding-right: 56px !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron {
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: var(--mado-setting-accordion-icon-slot) !important;
    min-width: var(--mado-setting-accordion-icon-slot) !important;
    height: var(--mado-setting-accordion-icon-slot) !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before,
.mado-scenario-page .mado-scenario-accordion-card--csv[open] > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before {
    width: var(--mado-setting-accordion-icon-slot) !important;
    min-width: var(--mado-setting-accordion-icon-slot) !important;
    height: var(--mado-setting-accordion-icon-slot) !important;
    font-size: var(--mado-setting-accordion-icon-size) !important;
    font-weight: var(--mado-setting-accordion-icon-weight) !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 5) 髫ｲ・｡郢晢ｽｻ繝ｻ・ｽ髦ｮ蜷ｶ笳矩Δ・ｧ繝ｻ・ｿ驛｢譏ｴ繝ｻ郢晢ｽｵ鬩阪ｑ・ｽ・｡鬨ｾ繝ｻ繝ｻ*/
.mado-staff-guide-accordion > .mado-staff-guide-accordion__summary {
    position: relative !important;
    padding-right: 52px !important;
}
.mado-staff-guide-accordion > .mado-staff-guide-accordion__summary::after {
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: var(--mado-setting-accordion-icon-slot) !important;
    min-width: var(--mado-setting-accordion-icon-slot) !important;
    height: var(--mado-setting-accordion-icon-slot) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: var(--mado-setting-accordion-icon-size) !important;
    font-weight: var(--mado-setting-accordion-icon-weight) !important;
    line-height: 1 !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
}
.mado-staff-guide-accordion[open] > .mado-staff-guide-accordion__summary::after {
    font-size: var(--mado-setting-accordion-icon-size) !important;
    line-height: 1 !important;
}

/* ===== Support Inbox Visual Refresh ===== */
body .mado-portal-container .mado-inbox-board {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 24px;
    margin-bottom: 20px;
}

body .mado-portal-container .mado-inbox-board__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    flex-wrap: wrap;
    gap: 12px;
}

body .mado-portal-container .mado-inbox-board__title {
    margin: 0 !important;
}

body .mado-portal-container .mado-inbox-pending-indicator {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

body .mado-portal-container .mado-inbox-pending-indicator__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

body .mado-portal-container .mado-inbox-pending-indicator__text {
    display: inline-flex;
    align-items: baseline;
    gap: 0;
}

body .mado-portal-container .mado-inbox-pending-indicator__label {
    font-size: 15px;
    font-weight: 700;
    color: #334155;
}

body .mado-portal-container .mado-inbox-pending-indicator__count {
    font-size: 20px;
    font-weight: 800;
    color: #000000;
    margin: 0 4px;
}

body .mado-portal-container .mado-inbox-filter-row {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

body .mado-portal-container .mado-inbox-filter-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 7px 14px !important;
    border: 1px solid #d0d9e5 !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease !important;
}

body .mado-portal-container .mado-inbox-filter-chip:hover,
body .mado-portal-container .mado-inbox-filter-chip:focus {
    background: #f1f5f9 !important;
    border-color: #b8c4d4 !important;
    color: #1f2937 !important;
    box-shadow: 0 8px 16px rgba(100, 116, 139, 0.15) !important;
    outline: none !important;
}

body .mado-portal-container .mado-inbox-filter-chip--active {
    background: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body .mado-portal-container .mado-inbox-filter-chip--active:hover,
body .mado-portal-container .mado-inbox-filter-chip--active:focus {
    background: #111f3c !important;
    border-color: #111f3c !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body .mado-portal-container .mado-inbox-filter-chip--muted {
    background: #f8fafc !important;
    border-color: #d0d9e5 !important;
    color: #334155 !important;
}

body .mado-portal-container .mado-inbox-empty-state {
    text-align: center;
    padding: 40px;
    background: #f9fafb;
    border: 1px dashed #d1d5db;
    border-radius: 8px;
}

body .mado-portal-container .mado-inbox-empty-state__text {
    margin: 0;
    font-size: 16px;
    color: #6b7280;
}

body .mado-portal-container .mado-inbox-ticket-grid {
    display: grid;
    gap: 12px;
}

body .mado-portal-container .mado-inbox-ticket-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-left: 10px solid transparent;
    border-radius: 8px;
    padding: 16px;
}

body .mado-portal-container .mado-inbox-ticket-card--pending,
body .mado-portal-container #mado-tickets-list-container .mado-ticket-item[data-status="pending"] {
    border-left: 12px solid #ce0e3a !important;
    background: #fff8fb !important;
}

body .mado-portal-container .mado-inbox-ticket-card__row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 8px;
}

body .mado-portal-container .mado-inbox-ticket-card__main {
    flex: 1;
    min-width: 0;
}

body .mado-portal-container .mado-inbox-ticket-card__meta-row {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 4px;
    flex-wrap: wrap;
}

body .mado-portal-container .mado-inbox-ticket-status-badge {
    color: #ffffff;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
}

body .mado-portal-container .mado-inbox-ticket-category-badge {
    background: #f3f4f6;
    color: #374151;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 12px;
}

body .mado-portal-container .mado-inbox-ticket-id {
    color: #6b7280;
    font-size: 12px;
}

body .mado-portal-container .mado-ticket-elapsed {
    display: none;
    color: #6b7280;
    font-size: 12px;
    font-weight: 500;
}

body .mado-portal-container .mado-inbox-ticket-preview {
    color: #374151;
    font-size: 14px;
    margin-bottom: 4px;
}

body .mado-portal-container .mado-inbox-ticket-datetime {
    color: #9ca3af;
    font-size: 12px;
}

body .mado-portal-container .mado-inbox-ticket-page-url {
    margin-left: 8px;
}

body .mado-portal-container .mado-inbox-detail-chip,
body .mado-portal-container #mado-tickets-list-container .mado-ticket-item > div > a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 6px 12px !important;
    border: 1px solid #c8d3e1 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #1f2937 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease !important;
}

body .mado-portal-container .mado-inbox-detail-chip:hover,
body .mado-portal-container .mado-inbox-detail-chip:focus,
body .mado-portal-container #mado-tickets-list-container .mado-ticket-item > div > a.button:hover,
body .mado-portal-container #mado-tickets-list-container .mado-ticket-item > div > a.button:focus {
    background: #eef6ff !important;
    border-color: #91b5d9 !important;
    color: #1d4f80 !important;
    box-shadow: 0 8px 16px rgba(29, 79, 128, 0.18) !important;
    outline: none !important;
}

@media (max-width: 782px) {
    body .mado-portal-container .mado-inbox-board {
        padding: 18px;
    }
    body .mado-portal-container .mado-inbox-ticket-card__row {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    body .mado-portal-container .mado-inbox-detail-chip,
    body .mado-portal-container #mado-tickets-list-container .mado-ticket-item > div > a.button {
        align-self: flex-start;
    }
}

















/* ===== Support Inbox chip tuning v1 =====
   髯ｷ・ｿ陟搾ｽｺ繝ｻ・ｿ繝ｻ・｡鬩阪ｑ・ｽ・ｱ驍ｵ・ｺ繝ｻ・ｮ驛｢譎・ｽｼ譁絶襖驛｢譎｢・ｽ・ｫ驛｢・ｧ繝ｻ・ｿ/鬮ｫ・ｧ繝ｻ・ｳ鬩肴得・ｽ・ｰ驛｢譏ｶ繝ｻ郢晢ｽ｣驛｢譎丞ｹｲ繝ｻ螳壽ｰ｣闔会ｽ｣繝ｻ・ｰ髯昴・・ｸ螂・ｽｼ繝ｻ・ｸ・ｺ闕ｳ迺ｰﾂ€遶擾ｽｬ繝ｻ・ｻ繝ｻ・ｽ驍ｵ・ｺ郢晢ｽｻ霑夲ｽ｡髯ｷ・ｻ繝ｻ・ｳ驍ｵ・ｺ繝ｻ・ｸ髯昴・繝ｻ隨ｳ迢暦ｽｹ・ｧ郢晢ｽｻ   public/style.css 驍ｵ・ｺ繝ｻ・ｮ髣包ｽｳ・つ€鬨ｾ・｡繝ｻ・ｪ髣包ｽｳ闕ｵ譏ｶ繝ｻ鬮ｴ謇假ｽｽ・ｽ鬮ｫ・ｪ陋滂ｽ･繝ｻ・ｰ驍ｵ・ｺ繝ｻ・ｦ驍ｵ・ｺ闕ｳ蟯ｩ蜻ｳ驍ｵ・ｺ髴郁ｲｻ・ｼ繝ｻ
*/

/* ===== Support Inbox chip final ===== */
body .mado-portal-container .mado-inbox-filter-chip,
body .mado-portal-container .mado-inbox-filter-chip--active,
body .mado-portal-container .mado-inbox-filter-chip--muted,
body .mado-portal-container .mado-inbox-detail-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    min-height: 30px !important;
    padding: 4px 13px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

body .mado-portal-container .mado-inbox-filter-chip,
body .mado-portal-container .mado-inbox-filter-chip--muted {
    background: #ffffff !important;
    border: 1px solid #c8d6e5 !important;
    color: #243447 !important;
    box-shadow: none !important;
}

body .mado-portal-container .mado-inbox-filter-chip--active {
    background: #0f2440 !important;
    border: 1px solid #0f2440 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body .mado-portal-container .mado-inbox-detail-chip {
    background: #ffffff !important;
    border: 1px solid #c8d6e5 !important;
    color: #243447 !important;
    padding: 4px 12px !important;
    box-shadow: none !important;
}

body .mado-portal-container .mado-inbox-filter-chip:hover,
body .mado-portal-container .mado-inbox-filter-chip:focus,
body .mado-portal-container .mado-inbox-filter-chip--muted:hover,
body .mado-portal-container .mado-inbox-filter-chip--muted:focus,
body .mado-portal-container .mado-inbox-detail-chip:hover,
body .mado-portal-container .mado-inbox-detail-chip:focus {
    background: #f8fbff !important;
    border-color: #9bb8d6 !important;
    color: #16283a !important;
    outline: none !important;
    box-shadow: none !important;
}

/* ===== Q&A / FAQ final override =====
   - shop_table / shop_table_responsive 驍ｵ・ｺ繝ｻ・ｮ髯晢｣ｰ繝ｻ・ｩ驛｢・ｧ陟暮ｯ会ｽｽ螳壽綜繝ｻ・ｺ髯橸ｽｳ郢晢ｽｻ   - ID(驕ｶ・ｭ繝ｻ・･/驕ｶ・ｭ繝ｻ・ｦ) 驍ｵ・ｺ繝ｻ・ｨ 髫ｰ・ｫ陜｣・ｺ繝ｻ・ｽ隲幢ｽｷ郢晢ｽｻ驛｢・ｧ髮区ｩｸ・ｽ・ｸ繝ｻ・ｸ驍ｵ・ｺ繝ｻ・ｫ髣包ｽｳ繝ｻ・ｭ髯樊ｻゑｽｽ・ｮ
   - 鬩搾ｽｱ繝ｻ・ｨ鬯ｮ・ｮ郢晢ｽｻ/ 髯ｷ蜿ｰ・ｼ竏晄ｱるΔ・ｧ陋幢ｽｵ邵ｺ譎会ｽｹ譎｢・ｽ・ｫ髯ｷﾂ€郢晢ｽｻ邵ｺ遉ｼ・ｹ・ｧ繝ｻ・､驛｢・ｧ繝ｻ・ｺ驍ｵ・ｺ繝ｻ・ｸ鬩搾ｽｵ繝ｻ・ｮ髯昴・繝ｻ*/
body .mado-portal-container .mado-site-qa__card {
    overflow-x: auto !important;
}

body .mado-portal-container .mado-site-qa__table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
}

body .mado-portal-container .mado-site-qa__table {
    width: 100% !important;
    min-width: 760px !important;
    table-layout: fixed !important;
}

body .mado-portal-container .mado-site-qa__table th {
    text-align: center !important;
    vertical-align: middle !important;
}

body .mado-portal-container .mado-site-qa__table .mado-site-qa__th-id,
body .mado-portal-container .mado-site-qa__table .mado-site-qa__td-id {
    width: 76px !important;
    min-width: 76px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

body .mado-portal-container .mado-site-qa__table .mado-site-qa__id-badge {
    margin: 0 auto !important;
}

body .mado-portal-container .mado-site-qa__table .mado-site-qa__th-question,
body .mado-portal-container .mado-site-qa__table .mado-site-qa__td-question {
    width: 41% !important;
}

body .mado-portal-container .mado-site-qa__table .mado-site-qa__th-answer,
body .mado-portal-container .mado-site-qa__table .mado-site-qa__td-answer {
    width: 39% !important;
}

body .mado-portal-container .mado-site-qa__table .mado-site-qa__th-actions,
body .mado-portal-container .mado-site-qa__table .mado-site-qa__td-actions {
    width: 132px !important;
    min-width: 132px !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

body .mado-portal-container .mado-site-qa__table .mado-site-qa__td-question,
body .mado-portal-container .mado-site-qa__table .mado-site-qa__td-answer {
    vertical-align: middle !important;
}

body .mado-portal-container .mado-site-qa__table.shop_table_responsive thead {
    display: table-header-group !important;
}

body .mado-portal-container .mado-site-qa__table.shop_table_responsive tbody {
    display: table-row-group !important;
}

body .mado-portal-container .mado-site-qa__table.shop_table_responsive tr {
    display: table-row !important;
}

body .mado-portal-container .mado-site-qa__table.shop_table_responsive th,
body .mado-portal-container .mado-site-qa__table.shop_table_responsive td {
    display: table-cell !important;
}

body .mado-portal-container .mado-site-qa__table.shop_table_responsive tbody th::before,
body .mado-portal-container .mado-site-qa__table.shop_table_responsive tbody td::before {
    content: none !important;
    display: none !important;
}

body .mado-portal-container .mado-site-qa__action-stack {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-content: center !important;
    gap: 6px !important;
    width: 100% !important;
}

body .mado-portal-container .mado-site-qa__td-actions .mado-site-qa-action--edit,
body .mado-portal-container .mado-site-qa__td-actions .mado-site-qa-action--delete,
body .mado-portal-container .mado-site-qa__td-actions button.mado-site-qa-action--edit,
body .mado-portal-container .mado-site-qa__td-actions button.mado-site-qa-action--delete {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-height: 27px !important;
    min-width: 72px !important;
    padding: 3px 8px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transform: none !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-align: center !important;
    vertical-align: middle !important;
    margin: 0 !important;
}

body .mado-portal-container .mado-site-qa__td-actions .mado-site-qa-action--edit,
body .mado-portal-container .mado-site-qa__td-actions button.mado-site-qa-action--edit {
    background: #ffffff !important;
    border-color: #47b36e !important;
    color: #13733b !important;
}

body .mado-portal-container .mado-site-qa__td-actions .mado-site-qa-action--edit:hover,
body .mado-portal-container .mado-site-qa__td-actions .mado-site-qa-action--edit:focus,
body .mado-portal-container .mado-site-qa__td-actions button.mado-site-qa-action--edit:hover,
body .mado-portal-container .mado-site-qa__td-actions button.mado-site-qa-action--edit:focus {
    background: #edf9f1 !important;
    border-color: #2f9b57 !important;
    color: #0f6a32 !important;
    box-shadow: none !important;
}

body .mado-portal-container .mado-site-qa__td-actions .mado-site-qa-action--delete,
body .mado-portal-container .mado-site-qa__td-actions button.mado-site-qa-action--delete {
    background: #ffffff !important;
    border-color: #e7a1a1 !important;
    color: #ba1f1f !important;
}

body .mado-portal-container .mado-site-qa__td-actions .mado-site-qa-action--delete:hover,
body .mado-portal-container .mado-site-qa__td-actions .mado-site-qa-action--delete:focus,
body .mado-portal-container .mado-site-qa__td-actions button.mado-site-qa-action--delete:hover,
body .mado-portal-container .mado-site-qa__td-actions button.mado-site-qa-action--delete:focus {
    background: #fff3f3 !important;
    border-color: #d97979 !important;
    color: #a51717 !important;
    box-shadow: none !important;
}

body .mado-portal-container .mado-site-qa__td-actions .mado-site-qa-action--edit::before,
body .mado-portal-container .mado-site-qa__td-actions .mado-site-qa-action--delete::before,
body .mado-portal-container .mado-site-qa__td-actions button.mado-site-qa-action--edit::before,
body .mado-portal-container .mado-site-qa__td-actions button.mado-site-qa-action--delete::before {
    position: static !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 0 !important;
    transform: none !important;
    background-size: 16px 16px !important;
    background-position: center center !important;
    flex: 0 0 16px !important;
    align-self: center !important;
}

body .mado-portal-container .mado-site-qa__td-actions .mado-site-qa-action--edit::after,
body .mado-portal-container .mado-site-qa__td-actions .mado-site-qa-action--delete::after,
body .mado-portal-container .mado-site-qa__td-actions button.mado-site-qa-action--edit::after,
body .mado-portal-container .mado-site-qa__td-actions button.mado-site-qa-action--delete::after {
    content: none !important;
    display: none !important;
}

body .mado-portal-container .mado-site-qa__actions--main {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

/* ===== Q&A table hard align fix (ID/髫ｰ・ｫ陜｣・ｺ繝ｻ・ｽ隲帷ｿｫ繝ｻ髫ｴ蟠｢ﾂ€鬩搾ｽｨ郢ｧ繝ｻ・ｴ邇匁･懃ｹ晢ｽｻ ===== */
body .mado-portal-container #mado-site-qa-table.shop_table_responsive tr td:before,
body .mado-portal-container #mado-site-qa-table.shop_table_responsive tr td::before {
    content: none !important;
    display: none !important;
}

body .mado-portal-container #mado-site-qa-table .mado-site-qa__th-id,
body .mado-portal-container #mado-site-qa-table .mado-site-qa__th-actions {
    text-align: center !important;
}

body .mado-portal-container #mado-site-qa-table .mado-site-qa__td-id {
    padding: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

body .mado-portal-container #mado-site-qa-table .mado-site-qa__id-badge {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
}

body .mado-portal-container #mado-site-qa-table .mado-site-qa__td-actions {
    padding: 6px 4px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

body .mado-portal-container #mado-site-qa-table .mado-site-qa__action-stack {
    gap: 4px !important;
    justify-items: center !important;
}

body .mado-portal-container #mado-site-qa-table .mado-site-qa__td-actions .mado-site-qa-action--edit,
body .mado-portal-container #mado-site-qa-table .mado-site-qa__td-actions .mado-site-qa-action--delete,
body .mado-portal-container #mado-site-qa-table .mado-site-qa__td-actions button.mado-site-qa-action--edit,
body .mado-portal-container #mado-site-qa-table .mado-site-qa__td-actions button.mado-site-qa-action--delete {
    width: auto !important;
    max-width: none !important;
    min-width: 74px !important;
    min-height: 30px !important;
    padding: 4px 11px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    gap: 7px !important;
    border-radius: 18px !important;
}

/* ===== Button shape sync (entry-chip <-> QA edit/delete) ===== */
body .mado-portal-container .button.mado-scenario-button.entry-chip-add-child-btn,
body .mado-portal-container button.mado-scenario-button.entry-chip-add-child-btn,
body .mado-portal-container .button.mado-scenario-button.entry-chip-remove-btn,
body .mado-portal-container button.mado-scenario-button.entry-chip-remove-btn,
body .mado-portal-container #mado-site-qa-table .mado-site-qa__td-actions .mado-site-qa-action--edit,
body .mado-portal-container #mado-site-qa-table .mado-site-qa__td-actions .mado-site-qa-action--delete,
body .mado-portal-container #mado-site-qa-table .mado-site-qa__td-actions button.mado-site-qa-action--edit,
body .mado-portal-container #mado-site-qa-table .mado-site-qa__td-actions button.mado-site-qa-action--delete {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    padding: 4px 11px !important;
    border-radius: 18px !important;
    line-height: 1.2 !important;
}

body .mado-portal-container #mado-site-qa-table .mado-site-qa__td-actions .mado-site-qa-action--edit,
body .mado-portal-container #mado-site-qa-table .mado-site-qa__td-actions .mado-site-qa-action--delete,
body .mado-portal-container #mado-site-qa-table .mado-site-qa__td-actions button.mado-site-qa-action--edit,
body .mado-portal-container #mado-site-qa-table .mado-site-qa__td-actions button.mado-site-qa-action--delete {
    min-width: 74px !important;
    max-width: none !important;
    font-size: 12px !important;
}

/* ===== QA main action: reset button matches blue scenario button ===== */
body .mado-portal-container #mado-site-qa-reset.mado-site-qa-action--reset {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 11px 20px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 999px !important;
    background: #0088b2 !important;
    background-image: none !important;
    border-color: #0088b2 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: 0 14px 28px rgba(0, 136, 178, 0.2) !important;
    cursor: pointer !important;
}

body .mado-portal-container #mado-site-qa-reset.mado-site-qa-action--reset:hover,
body .mado-portal-container #mado-site-qa-reset.mado-site-qa-action--reset:focus,
body .mado-portal-container #mado-site-qa-reset.mado-site-qa-action--reset:active {
    background: #006f92 !important;
    background-image: none !important;
    border-color: #006f92 !important;
    color: #ffffff !important;
    text-shadow: none !important;
    box-shadow: 0 16px 30px rgba(0, 136, 178, 0.26) !important;
    transform: translateY(-1px) !important;
    outline: none !important;
}

/* ===== CSV download button icon size sync ===== */
body .mado-portal-container.mado-scenario-page .mado-scenario-actions .mado-scenario-button.mado-scenario-download-btn::before,
body .mado-portal-container.mado-scenario-page .mado-scenario-upload-row > .mado-scenario-button.mado-scenario-download-btn::before {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    flex: 0 0 24px !important;
    margin-right: 9px !important;
    background-size: 24px 24px !important;
}

/* ===== CSV accordion distinction: scenario vs Q&A ===== */
body .mado-portal-container .mado-site-qa-csv-badge,
body .mado-portal-container .mado-scenario-csv-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 11px;
    border-radius: 999px;
    border: 1px solid transparent;
    background: #f8fbfd;
    font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
    white-space: nowrap;
}

body .mado-portal-container .mado-site-qa-csv-badge {
    border-color: #74d8ef;
    background: #f1fbfe;
    color: #0f6e8c;
}

body .mado-portal-container .mado-scenario-csv-badge {
    border-color: #87d8c7;
    background: #eefbf7;
    color: #13634b;
}

body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header .mado-design-accordion-trigger {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed {
    border-color: #cfdbe4;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03);
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed > .mado-site-qa-csv-accordion__summary {
    padding: 13px 16px;
    background: linear-gradient(180deg, #f7fcff 0%, #f2fafb 100%);
    border-bottom-color: transparent;
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed:hover > .mado-site-qa-csv-accordion__summary {
    background: linear-gradient(180deg, #f2f9ff 0%, #ecf8fb 100%);
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed[open] > .mado-site-qa-csv-accordion__summary {
    background: linear-gradient(180deg, #f1f8ff 0%, #eef8fa 100%);
    border-bottom-color: #d6e5ee;
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-accordion__summary-main {
    gap: 10px;
    flex-wrap: wrap;
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-accordion__title {
    color: #0f172a;
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-accordion__icon {
    color: #0d8ba8;
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-accordion__body {
    padding: 14px 16px 15px;
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-button,
body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-upload-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 11px 20px;
    border-width: 1px;
    border-style: solid;
    border-radius: 999px;
    box-shadow: none;
    width: auto;
    min-width: 0;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif !important;
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-button--green {
    border-color: #74d8b2;
    background: #ecfbf4;
    color: #125e42;
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-button--green:hover,
body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-button--green:focus,
body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-button--green:active {
    border-color: #4abf94;
    background: #dff7ec;
    color: #0e5138;
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-button--blue {
    border-color: #74d8ef;
    background: #edf9fd;
    color: #0f6e8c;
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-button--blue:hover,
body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-button--blue:focus,
body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-button--blue:active {
    border-color: #4bbddf;
    background: #e1f5fb;
    color: #0c5f7a;
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-button--cyan {
    border-color: #7edfe0;
    background: #edfdfd;
    color: #0e6f72;
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-button--cyan:hover,
body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-button--cyan:focus,
body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-button--cyan:active {
    border-color: #58c6c7;
    background: #ddf8f8;
    color: #0a5a5c;
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-upload-row {
    gap: 10px;
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-upload-picker {
    gap: 10px;
    padding: 8px 10px;
    border: 1px dashed #c2dce7;
    border-radius: 12px;
    background: #f8fcff;
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-upload-trigger {
    border-color: #7edfe0;
    border-style: solid;
    background: #ecfeff;
    color: #0e6f72;
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-upload-trigger:hover,
body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-upload-trigger:focus,
body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-upload-trigger:active {
    border-color: #58c6c7;
    background: #def7f8;
    color: #0a5a5c;
}

@media (max-width: 780px) {
    body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-upload-picker {
        padding: 10px;
    }
}

/* ===== CSV accordion heading parity (scenario <-> Q&A) ===== */
body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header .mado-design-accordion-title,
body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-accordion__title {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header .mado-scenario-accordion-icon,
body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-accordion__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    color: #0f172a !important;
}

body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header .mado-scenario-accordion-icon svg,
body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-accordion__icon svg {
    width: 100% !important;
    height: 100% !important;
    fill: currentColor !important;
}

body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron,
body .mado-portal-container .mado-site-qa-csv-accordion .mado-site-qa-csv-accordion__chevron {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #334155 !important;
}

body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before {
    content: none !important;
    display: none !important;
}

body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron {
    transform: translateY(-50%) rotate(0deg) !important;
}

body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv[open] > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron {
    transform: translateY(-50%) rotate(90deg) !important;
}

/* ===== CSV accordion closed-header thickness sync ===== */
body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header .mado-design-accordion-trigger {
    padding: 18px 56px 18px 24px !important;
    min-height: 74px !important;
    box-sizing: border-box !important;
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed > .mado-site-qa-csv-accordion__summary {
    padding: 18px 16px !important;
    min-height: 74px !important;
    box-sizing: border-box !important;
}

/* ===== Soft help-chip tooltip + unclipped area ===== */
body .mado-portal-container .mado-site-qa__help-chip.mado-help-chip--soft {
    z-index: 120;
}

body .mado-portal-container .mado-site-qa__help-chip.mado-help-chip--soft::before {
    top: calc(100% + 2px);
    bottom: auto;
    border-top: 0;
    border-bottom: 6px solid #ffffff;
    transform: translateY(4px);
    z-index: 10050;
}

body .mado-portal-container .mado-site-qa__help-chip.mado-help-chip--soft::after {
    top: calc(100% + 10px);
    bottom: auto;
    background: #ffffff;
    color: #1f2937;
    border: 1px solid #d6e1e4;
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.16);
    font-size: 14px;
    line-height: 1.85;
    font-weight: 400 !important;
    transform: translateY(4px);
    z-index: 10050;
}

body .mado-portal-container .mado-site-qa__help-chip.mado-help-chip--soft.is-tip-below::before {
    border-bottom-color: #ffffff;
}

body .mado-portal-container .mado-site-qa__help-chip.mado-help-chip--soft.is-open::before,
body .mado-portal-container .mado-site-qa__help-chip.mado-help-chip--soft.is-open::after {
    transform: translateY(0);
}

body .mado-portal-container .mado-site-qa__help-chip.mado-scenario-help-chip.mado-help-chip--soft::after {
    width: min(520px, calc(100vw - 48px));
    min-width: min(520px, calc(100vw - 48px));
    max-width: min(520px, calc(100vw - 48px));
    font-weight: 400 !important;
}

@media (max-width: 520px) {
    body .mado-portal-container .mado-site-qa__help-chip.mado-scenario-help-chip.mado-help-chip--soft::after {
        width: calc(100vw - 24px);
        min-width: 0;
        max-width: calc(100vw - 24px);
    }
}

body .mado-portal-container .mado-site-qa__help-chip.mado-help-chip--manual::before,
body .mado-portal-container .mado-site-qa__help-chip.mado-help-chip--manual::after {
    content: none !important;
    display: none !important;
}

body .mado-help-chip-popover {
    position: fixed;
    z-index: 10060;
    width: min(520px, calc(100vw - 48px));
    min-width: 360px;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid #d6e1e4;
    background: #ffffff;
    color: #1f2937;
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.18);
    font-family: "Noto Sans JP", "Noto Sans", sans-serif;
    font-size: 14px;
    line-height: 1.85;
    text-align: left;
    word-break: break-word;
}

body .mado-help-chip-popover.mado-help-chip-popover--template {
    width: min(720px, calc(100vw - 48px));
    min-width: min(720px, calc(100vw - 48px));
    max-width: min(720px, calc(100vw - 48px));
}

body .mado-help-chip-popover.mado-help-chip-popover--template .mado-tpl-help {
    margin: 0;
    font-size: 14px;
    line-height: 1.85;
    color: #1f2937;
}

body .mado-help-chip-popover.mado-help-chip-popover--template .mado-tpl-help h3 {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 700;
    color: #111827;
}

body .mado-help-chip-popover.mado-help-chip-popover--template .mado-tpl-help h4,
body .mado-help-chip-popover.mado-help-chip-popover--template .mado-tpl-help p,
body .mado-help-chip-popover.mado-help-chip-popover--template .mado-tpl-help ul,
body .mado-help-chip-popover.mado-help-chip-popover--template .mado-tpl-help li,
body .mado-help-chip-popover.mado-help-chip-popover--template .mado-tpl-help .mado-tpl-help-note {
    font-size: 14px;
    line-height: 1.85;
}

body .mado-help-chip-popover__title {
    margin-bottom: 8px;
    font-weight: 700;
    color: #111827;
}

body .mado-help-chip-popover__line + .mado-help-chip-popover__line {
    margin-top: 4px;
}

body .mado-help-chip-popover__line strong {
    font-weight: 800;
    color: #0f172a;
}

body .mado-help-chip-popover__arrow {
    position: fixed;
    z-index: 10059;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    pointer-events: none;
}

body .mado-help-chip-popover__arrow.is-below {
    border-bottom: 8px solid #ffffff;
}

body .mado-help-chip-popover__arrow.is-above {
    border-top: 8px solid #ffffff;
}

@media (max-width: 520px) {
    body .mado-help-chip-popover {
        min-width: 0;
        width: calc(100vw - 24px);
        padding: 12px 14px;
    }
    body .mado-help-chip-popover.mado-help-chip-popover--template {
        min-width: 0;
        width: calc(100vw - 24px);
        max-width: calc(100vw - 24px);
    }
}

body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed,
body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed > .mado-site-qa-csv-accordion__summary,
body .mado-portal-container .mado-site-qa-csv-accordion.mado-site-qa-csv-accordion--framed .mado-site-qa-csv-accordion__summary-main {
    overflow: visible !important;
}

body .mado-portal-container.mado-scenario-page .mado-scenario-card--chips,
body .mado-portal-container.mado-scenario-page .mado-scenario-card__header--with-preview,
body .mado-portal-container.mado-scenario-page .mado-scenario-card__header-main,
body .mado-portal-container.mado-scenario-page .mado-scenario-card__title-row {
    overflow: visible !important;
}

/* ===== Scenario create area: border cleanup + action chip placement ===== */
body .mado-portal-container.mado-scenario-page .mado-entry-chips-editor__preset-box,
body .mado-portal-container.mado-scenario-page .mado-entry-chips-editor__surface,
body .mado-portal-container.mado-scenario-page .mado-entry-chip-editor-shell,
body .mado-portal-container.mado-scenario-page #entry-chips-list .entry-chip-row {
    border: 0 !important;
    box-shadow: none !important;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list .entry-chip-row[data-level]:not([data-level="0"]) {
    display: flex !important;
    flex-direction: column !important;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list .entry-chip-row[data-level]:not([data-level="0"]) > .mado-entry-chip-row__header {
    order: 1 !important;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list .entry-chip-row[data-level]:not([data-level="0"]) > .mado-entry-chip-row__meta {
    order: 2 !important;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list .entry-chip-row[data-level]:not([data-level="0"]) > .mado-entry-chip-row__field--label {
    order: 3 !important;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list .entry-chip-row[data-level]:not([data-level="0"]) > .mado-entry-chip-row__field--answer {
    order: 4 !important;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list .entry-chip-row[data-level]:not([data-level="0"]) > .mado-entry-chip-row__refs-section {
    order: 5 !important;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list .entry-chip-row[data-level]:not([data-level="0"]) > .mado-entry-chip-row__actions {
    order: 6 !important;
    display: flex !important;
    width: 100% !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 10px 0 0 !important;
    padding-top: 2px !important;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list .entry-chip-row[data-level]:not([data-level="0"]) > .entry-chip-children {
    order: 7 !important;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list .entry-chip-row[data-level]:not([data-level="0"]) > .mado-entry-chip-row__actions .entry-chip-add-child-btn,
body .mado-portal-container.mado-scenario-page #entry-chips-list .entry-chip-row[data-level]:not([data-level="0"]) > .mado-entry-chip-row__actions .entry-chip-remove-btn {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1.25 !important;
}

body .mado-portal-container.mado-scenario-page #entry-chips-list .entry-chip-row[data-level]:not([data-level="0"]) > .mado-entry-chip-row__actions .entry-chip-add-child-btn::before {
    transform: translateY(0) !important;
}

/* ===== Q&A table rounded + separator tune ===== */
body .mado-portal-container .mado-site-qa__table-wrap {
    width: 100% !important;
    overflow: auto !important;
    border: 1px solid #dce6ef !important;
    border-radius: 14px !important;
    background: #ffffff !important;
}

body .mado-portal-container #mado-site-qa-table.mado-site-qa__table {
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

body .mado-portal-container #mado-site-qa-table .mado-site-qa__th-id,
body .mado-portal-container #mado-site-qa-table .mado-site-qa__td-id,
body .mado-portal-container #mado-site-qa-table .mado-site-qa__th-answer,
body .mado-portal-container #mado-site-qa-table .mado-site-qa__td-answer {
    border-right: 0 !important;
}

body .mado-portal-container #mado-site-qa-table .mado-site-qa__id-badge {
    border: 0 !important;
    box-shadow: none !important;
}

/* Q&A row spacing (small gap between rows) */
body .mado-portal-container #mado-site-qa-table tbody td {
    border-bottom: 0 !important;
}

body .mado-portal-container #mado-site-qa-table tbody tr + tr td {
    border-top: 6px solid #ffffff !important;
    box-shadow: inset 0 1px 0 #e5edf3 !important;
}

/* CSV accordions: match operation settings (+ / - icon) */
body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron,
body .mado-portal-container .mado-site-qa-csv-accordion > .mado-site-qa-csv-accordion__summary .mado-site-qa-csv-accordion__chevron {
    font-size: 0 !important;
    line-height: 1 !important;
}

body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron {
    transform: translateY(-50%) !important;
}

body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv[open] > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron {
    transform: translateY(-50%) !important;
}

body .mado-portal-container .mado-site-qa-csv-accordion[open] > .mado-site-qa-csv-accordion__summary .mado-site-qa-csv-accordion__chevron {
    transform: none !important;
}

body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before,
body .mado-portal-container .mado-site-qa-csv-accordion > .mado-site-qa-csv-accordion__summary .mado-site-qa-csv-accordion__chevron::before {
    content: "+" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-align: center !important;
}

body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv[open] > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before,
body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv.is-open > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before,
body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv[data-open="true"] > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before,
body .mado-portal-container .mado-site-qa-csv-accordion[open] > .mado-site-qa-csv-accordion__summary .mado-site-qa-csv-accordion__chevron::before {
    content: "\2212" !important;
}

/* ===== Q&A / FAQ card library + inline editor ===== */
body .mado-portal-container .mado-site-qa__top-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    align-items: start;
    margin-bottom: 20px;
}

body .mado-portal-container .mado-site-qa__card--composer-intro,
body .mado-portal-container .mado-site-qa__card--tools,
body .mado-portal-container .mado-site-qa__card--list {
    overflow: visible !important;
}

body .mado-portal-container .mado-site-qa__card-header-main {
    min-width: 0;
}

body .mado-portal-container .mado-site-qa__card-copy {
    margin: 6px 0 0;
    font-size: 14px;
    line-height: 1.75;
    color: #5b6b7d;
}

body .mado-portal-container .mado-site-qa__hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
}

body .mado-portal-container .mado-site-qa__editor-entry-note {
    margin-top: 2px;
    padding: 13px 14px;
    border-radius: 14px;
    background: linear-gradient(180deg, #f6fbff 0%, #eef7fb 100%);
    color: #425466;
    font-size: 14px;
    line-height: 1.8;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 12px;
    row-gap: 8px;
}

body .mado-portal-container .mado-site-qa__editor-entry-note-text {
    min-width: 0;
}

body .mado-portal-container .mado-site-qa__editor-entry-note > .mado-site-qa__hero-actions {
    margin-left: 0;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    justify-content: flex-end;
    justify-self: end;
    align-items: center;
    gap: 10px;
}

body .mado-portal-container .mado-site-qa__hero-actions #mado-site-qa-csv-inline-help {
    display: none !important;
}

body.mado-portal-account-page .mado-portal-container #mado-site-qa .mado-site-qa__hero-actions .mado-site-qa-create-btn,
body .mado-portal-container #mado-site-qa .mado-site-qa__hero-actions .mado-site-qa-create-btn {
    gap: 8px !important;
}

body.mado-portal-account-page .mado-portal-container #mado-site-qa .mado-site-qa-create-btn__icon,
body .mado-portal-container #mado-site-qa .mado-site-qa-create-btn__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    flex: 0 0 20px !important;
}

body.mado-portal-account-page .mado-portal-container #mado-site-qa .mado-site-qa-create-btn__icon svg,
body .mado-portal-container #mado-site-qa .mado-site-qa-create-btn__icon svg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
}

body .mado-portal-container .mado-site-qa__editor-host,
body .mado-portal-container .mado-site-qa-item-card__editor-host {
    min-height: 0;
}

body .mado-portal-container .mado-site-qa__editor-host.is-editor-mounted,
body .mado-portal-container .mado-site-qa-item-card__editor-host.is-editor-mounted {
    margin-top: 16px;
}

body .mado-portal-container .mado-site-qa__editor-shell[hidden] {
    display: none !important;
}

body .mado-portal-container .mado-site-qa__editor-shell {
    padding: 20px;
    border: 1px solid #dbe6ee;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
}

body .mado-portal-container .mado-site-qa-editor__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

body .mado-portal-container .mado-site-qa-editor__eyebrow {
    margin: 0 0 6px;
    color: #0f766e;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.08em;
}

body .mado-portal-container .mado-site-qa-editor__title {
    margin: 0;
    color: #0f172a;
    font-size: 22px;
    line-height: 1.45;
    font-weight: 700;
}

body .mado-portal-container .mado-site-qa-editor__subtitle {
    margin: 8px 0 0;
    color: #556476;
    font-size: 14px;
    line-height: 1.8;
}

body .mado-portal-container .mado-site-qa-editor__context {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

body .mado-portal-container .mado-site-qa-editor__context-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid #d9e4eb;
    background: #f8fbfd;
    color: #355066;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 700;
    white-space: nowrap;
}

body .mado-portal-container .mado-site-qa-editor__context-chip.is-id {
    border-color: #c9eadb;
    background: #effcf5;
    color: #116149;
}

body .mado-portal-container .mado-site-qa-editor__context-chip.is-has-conditions,
body .mado-portal-container .mado-site-qa-editor__context-chip.is-count {
    border-color: #cfe4ff;
    background: #f2f8ff;
    color: #1d4f91;
}

body .mado-portal-container .mado-site-qa-editor__context-chip.is-category,
body .mado-portal-container .mado-site-qa-editor__context-chip.is-create {
    border-color: #dbe8ee;
    background: #f7fafc;
    color: #45576a;
}

body .mado-portal-container .mado-site-qa__editor-shell .mado-site-qa__form {
    gap: 18px;
}

body .mado-portal-container .mado-site-qa__editor-shell .mado-site-qa__response-group {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
    gap: 16px;
}

body .mado-portal-container .mado-site-qa__editor-shell .mado-site-qa__response-group-title {
    font-size: 15px;
}

body .mado-portal-container .mado-site-qa__editor-shell .mado-site-qa-conditions {
    border: 0;
    border-top: 1px solid #e3ebf1;
    border-radius: 0;
    padding: 16px 0 0;
    background: transparent;
}

body .mado-portal-container .mado-site-qa__editor-shell .mado-site-qa-conditions__header {
    margin-bottom: 12px;
}

body .mado-portal-container .mado-site-qa__editor-shell .mado-site-qa-conditions__editor {
    padding: 14px;
    border-radius: 14px;
    border: 1px solid #dce6ee;
    background: #fbfdff;
}

body .mado-portal-container .mado-site-qa__actions--main {
    justify-content: space-between !important;
    align-items: flex-end !important;
    gap: 14px !important;
}

body .mado-portal-container .mado-site-qa__action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-left: auto;
}

body .mado-portal-container .mado-site-qa__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    align-items: start;
}

body .mado-portal-container .mado-site-qa-item-card {
    display: flex;
    flex-direction: column;
    padding: 22px 22px 18px;
    border: 1px solid #d7e4ed;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

body .mado-portal-container .mado-site-qa-item-card.is-editing {
    border-color: #89d3bf;
    box-shadow: 0 16px 32px rgba(21, 128, 61, 0.1);
}

body .mado-portal-container .mado-site-qa-item-card.is-just-saved {
    border-color: #f3c98b;
    box-shadow: 0 16px 30px rgba(245, 158, 11, 0.12);
}

body .mado-portal-container .mado-site-qa-item-card__header {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 12px;
}

body .mado-portal-container .mado-site-qa-item-card__eyebrow-row,
body .mado-portal-container .mado-site-qa-item-card__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body .mado-portal-container .mado-site-qa-item-card__id,
body .mado-portal-container .mado-site-qa-item-card__badge,
body .mado-portal-container .mado-site-qa-item-card__chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 5px 11px;
    border-radius: 999px;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 700;
    white-space: nowrap;
}

body .mado-portal-container .mado-site-qa-item-card__id {
    border: 1px solid #cfe3d9;
    background: #eefcf4;
    color: #16624b;
}

body .mado-portal-container .mado-site-qa-item-card__badge,
body .mado-portal-container .mado-site-qa-item-card__chip {
    border: 1px solid #dce5ec;
    background: #f7fafc;
    color: #47596d;
}

body .mado-portal-container .mado-site-qa-item-card__chips {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

body .mado-portal-container .mado-site-qa-item-card__chip {
    justify-content: flex-start;
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-align: left;
    line-height: 1.5;
}

body .mado-portal-container .mado-site-qa-item-card__chip.is-theme {
    grid-column: 1 / -1;
}

body .mado-portal-container .mado-site-qa-item-card__badge.is-saved {
    border-color: #f3d29b;
    background: #fff7eb;
    color: #9a5d02;
}

body .mado-portal-container .mado-site-qa-item-card__badge.is-conditions,
body .mado-portal-container .mado-site-qa-item-card__stat.is-active {
    border-color: #cfe4ff;
    background: #f2f8ff;
    color: #22528d;
}

body .mado-portal-container .mado-site-qa-item-card__badge.is-empty,
body .mado-portal-container .mado-site-qa-item-card__chip.is-empty,
body .mado-portal-container .mado-site-qa-item-card__stat.is-empty {
    border-color: #e4e9ee;
    background: #fafbfd;
    color: #6b7d90;
}

body .mado-portal-container .mado-site-qa-item-card__chip.is-category {
    border-color: #d5e7da;
    background: #f2fbf4;
    color: #165c46;
}

body .mado-portal-container .mado-site-qa-item-card__chip.is-theme {
    border-color: #d7e4f8;
    background: #f4f8ff;
    color: #294a84;
}

body .mado-portal-container .mado-site-qa-item-card__chip.is-intent {
    border-color: #dfd9f3;
    background: #f8f5ff;
    color: #5c4a90;
}

body .mado-portal-container .mado-site-qa-item-card__title {
    margin: 0 0 12px;
    color: #0f172a;
    font-size: 19px;
    line-height: 1.6;
    font-weight: 700;
}

body .mado-portal-container .mado-site-qa-item-card:not(.is-open) .mado-site-qa-item-card__header,
body .mado-portal-container .mado-site-qa-item-card:not(.is-open) .mado-site-qa-item-card__title,
body .mado-portal-container .mado-site-qa-item-card:not(.is-open) .mado-site-qa-item-card__chips,
body .mado-portal-container .mado-site-qa-item-card:not(.is-open) .mado-site-qa-item-card__preview-grid,
body .mado-portal-container .mado-site-qa-item-card:not(.is-open) .mado-site-qa-item-card__stats {
    cursor: pointer;
}

body .mado-portal-container .mado-site-qa-item-card:not(.is-open) .mado-site-qa-item-card__header *,
body .mado-portal-container .mado-site-qa-item-card:not(.is-open) .mado-site-qa-item-card__title *,
body .mado-portal-container .mado-site-qa-item-card:not(.is-open) .mado-site-qa-item-card__chips *,
body .mado-portal-container .mado-site-qa-item-card:not(.is-open) .mado-site-qa-item-card__preview-grid *,
body .mado-portal-container .mado-site-qa-item-card:not(.is-open) .mado-site-qa-item-card__stats * {
    cursor: inherit;
}

body .mado-portal-container .mado-site-qa-item-card__preview-grid {
    margin-top: 16px;
}

body .mado-portal-container .mado-site-qa-item-card__preview {
    padding: 16px;
    border-radius: 16px;
    background: #f8fbfd;
    display: grid;
    gap: 14px;
}

body .mado-portal-container .mado-site-qa-item-card__preview-item {
    min-width: 0;
}

body .mado-portal-container .mado-site-qa-item-card__preview-label {
    display: block;
    margin-bottom: 7px;
    color: #607284;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 800;
    letter-spacing: 0.04em;
}

body .mado-portal-container .mado-site-qa-item-card__section-text {
    margin: 0;
    color: #1e293b;
    font-size: 15px;
    line-height: 1.85;
    font-weight: 500;
}

body .mado-portal-container .mado-site-qa-item-card__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

body .mado-portal-container .mado-site-qa-item-card__stat {
    padding: 11px 12px;
    border: 1px solid #dce5ec;
    border-radius: 16px;
    background: #f7fafc;
}

body .mado-portal-container .mado-site-qa-item-card__stat-label {
    display: block;
    color: #6a7c8d;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 700;
}

body .mado-portal-container .mado-site-qa-item-card__stat-value {
    display: block;
    margin-top: 5px;
    color: #1f2f42;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 700;
}

body .mado-portal-container .mado-site-qa-item-card__action-band {
    --mado-site-qa-action-band-height: 42px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 12px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #e4ebf2;
}

body .mado-portal-container .mado-site-qa-item-card__accordion-toggle {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: var(--mado-site-qa-action-band-height) !important;
    height: var(--mado-site-qa-action-band-height) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #111827 !important;
    cursor: pointer;
}

body .mado-portal-container .mado-site-qa-item-card__accordion-toggle:hover,
body .mado-portal-container .mado-site-qa-item-card__accordion-toggle:focus,
body .mado-portal-container .mado-site-qa-item-card__accordion-toggle:active {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #169a81 !important;
}

body .mado-portal-container .mado-site-qa-item-card.is-open .mado-site-qa-item-card__accordion-toggle {
    color: #0f172a !important;
}

body .mado-portal-container .mado-site-qa-item-card__secondary-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

body .mado-portal-container .mado-site-qa-item-card__primary-action {
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
    min-height: var(--mado-site-qa-action-band-height) !important;
    height: var(--mado-site-qa-action-band-height) !important;
    padding: 0 22px !important;
}

body .mado-portal-container .mado-site-qa-item-card__delete-action {
    min-width: 92px !important;
    min-height: var(--mado-site-qa-action-band-height) !important;
    height: var(--mado-site-qa-action-band-height) !important;
    padding: 0 18px !important;
}

@media (max-width: 1080px) {
    body .mado-portal-container .mado-site-qa__top-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    body .mado-portal-container .mado-site-qa__cards,
    body .mado-portal-container .mado-site-qa-item-card__chips {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 780px) {
    body .mado-portal-container .mado-site-qa__hero-actions,
    body .mado-portal-container .mado-site-qa__list-header-actions,
    body .mado-portal-container .mado-site-qa-editor__header,
    body .mado-portal-container .mado-site-qa-item-card__header {
        flex-direction: column;
        align-items: stretch;
    }

    body .mado-portal-container .mado-site-qa-editor__context {
        justify-content: flex-start;
    }

    body .mado-portal-container .mado-site-qa__cards,
    body .mado-portal-container .mado-site-qa-item-card__stats {
        grid-template-columns: 1fr;
    }

    body .mado-portal-container .mado-site-qa__action-buttons {
        width: 100%;
        margin-left: 0;
    }

    body .mado-portal-container .mado-site-qa__editor-entry-note > .mado-site-qa__hero-actions {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    body .mado-portal-container .mado-site-qa__action-buttons > .button {
        width: 100%;
        justify-content: center;
    }

    body .mado-portal-container .mado-site-qa-item-card__action-band {
        grid-template-columns: 1fr;
    }

    body .mado-portal-container .mado-site-qa-item-card__secondary-actions {
        width: 100%;
    }

    body .mado-portal-container .mado-site-qa-item-card__primary-action,
    body .mado-portal-container .mado-site-qa-item-card__delete-action {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}

@media (max-width: 640px) {
    body .mado-portal-container .mado-site-qa__editor-shell,
    body .mado-portal-container .mado-site-qa-item-card {
        padding: 16px;
        border-radius: 18px;
    }

    body .mado-portal-container .mado-site-qa-editor__title,
    body .mado-portal-container .mado-site-qa-item-card__title {
        font-size: 18px;
    }

    body .mado-portal-container .mado-site-qa-item-card__section-text,
    body .mado-portal-container .mado-site-qa-item-card__stat-value {
        font-size: 14px;
    }
}

/* ===== v28: unify thick +/- and scenario-like Q&A CSV accordion ===== */
body .mado-portal-container details:has(> summary > .mado-portal-setting-summary) > summary::after {
    content: "+" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

body .mado-portal-container details:has(> summary > .mado-portal-setting-summary)[open] > summary::after {
    content: "\2212" !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

body .mado-portal-container .mado-site-qa__card--tools-flat {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body .mado-portal-container .mado-site-qa__card--tools-flat .mado-site-qa-csv-form {
    margin: 0 !important;
}

body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like {
    border: 1px solid #d8dfe7 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like[open] {
    border-color: #d7dde5 !important;
    background: #ffffff !important;
}

body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-design-accordion-header {
    list-style: none !important;
    cursor: pointer !important;
    padding: 14px 16px !important;
    margin: 0 !important;
    border: 0 !important;
    background: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like[open] > summary.mado-design-accordion-header {
    background: #ffffff !important;
}

body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary::-webkit-details-marker {
    display: none !important;
}

body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary::marker {
    content: "" !important;
    font-size: 0 !important;
}

body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-design-accordion-header .mado-design-accordion-trigger {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
}

body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-design-accordion-header .mado-site-qa-csv-accordion__title {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    color: #0f172a !important;
}

body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-design-accordion-header .mado-site-qa-csv-accordion__icon {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    color: #334155 !important;
}

body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-design-accordion-header .mado-site-qa-csv-accordion__icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
}

body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-design-accordion-header .mado-site-qa-csv-accordion__chevron {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
    transform: none !important;
}

body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-design-accordion-header .mado-site-qa-csv-accordion__chevron::before {
    content: "+" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like[open] > summary.mado-design-accordion-header .mado-site-qa-csv-accordion__chevron::before {
    content: "\2212" !important;
}

body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-accordion__body {
    padding: 16px !important;
    background: #ffffff !important;
}

body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-accordion__description {
    margin: 0 0 14px !important;
}

/* ===== v29: force Q&A CSV accordion layout parity ===== */
body.mado-portal-account-page .mado-portal-container .mado-site-qa-tools-shell,
body .mado-portal-container .mado-site-qa-tools-shell {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-tools-shell .mado-site-qa-csv-form,
body .mado-portal-container .mado-site-qa-tools-shell .mado-site-qa-csv-form {
    margin: 0 !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > .mado-site-qa-csv-accordion__body,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > .mado-site-qa-csv-accordion__body {
    display: none;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like[open] > .mado-site-qa-csv-accordion__body,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like[open] > .mado-site-qa-csv-accordion__body {
    display: block;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-scenario-accordion-header > .mado-site-qa-csv-accordion__chevron,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-scenario-accordion-header > .mado-site-qa-csv-accordion__chevron {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    margin-left: auto !important;
    color: #1f2937 !important;
    font-size: 0 !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transform: none !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-scenario-accordion-header > .mado-site-qa-csv-accordion__chevron::before,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-scenario-accordion-header > .mado-site-qa-csv-accordion__chevron::before {
    content: "+" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like[open] > summary.mado-scenario-accordion-header > .mado-site-qa-csv-accordion__chevron::before,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like[open] > summary.mado-scenario-accordion-header > .mado-site-qa-csv-accordion__chevron::before {
    content: "\2212" !important;
}

/* ===== v30: force identical thick +/- for Q&A CSV + category accordion ===== */
body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-scenario-accordion-header,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-scenario-accordion-header,
body.mado-portal-account-page .mado-portal-container .mado-chat-operation-accordion > summary,
body .mado-portal-container .mado-chat-operation-accordion > summary {
    min-height: 74px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-category-accordion > summary.mado-site-qa-category-accordion__summary,
body .mado-portal-container .mado-site-qa-category-accordion > summary.mado-site-qa-category-accordion__summary {
    align-items: center !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-scenario-accordion-header > .mado-site-qa-csv-accordion__chevron,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-scenario-accordion-header > .mado-site-qa-csv-accordion__chevron,
body.mado-portal-account-page .mado-portal-container .mado-chat-operation-accordion > summary .mado-chat-operation-accordion-icon,
body .mado-portal-container .mado-chat-operation-accordion > summary .mado-chat-operation-accordion-icon {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    font-size: 0 !important;
    line-height: 1 !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-scenario-accordion-header > .mado-site-qa-csv-accordion__chevron::before,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-scenario-accordion-header > .mado-site-qa-csv-accordion__chevron::before,
body.mado-portal-account-page .mado-portal-container .mado-chat-operation-accordion > summary .mado-chat-operation-accordion-icon::before,
body .mado-portal-container .mado-chat-operation-accordion > summary .mado-chat-operation-accordion-icon::before {
    content: "+" !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 26px !important;
    font-family: "Noto Sans JP", "Arial Black", "Noto Sans", sans-serif !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like[open] > summary.mado-scenario-accordion-header > .mado-site-qa-csv-accordion__chevron::before,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like[open] > summary.mado-scenario-accordion-header > .mado-site-qa-csv-accordion__chevron::before,
body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like.is-open > summary.mado-scenario-accordion-header > .mado-site-qa-csv-accordion__chevron::before,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like.is-open > summary.mado-scenario-accordion-header > .mado-site-qa-csv-accordion__chevron::before,
body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like[data-open="true"] > summary.mado-scenario-accordion-header > .mado-site-qa-csv-accordion__chevron::before,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like[data-open="true"] > summary.mado-scenario-accordion-header > .mado-site-qa-csv-accordion__chevron::before,
body.mado-portal-account-page .mado-portal-container .mado-chat-operation-accordion[open] > summary .mado-chat-operation-accordion-icon::before,
body .mado-portal-container .mado-chat-operation-accordion[open] > summary .mado-chat-operation-accordion-icon::before {
    content: "\2212" !important;
}

/* Scenario tree editor */
body .mado-portal-container .mado-scenario-builder-entry {
    --mado-scenario-builder-entry-title-size: 16px;
    display: grid;
    gap: 18px;
    padding: 20px;
    border: 1px solid #d7dee7;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
    box-shadow: none;
}

body .mado-portal-container .mado-scenario-builder-entry__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    flex-wrap: wrap;
}

body .mado-portal-container .mado-scenario-builder-entry__title {
    margin: 0 0 6px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 18px !important;
    line-height: 1.5;
    font-weight: 800;
    color: #0f172a;
}

body .mado-portal-container .mado-scenario-builder-entry__title-icon {
    width: 1em;
    height: 1em;
    flex: 0 0 1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body .mado-portal-container .mado-scenario-builder-entry__title-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

body .mado-portal-container .mado-scenario-builder-entry__lead {
    margin: 0;
    max-width: 760px;
    font-size: 14px;
    color: #475569;
    line-height: 1.7;
}

body .mado-portal-container .mado-scenario-builder-entry__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

body .mado-portal-container .mado-scenario-builder-entry__actions .mado-scenario-button {
    gap: 8px;
}

body .mado-portal-container .mado-scenario-builder-entry__action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    flex: 0 0 20px;
    line-height: 1;
}

body .mado-portal-container .mado-scenario-builder-entry__action-icon svg {
    display: block;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    fill: currentColor;
}

body .mado-portal-container .mado-scenario-builder-entry__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

body .mado-portal-container .mado-scenario-builder-entry__stat {
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #dbe5f0;
}

body .mado-portal-container .mado-scenario-builder-entry__stat-label {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body .mado-portal-container .mado-scenario-builder-entry__stat strong {
    display: block;
    font-size: 20px !important;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.2;
}

body .mado-portal-container .mado-scenario-builder-entry__outline {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

body .mado-portal-container .mado-scenario-builder-entry__outline-chip {
    display: inline-flex;
    align-items: center;
    min-height: 0;
    padding: 4px 10px;
    border-radius: 999px;
    background: #f1fbfe;
    border: 1px solid #74d8ef;
    color: #0f6e8c;
    font-size: 11px !important;
    line-height: 1.4;
    font-weight: 700;
}

body .mado-portal-container .mado-scenario-accordion-card--legacy-editor {
    margin-top: 18px;
}

body.mado-portal-account-page .mado-portal-container.mado-scenario-tree-page,
body .mado-portal-container.mado-scenario-tree-page {
    width: min(100%, 1600px) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 24px !important;
    background: #ededee !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 18px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #2563eb;
    font-weight: 600;
    text-decoration: none;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__lead {
    margin: 8px 0 0;
    max-width: 920px;
    color: #475569;
    line-height: 1.7;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 24px;
    align-items: start;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-sidebar {
    min-width: 0;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace {
    display: grid;
    gap: 16px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 14px;
    align-items: start;
    padding: 18px 20px;
    border-radius: 22px;
    border: 1px solid #dce3eb;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #0f172a;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__caption {
    margin: 6px 0 0;
    color: #64748b;
    line-height: 1.6;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__stats {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__stat {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board-wrap {
    overflow: auto;
    padding: 18px;
    border-radius: 24px;
    border: 1px solid #dce3eb;
    background:
        linear-gradient(90deg, rgba(148, 163, 184, 0.12) 1px, transparent 1px) 0 0 / 48px 48px,
        linear-gradient(rgba(148, 163, 184, 0.12) 1px, transparent 1px) 0 0 / 48px 48px,
        linear-gradient(180deg, #f8fbfd 0%, #eef4f8 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board {
    position: relative;
    min-width: 100%;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board__columns,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board__svg,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board__nodes {
    position: absolute;
    inset: 0;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board__column {
    position: absolute;
    top: 12px;
    width: 228px;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board__column-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.92);
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 10px 18px rgba(15, 23, 42, 0.16);
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board__root-add {
    display: none !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board__svg {
    overflow: visible;
    pointer-events: none;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board__path {
    fill: none;
    stroke: #7b8ca5;
    stroke-width: 2.25;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.92;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node {
    position: absolute;
    width: 228px;
    min-height: 104px;
    padding: 12px 14px 14px;
    border-radius: 20px;
    border: 1px solid #c6d1dc;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node:hover {
    border-color: #93a5b8;
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.12);
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node.is-selected {
    border-color: #0ea5e9;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.16), 0 18px 34px rgba(15, 23, 42, 0.12);
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__depth {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 800;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__top-actions {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__add-wrap {
    position: relative;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #334155;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__icon:hover,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__icon:focus-visible {
    background: #e8eef5;
    outline: none;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__icon--add {
    font-size: 24px;
    font-weight: 800;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__icon--delete {
    color: #dc2626;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__add-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 12;
    display: grid;
    gap: 6px;
    min-width: 168px;
    padding: 8px;
    border-radius: 14px;
    border: 1px solid #d7dee7;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.16);
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__add-option {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 38px;
    padding: 0 12px;
    border: 0;
    border-radius: 10px;
    background: #f8fafc;
    color: #0f172a;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__add-option:hover,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__add-option:focus-visible {
    background: #e2e8f0;
    outline: none;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__add-option[disabled] {
    opacity: 0.45;
    cursor: not-allowed;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__body {
    display: grid;
    gap: 10px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__label {
    width: 100%;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid #d0dae4;
    border-radius: 12px;
    background: #ffffff;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__label:focus {
    border-color: #0ea5e9;
    outline: none;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.14);
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__summary {
    margin: 0;
    min-height: 38px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.55;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__edit {
    position: absolute;
    right: 12px;
    bottom: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: #e8f4ff;
    color: transparent;
    cursor: pointer;
    font-size: 0;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__edit::before {
    content: "\270E";
    color: #2563eb;
    font-size: 15px;
    line-height: 1;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__edit:hover,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__edit:focus-visible {
    background: #dbeafe;
    outline: none;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-sidebar {
    display: grid;
    gap: 18px;
    position: sticky;
    top: 24px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-phone,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel {
    padding: 18px;
    border-radius: 24px;
    border: 1px solid #dce3eb;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-phone__device {
    width: min(100%, 320px);
    margin: 0 auto;
    border-radius: 28px;
    border: 1px solid #c8d6e5;
    background: linear-gradient(180deg, #93dbe3 0%, #d5fff0 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
    overflow: hidden;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-phone__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 18px 18px 14px;
    color: #ffffff;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-phone__header strong {
    display: block;
    margin-bottom: 4px;
    font-size: 18px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-phone__header span {
    font-size: 12px;
    line-height: 1.5;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-phone__status {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.2);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-phone__messages {
    display: grid;
    gap: 10px;
    min-height: 420px;
    padding: 0 14px 14px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-preview__message {
    display: flex;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-preview__message.is-user {
    justify-content: flex-end;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-preview__bubble {
    max-width: 100%;
    padding: 12px 14px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.94);
    color: #0f172a;
    font-size: 12px;
    line-height: 1.65;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-preview__message.is-user .mado-scenario-tree-preview__bubble {
    background: #12b5cb;
    color: #ffffff;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-preview__bubble.is-soft {
    background: rgba(240, 249, 255, 0.92);
    color: #1e3a8a;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-preview__chips,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-preview__refs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-preview__chip,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-preview__ref {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eef2ff;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-preview__chip.is-active {
    background: #2563eb;
    color: #ffffff;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-phone__composer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px;
    background: rgba(255, 255, 255, 0.68);
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-phone__composer span {
    display: flex;
    align-items: center;
    min-height: 42px;
    flex: 1 1 auto;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #94a3b8;
    font-size: 13px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-phone__composer button {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 999px;
    background: #10b981;
    color: #ffffff;
    font-size: 18px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel {
    display: grid;
    gap: 16px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel__section {
    display: grid;
    gap: 10px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel__label {
    font-size: 13px;
    font-weight: 800;
    color: #334155;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel__empty {
    padding: 18px;
    border-radius: 16px;
    background: #f8fafc;
    color: #64748b;
    line-height: 1.7;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel__detail {
    display: grid;
    gap: 12px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel__detail-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel__path {
    font-weight: 700;
    color: #0f172a;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel__depth {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 800;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel input[type="text"],
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel input[type="url"],
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel textarea {
    width: 100%;
    border: 1px solid #d0dae4;
    border-radius: 14px;
    background: #ffffff;
    color: #0f172a;
    padding: 12px 14px;
    font-size: 14px;
    line-height: 1.6;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel textarea {
    min-height: 104px;
    resize: vertical;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel input[type="text"]:focus,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel input[type="url"]:focus,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel textarea:focus {
    border-color: #0ea5e9;
    outline: none;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.14);
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel__hint {
    margin: -2px 0 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel__refs-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel__refs-list {
    display: grid;
    gap: 10px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel__refs-empty {
    margin: 0;
    padding: 14px;
    border-radius: 14px;
    background: #f8fafc;
    color: #64748b;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel__ref-row {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) auto;
    gap: 10px;
    align-items: center;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel__ref-remove {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 12px;
    background: #fee2e2;
    color: #dc2626;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-form__footer {
    margin-top: 18px;
    display: flex;
    justify-content: flex-end;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-modal[hidden] {
    display: none !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.54);
    backdrop-filter: blur(3px);
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-modal__dialog {
    position: relative;
    width: min(100% - 32px, 420px);
    margin: 14vh auto 0;
    padding: 22px;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.2);
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-modal__dialog h3 {
    margin: 0 0 10px;
    color: #0f172a;
    font-size: 20px;
    font-weight: 700;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-modal__dialog p {
    margin: 0;
    color: #475569;
    line-height: 1.7;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-modal__actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

@media (max-width: 1260px) {
    body .mado-portal-container .mado-scenario-builder-entry__stats {
        grid-template-columns: 1fr;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-shell {
        grid-template-columns: 1fr;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-sidebar {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    body.mado-portal-account-page .mado-portal-container.mado-scenario-tree-page,
    body .mado-portal-container.mado-scenario-tree-page {
        padding: 16px !important;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar,
    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__header,
    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-sidebar {
        grid-template-columns: 1fr;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar,
    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__stats {
        display: grid;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-phone__device {
        width: 100%;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel__ref-row {
        grid-template-columns: 1fr;
    }
}

body.mado-portal-account-page .mado-portal-container.mado-scenario-tree-page,
body .mado-portal-container.mado-scenario-tree-page {
    width: calc(100vw - 40px) !important;
    max-width: none !important;
    padding: 16px 12px 24px !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-shell {
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 12px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__header {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__stats {
    grid-column: 1 / -1;
    justify-content: flex-start;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board-wrap {
    min-height: 64vh;
    padding: 14px 8px 20px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board__column {
    width: 272px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node {
    width: 272px;
    min-height: 132px;
    height: 132px;
    padding: 12px 16px 16px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__body {
    gap: 0;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__label {
    min-height: 54px;
    height: 54px;
    padding: 10px 12px;
    resize: none;
    overflow: hidden;
    line-height: 1.45;
    font-weight: 700;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__summary {
    display: none !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-node__edit {
    right: 14px;
    bottom: 12px;
}

body .mado-portal-container.mado-scenario-tree-page #mado-scenario-tree-detail-panel {
    display: none !important;
}

body .mado-portal-container.mado-scenario-tree-page #mado-scenario-tree-detail-panel > label[for="mado-scenario-tree-detail-label"],
body .mado-portal-container.mado-scenario-tree-page #mado-scenario-tree-detail-label,
body .mado-portal-container.mado-scenario-tree-page #mado-scenario-tree-detail-answer-wrap {
    display: none !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel__detail {
    gap: 14px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-phone,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel {
    padding: 16px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-preview__bubble strong {
    font-weight: 800;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-preview__bubble a,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-preview__ref {
    color: #0f4ec9;
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-preview__message.is-user .mado-scenario-tree-preview__bubble a {
    color: #ffffff;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover[hidden] {
    display: none !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover {
    position: absolute;
    z-index: 10020;
    width: min(300px, calc(100vw - 32px));
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__panel {
    position: relative;
    display: grid;
    gap: 10px;
    max-height: calc(100vh - 32px);
    padding: 12px 12px 14px;
    overflow: auto;
    border: 1px solid #d7dee7;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.16);
    backdrop-filter: blur(12px);
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover[data-placement="above"] .mado-scenario-tree-editor-popover__panel::after,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover[data-placement="below"] .mado-scenario-tree-editor-popover__panel::after {
    content: "";
    position: absolute;
    left: var(--mado-editor-tail-left, 54px);
    width: 18px;
    height: 18px;
    margin-left: -9px;
    background: #ffffff;
    transform: rotate(45deg);
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover[data-placement="above"] .mado-scenario-tree-editor-popover__panel::after {
    bottom: -9px;
    border-right: 1px solid #d7dee7;
    border-bottom: 1px solid #d7dee7;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover[data-placement="below"] .mado-scenario-tree-editor-popover__panel::after {
    top: -9px;
    border-left: 1px solid #d7dee7;
    border-top: 1px solid #d7dee7;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__heading {
    display: grid;
    gap: 4px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__title {
    color: #0f172a;
    font-size: 15px;
    font-weight: 800;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__path {
    color: #64748b;
    font-size: 11px;
    line-height: 1.5;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__close,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__tool {
    border: 0;
    border-radius: 12px;
    background: #eff6ff;
    color: #1d4ed8;
    cursor: pointer;
    font-weight: 700;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__close {
    width: 34px;
    height: 34px;
    font-size: 20px;
    line-height: 1;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__field {
    display: grid;
    gap: 8px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__field > span {
    color: #334155;
    font-size: 13px;
    font-weight: 800;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__field textarea,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__linkbox input {
    width: 100%;
    border: 1px solid #d0dae4;
    border-radius: 12px;
    background: #ffffff;
    color: #0f172a;
    padding: 9px 11px;
    font-size: 14px;
    line-height: 1.6;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__field textarea {
    resize: vertical;
    min-height: 58px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__field textarea:focus,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__linkbox input:focus {
    border-color: #0ea5e9;
    outline: none;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.14);
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__toolbar,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__toolbar {
    margin-top: -2px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__tool {
    min-height: 34px;
    padding: 0 12px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__linkbox {
    display: grid;
    gap: 8px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__hint {
    margin: -2px 0 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-editor-popover__actions {
    justify-content: flex-end;
}

@media (max-width: 1440px) {
    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-shell {
        grid-template-columns: minmax(0, 1fr) 300px;
    }
}

@media (max-width: 1260px) {
    body.mado-portal-account-page .mado-portal-container.mado-scenario-tree-page,
    body .mado-portal-container.mado-scenario-tree-page {
        width: calc(100vw - 24px) !important;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board-wrap {
        min-height: 58vh;
    }
}

body.mado-portal-account-page .mado-portal-container.mado-scenario-tree-page,
body .mado-portal-container.mado-scenario-tree-page {
    width: calc(100vw - 8px) !important;
    padding: 0 4px 12px !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar-actions {
    margin-right: 18px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 8px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.4;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__breadcrumb a {
    color: #2563eb;
    text-decoration: none;
    font-weight: 700;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__breadcrumb a:hover,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__breadcrumb a:focus-visible {
    text-decoration: underline;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar-copy {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.mado-portal-account-page .woocommerce-MyAccount-content:has(.mado-scenario-tree-page),
body.mado-portal-account-page .entry-content:has(.mado-scenario-tree-page),
body.mado-portal-account-page .inside-article:has(.mado-scenario-tree-page) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.mado-portal-account-page .mado-portal-shell:has(.mado-scenario-tree-page) {
    margin-top: 0 !important;
}

body.mado-portal-account-page .mado-portal-shell:has(.mado-scenario-tree-page) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
}

body.mado-portal-account-page .mado-portal-shell:has(.mado-scenario-tree-page) .mado-portal-shell__sidebar {
    display: none !important;
}

body.mado-portal-account-page .woocommerce-MyAccount-content:has(.mado-scenario-tree-page),
body.mado-portal-account-page .entry-content:has(.mado-scenario-tree-page),
body.mado-portal-account-page .inside-article:has(.mado-scenario-tree-page) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body .mado-portal-container.mado-scenario-tree-page {
    background: transparent !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace {
    gap: 8px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__header {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-form__footer {
    display: none !important;
}

body .mado-portal-shell.mado-portal-shell--action-scenario-tree {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

body .mado-portal-shell.mado-portal-shell--action-scenario-tree > .mado-portal-shell__sidebar {
    display: none !important;
}

body .mado-portal-shell.mado-portal-shell--action-scenario-tree > .mado-portal-shell__content,
body .mado-portal-shell.mado-portal-shell--action-scenario-tree > .mado-portal-shell__content > .mado-portal-shell__content-frame {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .mado-portal-shell.mado-portal-shell--action-scenario-tree .mado-portal-container.mado-scenario-tree-page {
    width: 100vw !important;
    max-width: none !important;
    margin: 0 calc(50% - 50vw) !important;
    padding: 0 !important;
    background: transparent !important;
}

body.mado-scenario-tree-active .woocommerce-MyAccount-navigation,
body.mado-scenario-tree-active .mado-portal-shell__sidebar {
    display: none !important;
}

/* Scenario tree page only: remove global utility toolbar above the editor. */
body .mado-portal-shell.mado-portal-shell--action-scenario-tree > .mado-portal-frame-toolbar,
body .mado-portal-shell.mado-portal-shell--action-scenario-tree .mado-portal-shell__content-frame > .mado-portal-frame-toolbar,
body.mado-scenario-tree-active .mado-portal-frame-toolbar {
    display: none !important;
}

body.mado-scenario-tree-active .mado-portal-shell,
body.mado-scenario-tree-active .mado-portal-shell__content,
body.mado-scenario-tree-active .mado-portal-shell__content-frame,
body.mado-scenario-tree-active .woocommerce,
body.mado-scenario-tree-active .woocommerce-MyAccount-content,
body.mado-scenario-tree-active #content,
body.mado-scenario-tree-active #primary,
body.mado-scenario-tree-active .content-area,
body.mado-scenario-tree-active .site-content,
body.mado-scenario-tree-active .inside-article,
body.mado-scenario-tree-active .entry-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.mado-scenario-tree-active .mado-portal-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
}

body.mado-scenario-tree-active .mado-portal-container.mado-scenario-tree-page {
    width: 100vw !important;
    max-width: none !important;
    margin: 0 calc(50% - 50vw) !important;
    padding: 0 !important;
    background: transparent !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-shell {
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 10px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board-wrap {
    padding: 10px 12px;
    min-height: 0;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board {
    min-width: 0;
}

@media (max-width: 1260px) {
    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar-actions {
        margin-right: 0;
    }
}

body .mado-portal-container.mado-scenario-tree-page {
    --mado-scenario-tree-page-gutter: clamp(12px, 1.4vw, 18px);
    --mado-scenario-tree-page-padding: 0 var(--mado-scenario-tree-page-gutter) 18px;
    --mado-scenario-tree-shell-gap: 0px;
    --mado-scenario-tree-sidebar-width: 320px;
    --mado-scenario-tree-board-pad-top: 12px;
    --mado-scenario-tree-board-pad-right: 0px;
    --mado-scenario-tree-board-pad-bottom: 20px;
    --mado-scenario-tree-board-pad-left: 96px;
    --mado-scenario-tree-sticky-gap: 0px;
    --mado-scenario-tree-admin-offset: 0px;
    --mado-scenario-tree-topbar-height: 0px;
    --mado-scenario-tree-sticky-top: calc(var(--mado-scenario-tree-admin-offset) + var(--mado-scenario-tree-sticky-gap));
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: var(--mado-scenario-tree-page-padding) !important;
    box-sizing: border-box;
    background: transparent !important;
    overflow: visible !important;
}

body.mado-scenario-tree-active .mado-portal-shell,
body.mado-scenario-tree-active .mado-portal-shell__content,
body.mado-scenario-tree-active .mado-portal-shell__content-frame,
body.mado-scenario-tree-active .woocommerce,
body.mado-scenario-tree-active .woocommerce-MyAccount-content,
body.mado-scenario-tree-active #content,
body.mado-scenario-tree-active #primary,
body.mado-scenario-tree-active .content-area,
body.mado-scenario-tree-active .site-content,
body.mado-scenario-tree-active .inside-article,
body.mado-scenario-tree-active .entry-content {
    overflow: visible !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-form,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-shell,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace {
    overflow: visible;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar {
    position: sticky;
    top: var(--mado-scenario-tree-sticky-top);
    left: var(--mado-scenario-tree-page-gutter);
    right: var(--mado-scenario-tree-page-gutter);
    z-index: 60;
    margin: 0 0 16px;
    padding: 16px 18px;
    border: 1px solid #dce3eb;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(10px);
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar-copy {
    min-width: 0;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar-actions {
    margin-right: 0;
    align-items: center;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-shell {
    display: grid;
    grid-template-columns: max-content var(--mado-scenario-tree-sidebar-width);
    gap: var(--mado-scenario-tree-shell-gap);
    align-items: start;
    width: max-content;
    min-width: 100%;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace {
    width: max-content;
    min-width: max-content;
    gap: 12px;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__header {
    position: sticky;
    top: calc(var(--mado-scenario-tree-sticky-top) + var(--mado-scenario-tree-topbar-height) + 12px);
    left: var(--mado-scenario-tree-page-gutter);
    z-index: 50;
    justify-self: start;
    width: min(960px, calc(100vw - (var(--mado-scenario-tree-page-gutter) * 2) - var(--mado-scenario-tree-sidebar-width) - var(--mado-scenario-tree-shell-gap)));
    max-width: calc(100vw - (var(--mado-scenario-tree-page-gutter) * 2) - var(--mado-scenario-tree-sidebar-width) - var(--mado-scenario-tree-shell-gap));
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 14px;
    align-items: center;
    padding: 16px 18px !important;
    border: 1px solid #dce3eb !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08) !important;
    backdrop-filter: blur(10px);
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__actions {
    justify-content: flex-end;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__stats {
    grid-column: auto;
    justify-content: flex-end;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board-wrap {
    overflow: visible !important;
    width: max-content;
    min-width: max-content;
    min-height: 64vh;
    padding: var(--mado-scenario-tree-board-pad-top) var(--mado-scenario-tree-board-pad-right) var(--mado-scenario-tree-board-pad-bottom) var(--mado-scenario-tree-board-pad-left);
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board {
    min-width: 0;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-sidebar {
    display: grid;
    gap: 18px;
    width: var(--mado-scenario-tree-sidebar-width);
    min-width: var(--mado-scenario-tree-sidebar-width);
    position: sticky;
    top: calc(var(--mado-scenario-tree-sticky-top) + var(--mado-scenario-tree-topbar-height) + 12px);
    right: var(--mado-scenario-tree-page-gutter);
    align-self: start;
    justify-self: end;
    z-index: 45;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-phone,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-panel {
    background: rgba(255, 255, 255, 0.96);
}

@media (max-width: 1260px) {
    body .mado-portal-container.mado-scenario-tree-page {
        --mado-scenario-tree-page-gutter: 12px;
        --mado-scenario-tree-board-pad-left: 72px;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-shell {
        grid-template-columns: 1fr;
        width: max-content;
        min-width: 100%;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__header {
        width: min(100%, calc(100vw - (var(--mado-scenario-tree-page-gutter) * 2)));
        max-width: calc(100vw - (var(--mado-scenario-tree-page-gutter) * 2));
        grid-template-columns: minmax(0, 1fr) auto;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__stats {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-sidebar {
        position: static;
        top: auto;
        right: auto;
        width: min(100%, 720px);
        min-width: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-self: stretch;
    }
}

@media (max-width: 960px) {
    body .mado-portal-container.mado-scenario-tree-page {
        --mado-scenario-tree-page-padding: 8px 12px 14px;
        --mado-scenario-tree-board-pad-left: 28px;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar,
    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__header {
        position: static;
        left: auto;
        right: auto;
        width: auto;
        max-width: none;
        backdrop-filter: none;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__header,
    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-sidebar {
        grid-template-columns: 1fr;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__stats {
        grid-column: auto;
        justify-content: flex-start;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-sidebar {
        width: 100%;
        grid-template-columns: 1fr;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board-wrap {
        padding: 12px 12px 18px var(--mado-scenario-tree-board-pad-left);
    }
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--mado-scenario-tree-sidebar-width) !important;
    align-items: flex-start !important;
    gap: var(--mado-scenario-tree-shell-gap) !important;
    width: 100% !important;
    min-width: 0 !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    column-gap: 18px !important;
    position: sticky !important;
    top: var(--mado-scenario-tree-sticky-top) !important;
    z-index: 60 !important;
    margin: 0 !important;
    padding: 16px 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__crumb-heading {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    color: #0f172a !important;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__crumb-icon {
    color: #475569 !important;
    flex: 0 0 auto !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__crumb-trail {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    min-width: 0 !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__crumb-link,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__crumb-current {
    font: inherit !important;
    line-height: inherit !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__crumb-link {
    color: #2271b1 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    text-decoration-thickness: 1.5px !important;
    text-underline-offset: 0.18em !important;
    transition: color 0.18s ease !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__crumb-link:visited {
    color: #2271b1 !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__crumb-link:hover,
body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__crumb-link:focus-visible {
    color: #0f5d99 !important;
    text-decoration: underline !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__crumb-separator {
    color: #0f172a !important;
    font-weight: 700 !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__crumb-current {
    color: #0f172a !important;
    font-weight: 800 !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar-copy {
    min-width: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    align-self: start !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar-meta {
    display: inline-flex !important;
    align-items: center !important;
    justify-self: start !important;
    gap: 10px !important;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar-stat {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: #f1f5f9 !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    font-family: "Noto Sans JP", "Noto Sans", sans-serif !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__help-chip {
    margin-left: 2px !important;
    flex: 0 0 auto !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar-actions {
    display: inline-flex !important;
    align-items: center !important;
    justify-self: start !important;
    gap: 10px !important;
    margin-right: 32px !important;
}

body .mado-portal-container.mado-scenario-tree-page.is-space-pan-ready .mado-scenario-tree-board-wrap,
body .mado-portal-container.mado-scenario-tree-page.is-space-pan-ready .mado-scenario-tree-board,
body .mado-portal-container.mado-scenario-tree-page.is-space-pan-ready .mado-scenario-tree-board__nodes,
body .mado-portal-container.mado-scenario-tree-page.is-space-pan-ready .mado-scenario-tree-board__svg {
    cursor: grab !important;
}

body .mado-portal-container.mado-scenario-tree-page.is-space-panning .mado-scenario-tree-board-wrap,
body .mado-portal-container.mado-scenario-tree-page.is-space-panning .mado-scenario-tree-board,
body .mado-portal-container.mado-scenario-tree-page.is-space-panning .mado-scenario-tree-board__nodes,
body .mado-portal-container.mado-scenario-tree-page.is-space-panning .mado-scenario-tree-board__svg {
    cursor: grabbing !important;
    user-select: none !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__header {
    position: sticky !important;
    top: calc(var(--mado-scenario-tree-sticky-top) + var(--mado-scenario-tree-topbar-height) + 12px) !important;
    z-index: 50 !important;
    width: min(960px, calc(100vw - (var(--mado-scenario-tree-page-gutter) * 2) - var(--mado-scenario-tree-sidebar-width) - var(--mado-scenario-tree-shell-gap))) !important;
    max-width: calc(100vw - (var(--mado-scenario-tree-page-gutter) * 2) - var(--mado-scenario-tree-sidebar-width) - var(--mado-scenario-tree-shell-gap)) !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    padding: 16px 18px !important;
    border: 1px solid #dce3eb !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08) !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__caption {
    margin: 0 !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__title-wrap {
    display: flex !important;
    align-items: center !important;
    min-height: 40px !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace__help-chip {
    flex: 0 0 auto !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board-wrap {
    overflow: visible !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: max(64vh, calc(100vh - var(--mado-scenario-tree-sticky-top) - 126px)) !important;
    padding: var(--mado-scenario-tree-board-pad-top) var(--mado-scenario-tree-board-pad-right) var(--mado-scenario-tree-board-pad-bottom) var(--mado-scenario-tree-board-pad-left) !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board__nodes {
    border-radius: 0 !important;
}

body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-sidebar {
    display: grid !important;
    gap: 18px !important;
    flex: 0 0 var(--mado-scenario-tree-sidebar-width) !important;
    width: var(--mado-scenario-tree-sidebar-width) !important;
    min-width: var(--mado-scenario-tree-sidebar-width) !important;
    margin-left: auto !important;
    position: sticky !important;
    top: calc(var(--mado-scenario-tree-sticky-top) + var(--mado-scenario-tree-topbar-height) + 16px) !important;
    right: var(--mado-scenario-tree-page-gutter) !important;
    align-self: flex-start !important;
    z-index: 45 !important;
}

@media (max-width: 1260px) {
    body .mado-portal-container.mado-scenario-tree-page {
        --mado-scenario-tree-board-pad-left: 72px;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar {
        grid-template-columns: minmax(0, 1fr) auto !important;
        row-gap: 12px !important;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar-meta {
        grid-column: 1 / -1 !important;
        justify-self: center !important;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-shell {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace {
        min-width: 0 !important;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-sidebar {
        position: static !important;
        top: auto !important;
        right: auto !important;
        width: min(100%, 720px) !important;
        min-width: 0 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 960px) {
    body .mado-portal-container.mado-scenario-tree-page {
        --mado-scenario-tree-board-pad-left: 28px;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__crumb-trail {
        gap: 8px !important;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar {
        position: static !important;
        width: auto !important;
        max-width: none !important;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar {
        grid-template-columns: 1fr !important;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar-meta,
    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-page__topbar-actions {
        justify-self: start !important;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-sidebar {
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }

    body .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board-wrap {
        padding: 12px 12px 18px var(--mado-scenario-tree-board-pad-left) !important;
    }
}

/* Hide duplicated theme header navigation on portal/help pages only. */
body.mado-hide-duplicate-header-nav .site-header .mado-duplicate-header-menu-wrap,
body.mado-hide-duplicate-header-nav .site-header .mado-duplicate-header-menu,
body.mado-hide-duplicate-header-nav #masthead .mado-duplicate-header-menu-wrap,
body.mado-hide-duplicate-header-nav #masthead .mado-duplicate-header-menu,
body.mado-hide-duplicate-header-nav .site-header .main-navigation,
body.mado-hide-duplicate-header-nav .site-header .secondary-navigation,
body.mado-hide-duplicate-header-nav .site-header .primary-navigation,
body.mado-hide-duplicate-header-nav .site-header .site-navigation,
body.mado-hide-duplicate-header-nav .site-header #site-navigation,
body.mado-hide-duplicate-header-nav .site-header .header-navigation,
body.mado-hide-duplicate-header-nav .site-header .ast-header-navigation,
body.mado-hide-duplicate-header-nav .site-header .ast-builder-menu,
body.mado-hide-duplicate-header-nav .site-header .main-header-menu,
body.mado-hide-duplicate-header-nav .site-header .ast-mobile-menu-buttons,
body.mado-hide-duplicate-header-nav .site-header .menu-toggle,
body.mado-hide-duplicate-header-nav #masthead nav:has(> ul > li.page_item),
body.mado-hide-duplicate-header-nav #masthead nav:has(> ul > li.menu-item),
body.mado-hide-duplicate-header-nav #masthead nav:has(> div > ul > li.page_item),
body.mado-hide-duplicate-header-nav #masthead nav:has(> div > ul > li.menu-item),
body.mado-hide-duplicate-header-nav .site-header nav:has(> ul > li.page_item),
body.mado-hide-duplicate-header-nav .site-header nav:has(> ul > li.menu-item),
body.mado-hide-duplicate-header-nav .site-header nav:has(> div > ul > li.page_item),
body.mado-hide-duplicate-header-nav .site-header nav:has(> div > ul > li.menu-item),
body.mado-hide-duplicate-header-nav #masthead .menu:has(> ul > li.page_item),
body.mado-hide-duplicate-header-nav #masthead .menu:has(> ul > li.menu-item),
body.mado-hide-duplicate-header-nav #masthead .menu:has(> li.page_item),
body.mado-hide-duplicate-header-nav #masthead .menu:has(> li.menu-item),
body.mado-hide-duplicate-header-nav .site-header .menu:has(> ul > li.page_item),
body.mado-hide-duplicate-header-nav .site-header .menu:has(> ul > li.menu-item),
body.mado-hide-duplicate-header-nav .site-header .menu:has(> li.page_item),
body.mado-hide-duplicate-header-nav .site-header .menu:has(> li.menu-item) {
    display: none !important;
}

body .mado-portal-container .mado-unified-design-intro {
    margin: 0 0 18px 0;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid #d9efe9;
    background: linear-gradient(135deg, #f4fcfa 0%, #f2f8ff 100%);
    color: #334155;
}

body .mado-portal-container .mado-unified-design-intro strong {
    color: #0f172a;
}

body .mado-portal-container .mado-unified-design-intro p,
body .mado-portal-container .mado-unified-design-intro ul {
    margin: 0;
}

body .mado-portal-container .mado-unified-field-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 14px 16px;
    margin-top: 16px;
}

body .mado-portal-container .mado-unified-inline-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
    margin-top: 16px;
}

body .mado-portal-container .mado-unified-priority-note {
    margin: 0 0 16px 0;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid #d6ebe4;
    background: linear-gradient(135deg, rgba(241, 250, 247, 0.96) 0%, rgba(246, 250, 255, 0.96) 100%);
    color: #335268;
    font-size: 13px;
    line-height: 1.6;
}

body .mado-portal-container .mado-unified-priority-note[hidden] {
    display: none !important;
}

body .mado-portal-container .mado-unified-priority-note strong {
    color: #0f172a;
}

body .mado-portal-container .mado-design-accordion-card[data-unified-active="1"] > .mado-design-accordion-header {
    background: linear-gradient(135deg, rgba(248, 253, 251, 0.98) 0%, rgba(245, 250, 255, 0.98) 100%) !important;
}

@media (max-width: 782px) {
    body .mado-portal-container .mado-unified-field-grid {
        grid-template-columns: 1fr;
    }
}

/* Keep CSV/map/category icons deterministic from first paint and after CSS overrides */
body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header .mado-scenario-accordion-icon,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-design-accordion-header .mado-site-qa-csv-accordion__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    flex: 0 0 20px !important;
    overflow: hidden !important;
}

body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header .mado-scenario-accordion-icon svg,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-design-accordion-header .mado-site-qa-csv-accordion__icon svg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
}

body .mado-portal-container .mado-scenario-builder-entry__title-icon,
body .mado-portal-container .mado-site-qa-category-accordion__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    min-height: 25px !important;
    flex: 0 0 25px !important;
    overflow: hidden !important;
}

body .mado-portal-container .mado-scenario-builder-entry__title-icon svg,
body .mado-portal-container .mado-site-qa-category-accordion__icon svg {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    min-height: 25px !important;
}

/* Scenario CSV accordion: use the same +/- glyph style as Q&A CSV */
body.mado-portal-account-page .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron,
body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron {
    position: static !important;
    right: auto !important;
    top: auto !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
    transform: none !important;
}

body.mado-portal-account-page .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before,
body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before {
    content: "+" !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 26px !important;
    font-family: "Noto Sans JP", "Arial Black", "Noto Sans", sans-serif !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

body.mado-portal-account-page .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv[open] > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before,
body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv[open] > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before,
body.mado-portal-account-page .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv.is-open > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before,
body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv.is-open > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before,
body.mado-portal-account-page .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv[data-open="true"] > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before,
body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv[data-open="true"] > summary.mado-scenario-accordion-header > .mado-design-accordion-chevron::before {
    content: "\2212" !important;
}

/* Align plus icon X-position with Scenario CSV baseline */
body.mado-portal-account-page .mado-portal-container .mado-site-qa-category-accordion > summary.mado-site-qa-category-accordion__summary,
body .mado-portal-container .mado-site-qa-category-accordion > summary.mado-site-qa-category-accordion__summary,
body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-design-accordion-header,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-design-accordion-header {
    padding-right: 56px !important;
    padding-left: 24px !important;
}

/* Q&A CSV (scenario-like): match Scenario CSV icon and button layout */
body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .button.mado-scenario-button,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .button.mado-scenario-button,
body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-upload-trigger,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-upload-trigger,
body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-upload-row > .button.mado-scenario-button,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-upload-row > .button.mado-scenario-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 11px 20px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    min-width: 0 !important;
    width: auto !important;
    box-sizing: border-box !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .mado-scenario-button.mado-scenario-download-btn::before,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .mado-scenario-button.mado-scenario-download-btn::before {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    flex: 0 0 24px !important;
    margin-right: 9px !important;
    background-size: 24px 24px !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .button.mado-scenario-button.mado-scenario-button--green,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .button.mado-scenario-button.mado-scenario-button--green {
    background: #1dbfa0 !important;
    border-color: #1dbfa0 !important;
    color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(12, 229, 187, 0.22) !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .button.mado-scenario-button.mado-scenario-button--green:hover,
body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .button.mado-scenario-button.mado-scenario-button--green:focus,
body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .button.mado-scenario-button.mado-scenario-button--green:active,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .button.mado-scenario-button.mado-scenario-button--green:hover,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .button.mado-scenario-button.mado-scenario-button--green:focus,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .button.mado-scenario-button.mado-scenario-button--green:active {
    background: #169a81 !important;
    border-color: #169a81 !important;
    color: #ffffff !important;
    box-shadow: 0 16px 30px rgba(12, 229, 187, 0.28) !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .button.mado-scenario-button.mado-scenario-button--blue,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .button.mado-scenario-button.mado-scenario-button--blue {
    background: #0088b2 !important;
    border-color: #0088b2 !important;
    color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(0, 136, 178, 0.2) !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .button.mado-scenario-button.mado-scenario-button--blue:hover,
body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .button.mado-scenario-button.mado-scenario-button--blue:focus,
body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .button.mado-scenario-button.mado-scenario-button--blue:active,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .button.mado-scenario-button.mado-scenario-button--blue:hover,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .button.mado-scenario-button.mado-scenario-button--blue:focus,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions .button.mado-scenario-button.mado-scenario-button--blue:active {
    background: #006f92 !important;
    border-color: #006f92 !important;
    color: #ffffff !important;
    box-shadow: 0 16px 30px rgba(0, 136, 178, 0.26) !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-upload-row > .button.mado-scenario-button.mado-scenario-button--cyan,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-upload-row > .button.mado-scenario-button.mado-scenario-button--cyan {
    background: #05cece !important;
    border-color: #05cece !important;
    color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(5, 206, 206, 0.22) !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-upload-row > .button.mado-scenario-button.mado-scenario-button--cyan:hover,
body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-upload-row > .button.mado-scenario-button.mado-scenario-button--cyan:focus,
body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-upload-row > .button.mado-scenario-button.mado-scenario-button--cyan:active,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-upload-row > .button.mado-scenario-button.mado-scenario-button--cyan:hover,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-upload-row > .button.mado-scenario-button.mado-scenario-button--cyan:focus,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-upload-row > .button.mado-scenario-button.mado-scenario-button--cyan:active {
    background: #04adad !important;
    border-color: #04adad !important;
    color: #ffffff !important;
    box-shadow: 0 16px 30px rgba(5, 206, 206, 0.28) !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-upload-trigger,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-upload-trigger {
    border: 0 !important;
    background: #c9f2ed !important;
    color: #0b4d54 !important;
    box-shadow: none !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-upload-picker,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-upload-picker {
    gap: 10px !important;
}

/* Scenario tree hard override (single source of truth) */
body.mado-scenario-tree-active #masthead,
body.mado-scenario-tree-active .inside-header,
body.mado-scenario-tree-active .mado-portal-frame-toolbar,
body.mado-scenario-tree-active .mado-portal-breadcrumb {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.mado-scenario-tree-active .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-shell {
    grid-template-columns: minmax(0, 1fr) var(--mado-scenario-tree-sidebar-width, 320px) !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0 !important;
    position: relative !important;
    overflow: visible !important;
}

body.mado-scenario-tree-active .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace {
    grid-column: 1 / 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    z-index: 1 !important;
    overflow: visible !important;
}

body.mado-scenario-tree-active .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board-wrap {
    width: calc(100% + var(--mado-scenario-tree-sidebar-width, 320px)) !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-right: calc(var(--mado-scenario-tree-sidebar-width, 320px) * -1) !important;
    overflow: visible !important;
    padding-right: 0 !important;
}

body.mado-scenario-tree-active .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board__nodes {
    border-radius: 0 !important;
}

body.mado-scenario-tree-active .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-sidebar {
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;
    justify-self: stretch !important;
    align-self: start !important;
    position: sticky !important;
    top: calc(var(--mado-scenario-tree-sticky-top, 0px) + var(--mado-scenario-tree-topbar-height, 0px) + 16px) !important;
    z-index: 45 !important;
}

@media (max-width: 1260px) {
    body.mado-scenario-tree-active .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-shell {
        grid-template-columns: 1fr !important;
    }

    body.mado-scenario-tree-active .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-workspace {
        grid-column: 1 / -1 !important;
    }

    body.mado-scenario-tree-active .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-board-wrap {
        width: 100% !important;
        margin-right: 0 !important;
    }

    body.mado-scenario-tree-active .mado-portal-container.mado-scenario-tree-page .mado-scenario-tree-sidebar {
        grid-column: auto !important;
        grid-row: auto !important;
        justify-self: stretch !important;
        position: static !important;
        top: auto !important;
    }
}

/* CSV accordion spacing/layout parity (Scenario + Q&A scenario-like) */
body.mado-portal-account-page .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv .mado-scenario-actions,
body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv .mado-scenario-actions,
body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-scenario-actions {
    margin: 16px 0 18px !important;
    gap: 12px !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-upload-row.mado-scenario-upload-row,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-upload-row.mado-scenario-upload-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-upload-picker.mado-scenario-upload-picker,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-upload-picker.mado-scenario-upload-picker {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    flex: 1 1 320px !important;
    min-width: 0 !important;
}

body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-upload-row.mado-scenario-upload-row > .button.mado-scenario-button,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like .mado-site-qa-csv-upload-row.mado-scenario-upload-row > .button.mado-scenario-button {
    margin-left: auto !important;
}

/* Download buttons: tighten icon/text spacing to match template-button feel */
body.mado-portal-account-page .mado-portal-container .mado-scenario-actions .mado-scenario-button.mado-scenario-download-btn,
body .mado-portal-container .mado-scenario-actions .mado-scenario-button.mado-scenario-download-btn,
body.mado-portal-account-page .mado-portal-container .mado-scenario-upload-row > .mado-scenario-button.mado-scenario-download-btn,
body .mado-portal-container .mado-scenario-upload-row > .mado-scenario-button.mado-scenario-download-btn {
    gap: 6px !important;
}

body.mado-portal-account-page .mado-portal-container .mado-scenario-actions .mado-scenario-button.mado-scenario-download-btn::before,
body .mado-portal-container .mado-scenario-actions .mado-scenario-button.mado-scenario-download-btn::before,
body.mado-portal-account-page .mado-portal-container .mado-scenario-upload-row > .mado-scenario-button.mado-scenario-download-btn::before,
body .mado-portal-container .mado-scenario-upload-row > .mado-scenario-button.mado-scenario-download-btn::before {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    flex: 0 0 18px !important;
    margin-right: 0 !important;
    background-size: 18px 18px !important;
}

/* Accordion header height parity (Scenario CSV baseline) */
body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-design-accordion-header,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-design-accordion-header,
body.mado-portal-account-page .mado-portal-container .mado-site-qa-category-accordion > summary.mado-site-qa-category-accordion__summary,
body .mado-portal-container .mado-site-qa-category-accordion > summary.mado-site-qa-category-accordion__summary {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.mado-portal-account-page .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header .mado-design-accordion-trigger,
body .mado-portal-container.mado-scenario-page .mado-scenario-accordion-card--csv > summary.mado-scenario-accordion-header .mado-design-accordion-trigger,
body.mado-portal-account-page .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-design-accordion-header .mado-design-accordion-trigger,
body .mado-portal-container .mado-site-qa-csv-accordion--scenario-like > summary.mado-design-accordion-header .mado-design-accordion-trigger,
body.mado-portal-account-page .mado-portal-container .mado-site-qa-category-accordion > summary.mado-site-qa-category-accordion__summary .mado-site-qa-category-accordion__summary-main,
body .mado-portal-container .mado-site-qa-category-accordion > summary.mado-site-qa-category-accordion__summary .mado-site-qa-category-accordion__summary-main {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 74px !important;
    padding: 18px 56px 18px 24px !important;
    box-sizing: border-box !important;
}

/* Site QA header actions: use CSV-template button classes + 25px icon baseline */
body.mado-portal-account-page .mado-portal-container #mado-site-qa .mado-site-qa__hero-actions .mado-site-qa-template-button--csv-like,
body .mado-portal-container #mado-site-qa .mado-site-qa__hero-actions .mado-site-qa-template-button--csv-like,
body.mado-portal-account-page .mado-portal-container #mado-site-qa .mado-site-qa__list-header-actions .mado-site-qa-download-csv-btn.mado-site-qa-csv-button,
body .mado-portal-container #mado-site-qa .mado-site-qa__list-header-actions .mado-site-qa-download-csv-btn.mado-site-qa-csv-button {
    gap: 6px !important;
}

body.mado-portal-account-page .mado-portal-container #mado-site-qa .mado-site-qa__hero-actions .mado-site-qa-template-button--csv-like.mado-scenario-download-btn::before,
body .mado-portal-container #mado-site-qa .mado-site-qa__hero-actions .mado-site-qa-template-button--csv-like.mado-scenario-download-btn::before {
    content: none !important;
    display: none !important;
}

body.mado-portal-account-page .mado-portal-container #mado-site-qa .mado-site-qa__hero-actions .mado-site-qa-template-button--csv-like .mado-template-action-icon,
body .mado-portal-container #mado-site-qa .mado-site-qa__hero-actions .mado-site-qa-template-button--csv-like .mado-template-action-icon {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    min-height: 25px !important;
    flex: 0 0 25px !important;
}

body.mado-portal-account-page .mado-portal-container #mado-site-qa .mado-site-qa__hero-actions .mado-site-qa-template-button--csv-like .mado-template-action-icon svg,
body .mado-portal-container #mado-site-qa .mado-site-qa__hero-actions .mado-site-qa-template-button--csv-like .mado-template-action-icon svg {
    width: 25px !important;
    height: 25px !important;
}

body.mado-portal-account-page .mado-portal-container #mado-site-qa .mado-site-qa__list-header-actions .mado-site-qa-download-csv-btn.mado-scenario-download-btn::before,
body .mado-portal-container #mado-site-qa .mado-site-qa__list-header-actions .mado-site-qa-download-csv-btn.mado-scenario-download-btn::before {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    min-height: 25px !important;
    flex: 0 0 25px !important;
    background-size: 25px 25px !important;
}

/* Site token actions: force blue style for "陦ｨ遉ｺ" / "繧ｳ繝斐・" buttons */
body.mado-portal-account-page .mado-portal-shell .mado-portal-shell__site-token-actions,
body .mado-portal-shell .mado-portal-shell__site-token-actions {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 8px !important;
}

body.mado-portal-account-page .mado-portal-shell .mado-portal-shell__site-token-actions .button.mado-dashboard__copy-btn,
body .mado-portal-shell .mado-portal-shell__site-token-actions .button.mado-dashboard__copy-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    padding: 3px 12px !important;
    border: 1px solid #0088b2 !important;
    border-radius: 999px !important;
    background: #0088b2 !important;
    background-image: none !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

body.mado-portal-account-page .mado-portal-shell .mado-portal-shell__site-token-actions .button.mado-dashboard__copy-btn:hover,
body.mado-portal-account-page .mado-portal-shell .mado-portal-shell__site-token-actions .button.mado-dashboard__copy-btn:focus,
body.mado-portal-account-page .mado-portal-shell .mado-portal-shell__site-token-actions .button.mado-dashboard__copy-btn:active,
body .mado-portal-shell .mado-portal-shell__site-token-actions .button.mado-dashboard__copy-btn:hover,
body .mado-portal-shell .mado-portal-shell__site-token-actions .button.mado-dashboard__copy-btn:focus,
body .mado-portal-shell .mado-portal-shell__site-token-actions .button.mado-dashboard__copy-btn:active {
    border-color: #006f92 !important;
    background: #006f92 !important;
    background-image: none !important;
    color: #ffffff !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

/* Keep Site QA primary action buttons pill-shaped */
body.mado-portal-account-page .mado-portal-container #mado-site-qa .mado-site-qa__hero-actions .mado-site-qa-template-button--csv-like,
body .mado-portal-container #mado-site-qa .mado-site-qa__hero-actions .mado-site-qa-template-button--csv-like,
body.mado-portal-account-page .mado-portal-container #mado-site-qa .mado-site-qa__list-header-actions .mado-site-qa-download-csv-btn,
body .mado-portal-container #mado-site-qa .mado-site-qa__list-header-actions .mado-site-qa-download-csv-btn {
    border-radius: 999px !important;
}

/* ===== Chat log search-first refresh ===== */
.mado-chat-log-page {
    display: block;
}

.mado-chat-log-lead {
    margin: 0 0 18px;
    color: #475569;
    font-size: 14px;
    line-height: 1.75;
}

.mado-chat-log-search-card,
.mado-chat-log-panel,
.mado-chat-log-list-container {
    background: #ffffff;
    border: 1px solid #dbe4ee;
    border-radius: 16px;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.05);
}

.mado-chat-log-search-card {
    padding: 24px;
    margin-bottom: 18px;
}

.mado-chat-log-search-card__title {
    margin: 0;
    font-size: 20px;
    line-height: 1.35;
    color: #0f172a;
}

.mado-chat-log-search-card__help {
    margin: 8px 0 0;
    color: #475569;
    font-size: 14px;
    line-height: 1.7;
}

.mado-chat-log-search-form {
    margin-top: 18px;
}

.mado-chat-log-search-form__label {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #334155;
}

.mado-chat-log-search-form__controls {
    display: flex;
    gap: 10px;
    align-items: center;
}

.mado-chat-log-search-input,
.mado-chat-log-tag-settings__input,
.mado-chat-log-tag-settings__select,
.mado-chat-log-period-filter__date,
.mado-chat-log-detail__select {
    width: 100%;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #ffffff;
    font-size: 14px;
    line-height: 1.4;
    color: #0f172a;
    box-shadow: none;
}

.mado-chat-log-search-input:focus,
.mado-chat-log-tag-settings__input:focus,
.mado-chat-log-tag-settings__select:focus,
.mado-chat-log-period-filter__date:focus,
.mado-chat-log-detail__select:focus {
    border-color: #2563eb;
    outline: 2px solid rgba(37, 99, 235, 0.15);
    outline-offset: 0;
}

.mado-chat-log-search-submit {
    min-width: 96px;
}

.mado-chat-log-search-form__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 14px;
}

.mado-chat-log-search-form__chips-label,
.mado-chat-log-period-filter__label,
.mado-chat-log-tag-active__label,
.mado-chat-log-qa-candidate__label,
.mado-chat-log-detail__section-title {
    font-size: 13px;
    font-weight: 700;
    color: #334155;
}

.mado-chat-log-search-chip,
.mado-chat-log-tag-chip,
.period-btn,
.mado-chat-log-inline-tag {
    appearance: none;
    border: 1px solid #c7d2fe;
    border-radius: 999px;
    background: #eef2ff;
    color: #4338ca;
    cursor: pointer;
    font-size: 12px;
    line-height: 1.2;
    transition: all 0.18s ease;
}

.mado-chat-log-search-chip,
.mado-chat-log-tag-chip,
.period-btn {
    padding: 8px 12px;
}

.mado-chat-log-search-chip:hover,
.mado-chat-log-tag-chip:hover,
.period-btn:hover,
.mado-chat-log-inline-tag:hover {
    border-color: #93c5fd;
    background: #dbeafe;
    color: #1d4ed8;
}

.period-btn.is-active,
.mado-chat-log-tag-chip.is-active,
.mado-chat-log-inline-tag.is-active {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff;
}

.mado-chat-log-period-filter {
    display: grid;
    gap: 12px;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #e2e8f0;
}

.mado-chat-log-period-filter__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mado-chat-log-period-filter__custom {
    display: flex;
    gap: 10px;
    align-items: center;
}

.mado-chat-log-period-filter__range-sep {
    color: #64748b;
    font-size: 13px;
}

.mado-chat-log-filter-summary {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.mado-chat-log-filter-summary__text {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    color: #334155;
    font-size: 13px;
    line-height: 1.6;
}

.mado-chat-log-filter-summary__count {
    color: #0f172a;
    font-weight: 700;
}

.mado-chat-log-filter-summary__reset {
    flex: 0 0 auto;
}

.mado-chat-log-usage {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 18px;
}

.mado-chat-log-usage__item {
    flex: 1 1 260px;
    padding: 14px 16px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #334155;
    font-size: 14px;
    line-height: 1.7;
}

.mado-chat-log-usage__item strong {
    display: block;
    margin-bottom: 4px;
    color: #0f172a;
}

.mado-chat-log-usage__muted {
    color: #64748b;
}

.mado-chat-log-list-container {
    overflow: hidden;
    margin-top: 18px;
    scroll-margin-top: 24px;
}

.mado-chat-log-list__header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    padding: 18px 20px;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

.mado-chat-log-list__title {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
}

.mado-chat-log-list__subtitle {
    margin-top: 4px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
}

.mado-chat-log-list__count {
    flex: 0 0 auto;
    padding: 8px 12px;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 700;
}

.mado-chat-log-list-empty,
.mado-chat-log-list-error,
.mado-chat-log-panel__placeholder,
.mado-chat-log-tag-cloud__empty {
    padding: 24px;
    text-align: center;
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
}

.mado-chat-log-list-error,
.mado-chat-log-tag-cloud__empty.is-error,
.mado-chat-log-panel__placeholder.is-error {
    color: #b91c1c;
}

.mado-chat-log-table-wrap {
    overflow-x: auto;
}

.mado-chat-log-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 920px;
}

.mado-chat-log-table__head,
.mado-chat-log-table__cell {
    padding: 14px 16px;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
    vertical-align: top;
}

.mado-chat-log-table__head {
    background: #ffffff;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
}

.mado-chat-log-table__head--time,
.mado-chat-log-table__cell--time {
    width: 92px;
}

.mado-chat-log-table__head--tags,
.mado-chat-log-table__cell--tags {
    width: 150px;
}

.mado-chat-log-table__head--actions,
.mado-chat-log-table__cell--actions {
    width: 144px;
}

.mado-chat-log-table__row:nth-child(even) {
    background: #fbfdff;
}

.mado-chat-log-table__row:hover {
    background: #f8fbff;
}

.mado-chat-log-table__snippet {
    color: #0f172a;
    font-size: 13px;
    line-height: 1.7;
    white-space: normal;
    word-break: break-word;
}

.mado-chat-log-inline-empty {
    color: #94a3b8;
    font-size: 12px;
}

.mado-chat-log-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mado-chat-log-secondary-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 18px;
    margin-top: 18px;
}

.mado-chat-log-panel {
    padding: 20px;
}

.mado-chat-log-panel__header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 16px;
}

.mado-chat-log-panel__header--stacked {
    align-items: center;
}

.mado-chat-log-panel__title {
    margin: 0;
    font-size: 18px;
    line-height: 1.4;
    color: #0f172a;
}

.mado-chat-log-panel__help {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.65;
}

.mado-chat-log-panel__toggle {
    flex: 0 0 auto;
}

.mado-chat-log-tag-active {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding: 14px 16px;
    margin-bottom: 14px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.mado-chat-log-tag-active__summary {
    display: grid;
    gap: 4px;
    color: #0f172a;
}

.mado-chat-log-tag-active__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mado-chat-log-tag-active.is-empty .mado-chat-log-tag-active__actions {
    display: none;
}

.mado-chat-log-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 44px;
}

.mado-chat-log-tag-settings {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e2e8f0;
}

.mado-chat-log-tag-settings__intro {
    margin-bottom: 12px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.7;
}

.mado-chat-log-tag-settings__row {
    display: flex;
    gap: 10px;
    align-items: center;
}

.mado-chat-log-tag-settings__row + .mado-chat-log-tag-settings__row {
    margin-top: 10px;
}

.mado-chat-log-danger-button {
    border-color: #fecaca !important;
    background: #fff1f2 !important;
    color: #b91c1c !important;
}
.mado-chat-log-modal[hidden],
.mado-chat-log-tag-settings[hidden],
.mado-chat-log-period-filter__custom[hidden] {
    display: none !important;
}

.mado-chat-log-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(15, 23, 42, 0.5);
}

.mado-chat-log-modal__dialog {
    width: min(960px, 100%);
    max-height: calc(100vh - 40px);
    overflow: hidden;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 32px 64px rgba(15, 23, 42, 0.22);
}

.mado-chat-log-modal__header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid #e2e8f0;
}

.mado-chat-log-modal__body {
    max-height: calc(100vh - 140px);
    overflow: auto;
    padding: 20px;
}

.mado-chat-log-detail {
    display: grid;
    gap: 16px;
}

.mado-chat-log-detail__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    color: #64748b;
    font-size: 13px;
}

.mado-chat-log-detail__section {
    display: grid;
    gap: 10px;
    padding: 16px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #ffffff;
}

.mado-chat-log-detail__section-header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.mado-chat-log-detail__section-title {
    margin: 0;
}

.mado-chat-log-detail__text,
.mado-chat-log-qa-candidate__text {
    color: #0f172a;
    font-size: 14px;
    line-height: 1.8;
    white-space: pre-wrap;
    word-break: break-word;
}

.mado-chat-log-detail__text.is-answer,
.mado-chat-log-qa-candidate__card:last-child {
    background: #f8fafc;
}

.mado-chat-log-detail__tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mado-chat-log-detail__tag-remove {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px 0 0;
    border: 1px solid #dbe4ee;
    border-radius: 999px;
    background: #ffffff;
    cursor: pointer;
}

.mado-chat-log-detail__tag-remove-mark {
    color: #b91c1c;
    font-size: 12px;
    font-weight: 700;
}

.mado-chat-log-detail__tag-controls {
    display: flex;
    gap: 10px;
    align-items: center;
}

.mado-chat-log-detail__muted,
.mado-chat-log-qa-candidate__lead,
.mado-chat-log-qa-candidate__status {
    color: #64748b;
    font-size: 13px;
    line-height: 1.7;
}

.mado-chat-log-qa-candidate {
    display: grid;
    gap: 14px;
    padding: 18px;
    border-radius: 16px;
    background: linear-gradient(180deg, #eff6ff 0%, #f8fafc 100%);
    border: 1px solid #bfdbfe;
}

.mado-chat-log-qa-candidate__header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.mado-chat-log-qa-candidate__lead {
    margin: 6px 0 0;
}

.mado-chat-log-qa-candidate__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.mado-chat-log-qa-candidate__card {
    padding: 14px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid rgba(37, 99, 235, 0.12);
}

.mado-chat-log-qa-candidate__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.mado-chat-log-calendar__header {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    margin-bottom: 14px;
}

.mado-chat-log-calendar__month {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
}

.mado-chat-log-calendar__nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #0f172a;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    transition: transform 0.2s ease, color 0.2s ease;
}

.mado-chat-log-calendar__nav:hover,
.mado-chat-log-calendar__nav:focus,
.mado-chat-log-calendar__nav:focus-visible {
    color: #0f172a;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none;
}

.mado-chat-log-calendar__nav:active {
    transform: scale(0.95);
}

.mado-chat-log-calendar__nav-icon {
    display: block;
    width: 34px;
    height: 34px;
    transition: transform 0.3s ease-in-out;
}

.mado-chat-log-calendar__nav-icon circle {
    fill: #c4e201;
}

.mado-chat-log-calendar__nav.is-next:hover .mado-chat-log-calendar__nav-icon,
.mado-chat-log-calendar__nav.is-next:focus .mado-chat-log-calendar__nav-icon,
.mado-chat-log-calendar__nav.is-next:focus-visible .mado-chat-log-calendar__nav-icon {
    transform: translateX(5px);
}

.mado-chat-log-calendar__nav.is-prev .mado-chat-log-calendar__nav-icon {
    transform: rotate(180deg);
}

.mado-chat-log-calendar__nav.is-prev:hover .mado-chat-log-calendar__nav-icon,
.mado-chat-log-calendar__nav.is-prev:focus .mado-chat-log-calendar__nav-icon,
.mado-chat-log-calendar__nav.is-prev:focus-visible .mado-chat-log-calendar__nav-icon {
    transform: rotate(180deg) translateX(5px);
}

.mado-chat-log-calendar__table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.mado-chat-log-calendar__weekday {
    padding: 8px;
    text-align: center;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

.mado-chat-log-calendar__weekday.is-sun {
    color: #dc2626;
}

.mado-chat-log-calendar__weekday.is-sat {
    color: #2563eb;
}

.mado-chat-log-calendar__cell,
.mado-chat-log-calendar__blank {
    padding: 4px;
}

.mado-chat-log-calendar__day {
    display: grid;
    gap: 4px;
    width: 100%;
    min-height: 76px;
    padding: 10px 8px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: #ffffff;
    color: #0f172a;
    cursor: pointer;
    text-align: center;
    transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.mado-chat-log-calendar__day:hover {
    transform: translateY(-1px);
    border-color: #bfdbfe;
}

.mado-chat-log-calendar__day.has-logs {
    background: #eff6ff;
    color: #1d4ed8;
}

.mado-chat-log-calendar__day.is-empty {
    color: #94a3b8;
}

.mado-chat-log-calendar__day.is-selected {
    background: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
}

.mado-chat-log-calendar__day.is-today {
    border-color: #2563eb;
}

.mado-chat-log-calendar__day-number {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.mado-chat-log-calendar__day-count {
    font-size: 11px;
    line-height: 1.2;
}

.mado-chat-log-calendar__note {
    margin-top: 12px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.7;
}

@media (max-width: 960px) {
    .mado-chat-log-search-form__controls,
    .mado-chat-log-tag-settings__row,
    .mado-chat-log-detail__tag-controls,
    .mado-chat-log-qa-candidate__header,
    .mado-chat-log-filter-summary,
    .mado-chat-log-tag-active,
    .mado-chat-log-panel__header--stacked {
        flex-direction: column;
        align-items: stretch;
    }

    .mado-chat-log-secondary-grid,
    .mado-chat-log-qa-candidate__grid {
        grid-template-columns: 1fr;
    }

    .mado-chat-log-table {
        min-width: 760px;
    }
}

@media (max-width: 640px) {
    .mado-chat-log-search-card,
    .mado-chat-log-panel,
    .mado-chat-log-modal__body {
        padding: 16px;
    }

    .mado-chat-log-period-filter__custom,
    .mado-chat-log-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .mado-chat-log-search-form__chips,
    .mado-chat-log-period-filter__buttons,
    .mado-chat-log-tag-cloud {
        gap: 6px;
    }

    .mado-chat-log-modal {
        padding: 12px;
    }

    .mado-chat-log-modal__dialog {
        width: 100%;
        max-height: calc(100vh - 24px);
    }
}

/* ===== Provider portal site sidebar refresh ===== */
body.mado-portal-account-page .site-header,
body.mado-portal-account-page #masthead,
body.mado-portal-account-page .main-header-bar,
body.mado-portal-account-page .main-header-bar-wrap,
body.mado-portal-account-page .ast-primary-header-bar,
body.mado-portal-account-page .ast-builder-grid-row-container,
body.mado-portal-account-page .ast-builder-layout-element,
body.mado-portal-account-page .site-branding,
body.mado-portal-account-page .site-branding-container {
    background: #f2f2f2 !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.mado-portal-account-page .site-header a,
body.mado-portal-account-page #masthead a {
    color: inherit !important;
}

body.mado-portal-account-page .site-title a,
body.mado-portal-account-page .main-title a,
body.mado-portal-account-page .ast-site-title-wrap a,
body.mado-portal-account-page .site-branding .site-title,
body.mado-portal-account-page .site-branding .main-title {
    color: #ffffff !important;
}

body.mado-portal-account-page .site-title,
body.mado-portal-account-page .main-title,
body.mado-portal-account-page .ast-site-title-wrap {
    color: #ffffff !important;
    font-weight: 700;
}

@media (min-width: 901px) {
    body.mado-portal-account-page .site-header,
    body.mado-portal-account-page #masthead,
    body.mado-portal-account-page .main-header-bar,
    body.mado-portal-account-page .main-header-bar-wrap,
    body.mado-portal-account-page .ast-primary-header-bar,
    body.mado-portal-account-page .ast-builder-grid-row-container,
    body.mado-portal-account-page .ast-builder-layout-element,
    body.mado-portal-account-page .site-branding,
    body.mado-portal-account-page .site-branding-container {
        background: linear-gradient(
            90deg,
            #3f3f3f 0,
            #3f3f3f clamp(236px, 24vw, 292px),
            #f2f2f2 clamp(236px, 24vw, 292px),
            #f2f2f2 100%
        ) !important;
    }
}

body.mado-portal-account-page .site-header a,
body.mado-portal-account-page #masthead a,
body.mado-portal-account-page .site-title a,
body.mado-portal-account-page .main-title a,
body.mado-portal-account-page .ast-site-title-wrap a,
body.mado-portal-account-page .site-branding .site-title,
body.mado-portal-account-page .site-branding .main-title {
    text-shadow: none !important;
}

body.mado-portal-account-page .page-title,
body.mado-portal-account-page .woocommerce-account .page-title {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.mado-portal-account-page #page:has(.mado-portal-shell),
body.mado-portal-account-page .site:has(.mado-portal-shell),
body.mado-portal-account-page .site.grid-container:has(.mado-portal-shell),
body.mado-portal-account-page #content:has(.mado-portal-shell),
body.mado-portal-account-page #primary:has(.mado-portal-shell),
body.mado-portal-account-page #main:has(.mado-portal-shell),
body.mado-portal-account-page .site-main:has(.mado-portal-shell),
body.mado-portal-account-page .site-content:has(.mado-portal-shell),
body.mado-portal-account-page .content-area:has(.mado-portal-shell),
body.mado-portal-account-page .site-main .grid-container:has(.mado-portal-shell),
body.mado-portal-account-page .site-content .grid-container:has(.mado-portal-shell),
body.mado-portal-account-page .inside-article:has(.mado-portal-shell),
body.mado-portal-account-page .entry-content:has(.mado-portal-shell),
body.mado-portal-account-page .woocommerce:has(.mado-portal-shell),
body.mado-portal-account-page .woocommerce-MyAccount-content:has(.mado-portal-shell),
body.mado-portal-account-page .woocommerce-account .entry-content:has(.mado-portal-shell),
body.mado-portal-account-page .woocommerce-account .woocommerce:has(.mado-portal-shell),
body.mado-portal-account-page .woocommerce-account .woocommerce-MyAccount-content:has(.mado-portal-shell) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    background: #f2f2f2 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
}

body.mado-portal-account-page .mado-portal-shell {
    --mado-site-sidebar-base: #3f3f3f;
    --mado-site-sidebar-panel-border: rgba(255, 255, 255, 0.14);
    --mado-site-sidebar-menu: #3f3f3f;
    --mado-site-sidebar-menu-hover: #4a4a4a;
    --mado-site-sidebar-menu-active: #5b5b5b;
    --mado-site-sidebar-text: #ffffff;
    --mado-site-sidebar-text-muted: rgba(255, 255, 255, 0.84);
    --mado-site-sidebar-meta: rgba(255, 255, 255, 0.72);
    --mado-site-sidebar-meta-strong: #ffffff;
    --mado-site-sidebar-code-bg: #4b4b4b;
    margin-top: 0 !important;
    row-gap: 0 !important;
    background: #f2f2f2 !important;
}

@media (min-width: 901px) {
    body.mado-portal-account-page .mado-portal-shell {
        grid-template-columns: clamp(236px, 24vw, 292px) minmax(0, 1fr) !important;
        column-gap: clamp(20px, 2.2vw, 32px) !important;
        align-items: stretch !important;
        width: 100% !important;
        margin-left: 0 !important;
    }
}

body.mado-portal-account-page .mado-portal-shell__sidebar {
    background: var(--mado-site-sidebar-base) !important;
    margin: 0 !important;
    align-self: stretch !important;
    justify-self: stretch !important;
}

body.mado-portal-account-page .mado-portal-shell__sidebar-card {
    position: sticky;
    top: 0;
    display: grid;
    gap: 14px;
    min-height: 100vh;
    padding: 0 0 24px;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--mado-site-sidebar-base) !important;
    box-shadow: none !important;
}

body.mado-portal-account-page .mado-portal-shell__back-link {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 0;
    padding: 20px 18px 16px;
    border-bottom: 1px solid var(--mado-site-sidebar-panel-border);
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--mado-site-sidebar-text);
    font-size: 13px;
    font-weight: 600;
}

body.mado-portal-account-page .mado-portal-shell__back-link:hover {
    background: transparent !important;
    color: var(--mado-site-sidebar-text);
    opacity: 0.94;
}

body.mado-portal-account-page .mado-portal-shell__back-link-icon,
body.mado-portal-account-page .mado-portal-shell__nav-icon,
body.mado-portal-account-page .mado-portal-sidebar__utility-icon {
    color: #ffffff !important;
}

body.mado-portal-account-page .mado-portal-shell__site-card {
    gap: 14px;
    padding: 2px 18px 16px;
    border: 0;
    border-bottom: 1px solid var(--mado-site-sidebar-panel-border);
    border-radius: 0 !important;
    background: transparent !important;
}

body.mado-portal-account-page .mado-portal-shell__site-heading,
body.mado-portal-account-page .mado-portal-shell__site-token-row {
    gap: 10px;
}

body.mado-portal-account-page .mado-portal-shell__site-icon,
body.mado-portal-account-page .mado-portal-shell__site-token-icon {
    color: #ffffff !important;
}

body.mado-portal-account-page .mado-portal-shell__site-kicker,
body.mado-portal-account-page .mado-portal-shell__site-token-label,
body.mado-portal-account-page .mado-portal-shell__site-token-note,
body.mado-portal-account-page .mado-portal-shell__site-token-status,
body.mado-portal-account-page .mado-portal-shell__menu-title {
    color: var(--mado-site-sidebar-meta) !important;
}

body.mado-portal-account-page .mado-portal-shell__site-name {
    color: var(--mado-site-sidebar-meta-strong) !important;
    font-weight: 600;
}

body.mado-portal-account-page .mado-portal-shell__site-token-code {
    margin-top: 8px;
    border: 1px solid var(--mado-site-sidebar-panel-border);
    border-radius: 0 !important;
    background: var(--mado-site-sidebar-code-bg);
    color: #ffffff;
}

body.mado-portal-account-page .mado-portal-shell__site-token-note,
body.mado-portal-account-page .mado-portal-shell__site-token-status {
    display: block;
    margin-top: 8px;
    line-height: 1.6;
}

body.mado-portal-account-page .mado-portal-shell__menu-title,
body.mado-portal-account-page .mado-portal-sidebar__utility-title {
    padding: 0 18px;
    margin-bottom: -6px;
    font-weight: 600;
    letter-spacing: 0.03em;
}

body.mado-portal-account-page .mado-portal-shell__content,
body.mado-portal-account-page .mado-portal-shell__content-frame {
    background: #f2f2f2 !important;
}

body.mado-portal-account-page .mado-portal-shell__nav {
    gap: 2px;
}

body.mado-portal-account-page .mado-portal-shell__nav-item,
body.mado-portal-account-page .mado-portal-shell__nav-item.has-children {
    gap: 3px;
}

body.mado-portal-account-page .mado-portal-shell__nav-item.has-children:not(.is-collapsed),
body.mado-portal-account-page .mado-portal-shell__nav-item.has-children:not(.is-collapsed) + .mado-portal-shell__nav-item {
    margin: 0;
}

body.mado-portal-account-page .mado-portal-shell__nav-parent-row {
    gap: 0;
    align-items: stretch;
    background: transparent;
    transition: background-color 0.18s ease;
}

body.mado-portal-account-page .mado-portal-shell__nav-parent-row:hover {
    background: var(--mado-site-sidebar-menu-hover);
}

body.mado-portal-account-page .mado-portal-shell__nav-parent-row:has(.mado-portal-shell__nav-link.is-active) {
    background: var(--mado-site-sidebar-menu-active);
}

body.mado-portal-account-page .mado-portal-shell__nav-parent-row:has(.mado-portal-shell__nav-link:focus-visible),
body.mado-portal-account-page .mado-portal-shell__nav-parent-row:has(.mado-portal-shell__nav-toggle:focus-visible) {
    background: var(--mado-site-sidebar-menu-hover);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}

body.mado-portal-account-page .mado-portal-shell__nav-parent-row:hover .mado-portal-shell__nav-link,
body.mado-portal-account-page .mado-portal-shell__nav-parent-row:has(.mado-portal-shell__nav-link.is-active) .mado-portal-shell__nav-link,
body.mado-portal-account-page .mado-portal-shell__nav-parent-row:has(.mado-portal-shell__nav-link:focus-visible) .mado-portal-shell__nav-link,
body.mado-portal-account-page .mado-portal-shell__nav-parent-row:has(.mado-portal-shell__nav-toggle:focus-visible) .mado-portal-shell__nav-link {
    color: var(--mado-site-sidebar-text) !important;
}

body.mado-portal-account-page .mado-portal-shell__nav-link,
body.mado-portal-account-page .mado-portal-shell__nav-child-link,
body.mado-portal-account-page .mado-portal-sidebar__utility-link {
    width: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--mado-site-sidebar-text-muted) !important;
    box-shadow: none !important;
    transform: none !important;
}

body.mado-portal-account-page .mado-portal-shell__nav-link,
body.mado-portal-account-page .mado-portal-sidebar__utility-link {
    min-height: 46px;
    padding: 12px 18px;
}

body.mado-portal-account-page .mado-portal-shell__nav-child-link {
    min-height: 40px;
    padding: 10px 18px 10px 32px;
}

body.mado-portal-account-page .mado-portal-shell__nav-link:hover,
body.mado-portal-account-page .mado-portal-shell__nav-child-link:hover,
body.mado-portal-account-page .mado-portal-sidebar__utility-link:hover {
    background: transparent !important;
    color: var(--mado-site-sidebar-text) !important;
}

body.mado-portal-account-page .mado-portal-shell__nav-link.is-active,
body.mado-portal-account-page .mado-portal-shell__nav-child-link.is-active,
body.mado-portal-account-page .mado-portal-sidebar__utility-link.is-active {
    background: transparent !important;
    color: var(--mado-site-sidebar-text) !important;
}

body.mado-portal-account-page .mado-portal-shell__nav-child-link:hover,
body.mado-portal-account-page .mado-portal-sidebar__utility-link:hover {
    background: var(--mado-site-sidebar-menu-hover) !important;
}

body.mado-portal-account-page .mado-portal-shell__nav-child-link.is-active,
body.mado-portal-account-page .mado-portal-sidebar__utility-link.is-active {
    background: var(--mado-site-sidebar-menu-active) !important;
}

body.mado-portal-account-page .mado-portal-shell__nav-label,
body.mado-portal-account-page .mado-portal-shell__nav-child-label {
    font-weight: 600;
}

body.mado-portal-account-page .mado-portal-shell__nav-toggle {
    width: 52px;
    min-width: 52px;
    min-height: 46px;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body.mado-portal-account-page .mado-portal-shell__nav-parent-row:has(.mado-portal-shell__nav-link.is-active) .mado-portal-shell__nav-toggle {
    background: transparent !important;
}

body.mado-portal-account-page .mado-portal-shell__nav-toggle:hover,
body.mado-portal-account-page .mado-portal-shell__nav-toggle:focus,
body.mado-portal-account-page .mado-portal-shell__nav-toggle:active {
    background: transparent !important;
    color: #ffffff !important;
}

body.mado-portal-account-page .mado-portal-shell__nav-toggle:focus-visible {
    border: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body.mado-portal-account-page .mado-portal-shell__nav-children {
    gap: 2px;
    margin-left: 0;
    margin-top: 0;
    padding: 2px 0 0;
    border-left: 0;
}

body.mado-portal-account-page .mado-portal-shell__nav-child-link::before {
    background: #ffffff;
    opacity: 0.55;
}

body.mado-portal-account-page .mado-portal-sidebar__utility {
    margin-top: 10px;
    padding-top: 16px;
    border-top: 1px solid var(--mado-site-sidebar-panel-border);
}

body.mado-portal-account-page .mado-portal-sidebar__utility-link.is-logout {
    color: var(--mado-site-sidebar-text) !important;
}

body.mado-portal-account-page .mado-portal-shell .mado-portal-shell__site-token-actions {
    gap: 8px !important;
    flex-wrap: wrap !important;
}

body.mado-portal-account-page .mado-portal-shell .mado-portal-shell__site-token-actions .button.mado-dashboard__copy-btn {
    min-height: 32px !important;
    padding: 5px 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.24) !important;
    border-radius: 0 !important;
    background: var(--mado-site-sidebar-menu-active) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

body.mado-portal-account-page .mado-portal-shell .mado-portal-shell__site-token-actions .button.mado-dashboard__copy-btn--secondary {
    border-color: rgba(255, 255, 255, 0.24) !important;
    background: transparent !important;
    color: #ffffff !important;
}

body.mado-portal-account-page .mado-portal-shell .mado-portal-shell__site-token-actions .button.mado-dashboard__copy-btn:hover,
body.mado-portal-account-page .mado-portal-shell .mado-portal-shell__site-token-actions .button.mado-dashboard__copy-btn:focus,
body.mado-portal-account-page .mado-portal-shell .mado-portal-shell__site-token-actions .button.mado-dashboard__copy-btn:active {
    border-color: rgba(255, 255, 255, 0.3) !important;
    background: #666666 !important;
    color: #ffffff !important;
}

body.mado-portal-account-page .mado-portal-shell .mado-portal-shell__site-token-actions .button.mado-dashboard__copy-btn--secondary:hover,
body.mado-portal-account-page .mado-portal-shell .mado-portal-shell__site-token-actions .button.mado-dashboard__copy-btn--secondary:focus,
body.mado-portal-account-page .mado-portal-shell .mado-portal-shell__site-token-actions .button.mado-dashboard__copy-btn--secondary:active {
    border-color: rgba(255, 255, 255, 0.3) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

@media (max-width: 900px) {
    body.mado-portal-account-page .mado-portal-shell__sidebar-card {
        min-height: 0;
        padding: 0 0 20px;
    }
}

















/* ===== 左サイドバー余白 微調整 2026-04-05 ===== */
/* 目的:
   - 「このサイトの管理」 と 「サイト概要」の間を少し詰める
   - 「現在のサイト」 と サイト名を少し近づける
   - 「あなたのサイト専用キー」 と コード・下線の距離を少し詰める
   - 左メニューのアイコンまわりを少し広く見せる
*/

/* ===== 左サイドバー余白 微調整 2026-04-05 修正版 ===== */
/* 目的:
   - アイコンの左側にもっと余白を作る
   - 「このサイトの管理」と最初のメニューの間を詰める
   - 「現在のサイト」「kuval.net」「あなたのサイト専用キー」まわりを詰める
*/

body.mado-portal-account-page .mado-portal-shell__sidebar-card {
    gap: 8px !important;
}

body.mado-portal-account-page .mado-portal-shell__site-card {
    gap: 8px !important;
    padding: 0 18px 6px !important;
}

body.mado-portal-account-page .mado-portal-shell__site-heading,
body.mado-portal-account-page .mado-portal-shell__site-token-row {
    gap: 10px !important;
    margin: 0 !important;
}

body.mado-portal-account-page .mado-portal-shell__site-kicker,
body.mado-portal-account-page .mado-portal-shell__site-token-label {
    margin: 0 !important;
    line-height: 1.35 !important;
}

body.mado-portal-account-page .mado-portal-shell__site-name {
    margin-top: 0 !important;
    line-height: 1.3 !important;
}

body.mado-portal-account-page .mado-portal-shell__site-token-code {
    margin-top: 3px !important;
}

body.mado-portal-account-page .mado-portal-shell .mado-portal-shell__site-token-actions {
    margin-top: 4px !important;
    gap: 8px !important;
}

body.mado-portal-account-page .mado-portal-shell__site-token-note,
body.mado-portal-account-page .mado-portal-shell__site-token-status {
    margin-top: 3px !important;
}

body.mado-portal-account-page .mado-portal-shell__menu-title,
body.mado-portal-account-page .mado-portal-sidebar__utility-title {
    padding: 0 18px 0 !important;
    margin: 0 !important;
    line-height: 1.35 !important;
}

body.mado-portal-account-page .mado-portal-shell__nav {
    margin-top: -2px !important;
}

body.mado-portal-account-page .mado-portal-shell__nav-item {
    margin: 0 !important;
}

body.mado-portal-account-page .mado-portal-shell__nav-parent-row {
    gap: 0 !important;
    margin: 0 !important;
}

body.mado-portal-account-page .mado-portal-shell__nav-link,
body.mado-portal-account-page .mado-portal-sidebar__utility-link {
    gap: 14px !important;
    min-height: 44px !important;
    padding: 9px 18px 9px 22px !important;
}

body.mado-portal-account-page .mado-portal-shell__nav-icon,
body.mado-portal-account-page .mado-portal-sidebar__utility-icon {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    margin-right: 2px !important;
}

@media (max-width: 900px) {
    body.mado-portal-account-page .mado-portal-shell__sidebar-card {
        padding: 0 0 14px !important;
        gap: 8px !important;
    }

    body.mado-portal-account-page .mado-portal-shell__site-card {
        padding: 0 18px 6px !important;
    }

    body.mado-portal-account-page .mado-portal-shell__nav-link,
    body.mado-portal-account-page .mado-portal-sidebar__utility-link {
        padding: 9px 18px 9px 22px !important;
    }
}