.shipping-settings-page .account-wrapper {
    max-width: none;
}

.shipping-settings-page .account-wrapper > .columns > .column {
    min-width: 0;
}

.shipping-settings-page .account-box.is-form {
    border-radius: 14px;
    box-shadow: 0 3px 14px rgba(38, 51, 77, 0.03);
}

.shipping-settings-page .account-box.is-form .form-head {
    padding: 14px 18px;
}

.shipping-settings-page .form-head-inner {
    gap: 12px;
}

.shipping-settings-page .form-head .left {
    min-width: 0;
}

.shipping-settings-page .shipping-page-title {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 6px;
}

.shipping-settings-page .form-head .shipping-page-title > h3 {
    margin: 0 !important;
}

.shipping-settings-page .account-wrapper .account-box.is-form .form-head .left h3 {
    font-size: 18px;
    font-weight: 800;
}

.shipping-settings-page .form-head .left p:empty,
.shipping-settings-page .form-head .event_name:empty {
    display: none;
}

.shipping-settings-page .account-wrapper .account-box.is-form .form-head .right .buttons {
    width: auto !important;
    margin: 0;
}

.shipping-settings-page .account-wrapper .account-box.is-form .form-head .right .buttons .button {
    width: auto;
    min-width: 74px;
    margin: 0;
}

.shipping-settings-page .account-box.is-form .form-body {
    padding: 4px 18px 16px;
}

.shipping-settings-page .account-box.is-form .form-body .fieldset {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 14px 0;
}

.shipping-settings-page .form-body > .fieldset + .fieldset {
    border-top: 1px solid #edf0f4;
}

.shipping-settings-page .shipping-settings-navigation[hidden],
.shipping-settings-page .shipping-settings-panel[hidden],
.shipping-settings-page .has-shipping-settings-tabs > hr {
    display: none !important;
}

.shipping-settings-page .shipping-settings-navigation {
    padding: 12px 0 10px;
    border-bottom: 1px solid #e8ebf0;
}

.shipping-settings-page .shipping-settings-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.shipping-settings-page .shipping-settings-tabs .shipping-settings-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #e2e6ee;
    border-radius: 999px;
    background: #f7f8fb;
    color: #66738a;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: none;
}

.shipping-settings-page .shipping-settings-tabs .shipping-settings-tab[aria-selected="true"] {
    border-color: #ff596f;
    background: #ff596f;
    color: #fff;
}

.shipping-settings-page .shipping-settings-tab > i {
    flex: 0 0 auto;
    font-size: 14px;
}

.shipping-settings-page .shipping-settings-tab:focus-visible {
    outline: 2px solid #ff596f;
    outline-offset: 2px;
}

.shipping-settings-page .shipping-settings-tabs-help {
    margin: 2px 0 0 !important;
    color: #8590a2;
    font-size: 12px;
    line-height: 1.5;
}

.shipping-settings-page .shipping-settings-panel {
    min-width: 0;
    outline: none;
}

.shipping-settings-page .shipping-settings-panel:focus-visible {
    outline: 2px solid #ffb7c2;
    outline-offset: 2px;
    border-radius: 8px;
}

.shipping-settings-page .shipping-settings-panel > .fieldset + .fieldset {
    border-top: 1px solid #edf0f4;
}

@media (max-width: 760px) {
    .shipping-settings-page .account-wrapper .account-box.is-navigation {
        padding: 12px;
    }

    .shipping-settings-page .account-wrapper .account-box.is-navigation .account-menu {
        display: flex;
        gap: 6px;
        max-width: 100%;
        margin-top: 10px;
        padding: 0 0 3px;
        overflow-x: auto;
    }

    .shipping-settings-page .account-wrapper .account-box.is-navigation .account-menu-item {
        flex: 0 0 auto;
        box-sizing: border-box;
        height: 36px;
        min-height: 36px;
        margin: 0;
        padding: 0 12px;
        border: 1px solid #e5e9f0;
        border-radius: 999px;
        white-space: nowrap;
    }

    .shipping-settings-page .account-menu-item .end {
        display: none;
    }

    .shipping-settings-page .shipping-settings-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .shipping-settings-page .shipping-settings-tabs .shipping-settings-tab {
        padding: 0 8px;
        font-size: 12px;
    }

    .shipping-settings-page .shipping-settings-tab:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }
}

.shipping-settings-page .account-box.is-form .form-body .fieldset-heading {
    margin-bottom: 10px;
}

.shipping-settings-page .fieldset-heading h4 {
    color: #303c56;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}

.shipping-settings-page .fieldset-heading p {
    margin-top: 4px;
    color: #7b8496 !important;
    font-size: 12px;
    line-height: 1.6;
}

/* A heading's copy is one text group; actions cannot stretch its internal gap. */
.shipping-heading-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
}

.shipping-heading-copy > :is(h4, p),
.shipping-important-copy > :is(label, p),
.shipping-minimum-order-heading > :is(label, p) {
    margin: 0 !important;
    padding-right: 0 !important;
}

:is(.shipping-settings-page, .shipping-profile-editor) #sale-shipping-panel > h4 {
    margin-bottom: 0;
}

:is(.shipping-settings-page, .shipping-profile-editor) #sale-shipping-panel > h4 + p,
.shipping-profile-editor .sp-rule-heading :is(h4, h5) + p {
    margin-top: 2px;
}

:is(.shipping-settings-page, .shipping-profile-editor) .fieldset-heading:has(> .shipping-heading-copy):has(> .right) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 12px;
    row-gap: 0;
}

:is(.shipping-settings-page, .shipping-profile-editor) .fieldset-heading > .shipping-heading-copy {
    grid-column: 1;
    grid-row: 1;
}

:is(.shipping-settings-page, .shipping-profile-editor) .fieldset-heading:has(> .shipping-heading-copy) > .right {
    position: static !important;
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    float: none !important;
    margin: 0 !important;
}

/* Switches follow the heading grid even when helper text wraps. */
.shipping-settings-page .fieldset-heading:has(> .right) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 12px;
    align-items: start;
}

.shipping-settings-page .fieldset-heading:has(> .right) > h4,
.shipping-settings-page .fieldset-heading:has(> .right) > p {
    grid-column: 1;
}

.shipping-settings-page .fieldset-heading > .right {
    grid-column: 2;
    grid-row: 1 / span 2;
    float: none !important;
    margin: 0 !important;
}

.shipping-settings-page .form-body .fieldset .columns {
    margin: -5px;
}

.shipping-settings-page .form-body .fieldset .columns > .column {
    min-width: 0;
    padding: 5px;
}

.shipping-settings-page .field:not(:last-child) {
    margin-bottom: 10px;
}

.shipping-settings-page .field > .label {
    margin-bottom: 5px;
    color: #67738a;
    font-size: 12px;
    font-weight: 700;
}

.shipping-settings-page .button {
    height: 36px;
    min-height: 36px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
}

.shipping-settings-page .button.is-primary {
    border-color: #ff596f;
    background: #ff596f;
    color: #fff;
}

.shipping-settings-page .input,
.shipping-settings-page .select,
.shipping-settings-page .select select,
.shipping-settings-page .datetimepicker-dummy-wrapper {
    box-sizing: border-box;
    height: 36px;
    min-height: 36px;
    border-radius: 8px;
    font-size: 13px;
}

.shipping-settings-page .select select {
    padding-top: 0;
    padding-bottom: 0;
}

.shipping-settings-page .datetimepicker-dummy {
    height: 34px;
    min-height: 34px;
    padding-top: 0;
    padding-bottom: 0;
}

.shipping-settings-page .textarea {
    min-height: 80px;
    padding: 9px 11px;
    border-radius: 8px;
    font-size: 13px;
    resize: vertical;
}

/* Reserve space for the language tabs instead of using a negative margin. */
.shipping-settings-page .shipping-text-setting {
    position: relative;
}

.shipping-settings-page .shipping-text-setting > .fieldset-heading {
    min-height: 30px;
    padding-right: 116px;
    margin-bottom: 5px !important;
}

.shipping-settings-page .shipping-text-setting .column[style*="margin-top"] {
    margin-top: 0 !important;
}

.shipping-settings-page .shipping-text-setting .tabs-inner {
    position: absolute;
    top: 14px;
    right: 0;
}

.shipping-settings-page .shipping-text-setting .tabs {
    margin: 0;
}

.shipping-settings-page .shipping-text-setting .tabs a {
    min-height: 28px;
    padding: 3px 10px;
    font-size: 12px;
}

.shipping-settings-page .shipping-text-setting .tab-content {
    padding-top: 0;
}

.shipping-settings-page .shipping-text-setting .field[style*="margin-top"] {
    margin-top: 10px !important;
}

.shipping-settings-page .form-body > hr {
    margin: 4px 0;
}

.shipping-settings-page .account-box.is-form .form-body #shipping-common-settings {
    padding: 14px 0;
}

.shipping-settings-page #shipping-common-settings .column.is-1:empty,
.shipping-settings-page #shipping-common-settings .column.is-2:empty {
    display: none;
}

.shipping-settings-page #shipping-common-settings .column.is-11,
.shipping-settings-page #shipping-common-settings .column.is-10 {
    width: 100%;
}

.shipping-settings-page .form-body .radio {
    margin: 0 0 6px;
    font-size: 13px;
    line-height: 1.6;
}

.shipping-settings-page .help {
    font-size: 12px;
}

.shipping-settings-page .datearea-v2-panel {
    box-shadow: none;
}

.shipping-settings-page .datearea-v2-panel__header {
    gap: 12px;
    padding: 12px;
}

.shipping-settings-page .datearea-v2-panel__title {
    font-size: 14px;
}

.shipping-settings-page .datearea-v2-panel__helper {
    font-size: 12px;
}

.shipping-settings-page .datearea-v2-table__header,
.shipping-settings-page .datearea-v2-row {
    padding-left: 12px;
    padding-right: 12px;
}

.shipping-settings-page .datearea-v2-row {
    min-height: 50px;
    padding-top: 7px;
    padding-bottom: 7px;
}

/* Keep destination selection alongside its enabling switch at every width. */
:is(.shipping-settings-page, .shipping-profile-editor) .fieldset-heading:has(.shipping-overseas-actions) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 12px;
}

:is(.shipping-settings-page, .shipping-profile-editor) .fieldset-heading:has(.shipping-overseas-actions) > :is(h4, p) {
    grid-column: 1;
    padding-right: 0 !important;
}

:is(.shipping-settings-page, .shipping-profile-editor) .fieldset-heading:has(.shipping-overseas-actions) > h4 {
    grid-row: 1;
}

:is(.shipping-settings-page, .shipping-profile-editor) .fieldset-heading:has(.shipping-overseas-actions) > p {
    grid-column: 1 / -1;
    grid-row: 2;
}

:is(.shipping-settings-page, .shipping-profile-editor) .fieldset-heading > .shipping-overseas-actions {
    position: static !important;
    display: flex;
    grid-column: 2;
    grid-row: 1;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    float: none !important;
}

:is(.shipping-settings-page, .shipping-profile-editor) .shipping-overseas-actions .button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 36px;
    padding: 0 12px;
    font-size: 12px;
    white-space: nowrap;
}

.shipping-overseas-actions .switch-block {
    display: flex;
    align-items: center;
    height: 36px;
}

.shipping-important-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    flex: 1;
    min-width: 0;
    padding-right: 12px;
    font-size: 13px;
}

.shipping-important-copy > label {
    color: #59667d;
    font-weight: 700;
    cursor: pointer;
}

.shipping-important-copy .help {
    margin: 0;
    color: #7b8496;
    font-size: 12px;
    line-height: 1.55;
}

/* Text and both swatches share one desktop row; mobile uses two compact rows. */
.shipping-notice-editor {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 10px 16px;
}

.shipping-notice-editor .shipping-notice-copy {
    min-width: 0;
    margin: 0 !important;
}

.shipping-fee-notice #shipping_fee_notice_text {
    box-sizing: border-box;
    height: 36px;
    min-height: 36px;
    padding: 7px 10px;
    line-height: 20px;
}

.shipping-fee-notice .shipping-notice-color {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.shipping-fee-notice .shipping-notice-color > label {
    line-height: 18px;
}

.shipping-fee-notice .shipping-notice-appearance .shipping-notice-color > input.input[type="color"] {
    flex-basis: 36px;
}

.shipping-fee-notice > .help {
    margin: 4px 0 0;
    color: #8590a2;
    font-size: 12px;
}

.shipping-notice-preview-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 8px;
    margin-top: 8px;
}

#shipping_fee_notice_preview {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
    min-height: 36px;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 13px;
    line-height: 20px;
    overflow-wrap: anywhere;
}

#shipping_fee_notice_preview > i {
    flex: 0 0 auto;
    line-height: 20px;
}

#shipping_fee_notice_preview_text {
    min-width: 0;
    white-space: pre-wrap;
}

/* The shared pane inherits the surrounding sales-type panel background. */
:is(.shipping-settings-page, .shipping-profile-editor) #shipping-common-settings {
    min-width: 0;
    padding: 14px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

:is(.shipping-settings-page, .shipping-profile-editor) #sale-shipping-panel .sale-shipping-cards > [role="tabpanel"] {
    min-width: 0;
}

:is(.shipping-settings-page, .shipping-profile-editor) .field.has-addons {
    align-items: stretch;
}

:is(.shipping-settings-page, .shipping-profile-editor) .field.has-addons > .control {
    display: flex;
    align-items: stretch;
    min-width: 0;
    margin-top: 0;
    margin-bottom: 0;
}

:is(.shipping-settings-page, .shipping-profile-editor) .field.has-addons :is(.input, .button, .select, select) {
    box-sizing: border-box;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.2;
}

:is(.shipping-settings-page, .shipping-profile-editor) .field.has-addons .button.is-static {
    align-items: center;
    padding-right: 11px;
    padding-left: 11px;
    border-color: #dbdfe7;
    background: #f5f6f9;
    font-size: 12px;
    white-space: nowrap;
}

:is(.shipping-settings-page, .shipping-profile-editor) .field.has-addons > .control:first-child > :is(.button, .input) {
    border-radius: 8px 0 0 8px;
}

:is(.shipping-settings-page, .shipping-profile-editor) .field.has-addons > .control:last-child > :is(.button, .input) {
    border-radius: 0 8px 8px 0;
}

:is(.shipping-settings-page, .shipping-profile-editor) .field.has-addons > .control:not(:first-child):not(:last-child) > :is(.button, .input) {
    border-radius: 0;
}

:is(.shipping-settings-page, .shipping-profile-editor) .field.has-addons:has(#postage_free) {
    width: 260px;
    max-width: 100%;
}

:is(.shipping-settings-page, .shipping-profile-editor) .field.has-addons:has(#postage_free) > .control:first-child .button {
    font-size: 9.1px;
}

.shipping-settings-page .field.has-addons:has(#set_time_zone),
.shipping-settings-page .field.has-addons:has(input[id^="startDate_"], input[id^="endDate_"]) {
    max-width: 320px;
}

.shipping-settings-page .setshipdate_area .tab-content > .columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 320px));
    gap: 10px 16px;
    margin: 0;
}

.shipping-settings-page .setshipdate_area .tab-content > .columns > .column {
    width: auto;
    padding: 0;
}

.shipping-settings-page .setshipdate_area .tab-content > .columns > .column.is-12 {
    grid-column: 1 / -1;
}

:is(.shipping-settings-page, .shipping-profile-editor) .shipping-minimum-order {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    padding-top: 8px !important;
}

.shipping-minimum-order-heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
}

.shipping-minimum-order-heading > label {
    margin: 0;
    color: #34415a;
    font-size: 13px;
    font-weight: 700;
}

.shipping-minimum-order-heading .help {
    margin: 0;
    color: #7b8496;
    font-size: 12px;
}

.shipping-minimum-order-entry {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-size: 13px;
}

.shipping-settings-page .shipping-minimum-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 235px), 1fr));
    gap: 10px 18px;
}

.shipping-settings-page .shipping-minimum-grid .shipping-minimum-order {
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 8px;
    padding: 0 !important;
    margin: 0;
}

.shipping-settings-page .shipping-minimum-grid .shipping-minimum-order-entry {
    flex: 0 0 auto;
}

.shipping-settings-page #shipping-minimum-settings > .fieldset-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-bottom: 10px !important;
}

.shipping-settings-page #shipping-minimum-settings .shipping-heading-copy {
    flex: 1 1 280px;
}

.shipping-settings-page .shipping-minimum-sync {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    margin: 0;
    min-height: 36px;
    color: #59667d;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.shipping-settings-page .shipping-minimum-sync input {
    appearance: auto;
    width: 16px;
    height: 16px;
    margin: 0;
    flex: 0 0 16px;
    accent-color: #ff596f;
}

.shipping-settings-page .shipping-minimum-help {
    margin: 0 0 10px;
    color: #7b8496;
    font-size: 12px;
    line-height: 1.6;
}

.shipping-settings-page #shipping-minimum-settings [hidden] {
    display: none !important;
}

.shipping-settings-page #sp-delivery-rules[hidden],
.shipping-settings-page #sp-delivery-rules [hidden] {
    display: none !important;
}

.shipping-settings-page #default-weight-error {
    margin: 0 0 8px;
    color: #b42318;
    font-size: 13px;
}

/* Bulk weights stay in a compact dialog outside the tab panels. */
.shipping-settings-page .shipping-bulk-weight-launch {display:inline-block;margin:0 0 12px 10px;vertical-align:middle}
.shipping-settings-page .shipping-bulk-weight-launch .button {display:inline-flex;gap:6px}
.shipping-settings-page #shipping-bulk-weight-launch[hidden],
#shipping-bulk-weight[hidden],#shipping-bulk-weight [hidden] {display:none!important}
#shipping-bulk-weight {z-index:1200;padding:12px}
#shipping-bulk-weight .modal-background {background:rgba(26,34,50,.5)}
#shipping-bulk-weight .modal-content {width:560px;max-width:100%;margin:0;padding:0!important;border:0;background:transparent;box-shadow:none;overflow:visible}
#shipping-bulk-weight .modal-card {width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:0;border:1px solid #e2e7ef;border-radius:14px;background:#fff;box-shadow:0 16px 60px rgba(30,40,60,.18);overflow:hidden}
#shipping-bulk-weight .modal-card-head,#shipping-bulk-weight .modal-card-foot {padding:14px 16px;background:#fff;border-color:#e8ebf0;flex-shrink:0}
#shipping-bulk-weight .modal-card-head {display:flex;align-items:flex-start;gap:12px}
#shipping-bulk-weight .shipping-bulk-weight-heading {display:flex;align-items:center;gap:10px;min-width:0;flex:1}
#shipping-bulk-weight .shipping-bulk-weight-heading > i {width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex:0 0 36px;border-radius:50%;color:#ff596f;background:#fff0f3;font-size:18px}
#shipping-bulk-weight .shipping-heading-copy {gap:2px}
#shipping-bulk-weight h3 {margin:0;color:#34415b;font-size:16px;font-weight:700;line-height:1.5}
#shipping-bulk-weight p {margin:0;color:#7b8496;font-size:12px;line-height:1.6}
#shipping-bulk-weight .modal-card-body {padding:16px;background:#fff;overflow-y:auto;overscroll-behavior:contain}
#shipping-bulk-weight .shipping-bulk-weight-close {width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex:0 0 36px;padding:0;border:1px solid #e2e7ef;border-radius:50%;background:#fff;color:#7b8496;cursor:pointer}
#shipping-bulk-weight .shipping-bulk-weight-row,#shipping-bulk-weight .shipping-bulk-weight-input {display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#shipping-bulk-weight .shipping-bulk-weight-row > label {margin:0;font-size:12px;font-weight:700;color:#59667d}
#shipping-bulk-weight .shipping-bulk-weight-input {flex-wrap:nowrap;color:#7b8496;font-size:12px}
#shipping-bulk-weight .shipping-bulk-weight-input .input {width:112px;height:36px!important;min-height:36px;border-radius:8px;font-size:13px;text-align:right;box-sizing:border-box}
#shipping-bulk-weight .button {height:36px!important;min-height:36px;gap:6px;border-radius:999px;font-size:14px;font-weight:700}
#shipping-bulk-weight .button.is-primary {background:#ff596f;border-color:#ff596f;color:#fff}
#shipping-bulk-weight .modal-card-foot {display:flex;align-items:center;justify-content:flex-end;gap:8px}
#shipping-bulk-weight .modal-card-foot .button {margin:0}
#shipping-bulk-weight #shipping-bulk-weight-confirmation,#shipping-bulk-weight #shipping-bulk-weight-status {margin-top:14px}
#shipping-bulk-weight #shipping-bulk-weight-summary {color:#34415b;font-weight:700}
#shipping-bulk-weight .shipping-bulk-weight-help {margin-top:4px}
#shipping-bulk-weight #shipping-bulk-weight-status.is-error {color:#b42318}
#shipping-bulk-weight button:focus-visible,#shipping-bulk-weight input:focus-visible {outline:2px solid #ff596f;outline-offset:2px}
@media (max-width:600px) {
 .shipping-settings-page .shipping-bulk-weight-launch {display:block;margin-left:0}
 #shipping-bulk-weight .modal-card-head,#shipping-bulk-weight .modal-card-body,#shipping-bulk-weight .modal-card-foot {padding:12px}
 #shipping-bulk-weight .shipping-bulk-weight-row > label {flex-basis:100%}
}

.shipping-minimum-order-entry .shipping-money-prefix {
    color: #7b8496;
    font-size: 70%;
    white-space: nowrap;
}

.shipping-minimum-order-entry > .input {
    width: 112px;
    min-width: 0;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 600px) {
    .shipping-notice-editor,
    .shipping-settings-page .setshipdate_area .tab-content > .columns {
        grid-template-columns: minmax(0, 1fr);
    }

    .shipping-fee-notice .shipping-notice-appearance {
        gap: 12px 20px;
    }
}

/* Shared with special-profile settings: native, labelled colour swatches. */
.shipping-notice-appearance {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 20px;
}

.shipping-notice-color {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.shipping-notice-color > label {
    margin: 0;
    color: #67738a;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    cursor: pointer;
}

.shipping-notice-appearance .shipping-notice-color > input.input[type="color"] {
    flex: 0 0 44px;
    box-sizing: border-box;
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    height: 36px;
    min-height: 36px;
    padding: 4px;
    border: 1px solid #dce1e9;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
}

.shipping-notice-color input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

.shipping-notice-color input[type="color"]::-webkit-color-swatch {
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

.shipping-notice-color input[type="color"]::-moz-color-swatch {
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

.shipping-notice-color input[type="color"]:focus-visible {
    outline: 2px solid #ff596f;
    outline-offset: 2px;
}

@media (min-width: 1024px) {
    .shipping-settings-page .account-wrapper > .columns {
        display: grid;
        grid-template-columns: 220px minmax(0, 1fr);
        gap: 18px;
        margin: 0;
    }

    .shipping-settings-page .account-wrapper > .columns > .column {
        width: auto;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .shipping-settings-page .account-box.is-form .form-head {
        padding: 12px;
    }

    .shipping-settings-page .account-box.is-form .form-body {
        padding: 0 12px 12px;
    }

    .shipping-settings-page .account-box.is-form .form-head-inner {
        flex-direction: row;
        align-items: center;
    }

    .shipping-settings-page .account-wrapper .account-box.is-form .form-head .left {
        display: block !important;
    }

    .shipping-settings-page .account-wrapper .account-box.is-form .form-head .right {
        flex: 0 0 auto;
        width: auto !important;
    }
}

@media (max-width: 1023px) {
    :is(.shipping-settings-page, .shipping-profile-editor) .account-wrapper > .columns {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        margin: 0;
    }

    :is(.shipping-settings-page, .shipping-profile-editor) .account-wrapper > .columns > .column {
        width: 100%;
        padding: 0;
    }
}

/* Searchable destination picker; the toolbar and footer stay outside the scroll area. */
#ship_country-modal [hidden] {
    display: none !important;
}

#ship_country-modal .modal-content {
    width: calc(100% - 32px);
    max-width: 980px;
    max-height: calc(100vh - 32px);
    max-height: min(780px, calc(100dvh - 32px));
    margin: 16px auto;
    padding: 0;
    border-radius: 14px;
    background: transparent;
}

#ship_country-modal .modal-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    max-height: calc(100vh - 32px);
    max-height: min(780px, calc(100dvh - 32px));
    margin: 0;
    overflow: hidden;
    border: 1px solid #e2e6ee;
    border-radius: 14px;
    background: #fff;
}

#ship_country-modal .modal-card-head,
#ship_country-modal .modal-card-foot {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 18px;
    background: #fff;
    border-color: #e8ebf0;
}

#ship_country-modal .shipping-country-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

#ship_country-modal .shipping-country-heading > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    height: 34px;
    border-radius: 50%;
    background: #fff0f3;
    color: #ff596f;
    font-size: 17px;
}

#ship_country-modal #shipping-country-title {
    margin: 0;
    color: #303c56;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
}

#ship_country-modal .shipping-country-heading p,
#ship_country-modal .modal-card-foot p {
    margin: 2px 0 0;
    color: #7b8496;
    font-size: 12px;
    line-height: 1.6;
}

#ship_country-modal .shipping-country-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid #e3e7ef;
    border-radius: 50%;
    background: #fff;
    color: #7b8496;
    cursor: pointer;
}

#ship_country-modal .shipping-country-tools {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 12px;
    padding: 12px 18px 8px;
    background: #f7f8fb;
}

#ship_country-modal .shipping-country-search > label {
    display: block;
    margin-bottom: 5px;
    color: #67738a;
    font-size: 12px;
    font-weight: 700;
}

#ship_country-modal .shipping-country-search .control > i {
    position: absolute;
    top: 50%;
    left: 11px;
    z-index: 1;
    color: #8993a5;
    font-size: 14px;
    transform: translateY(-50%);
    pointer-events: none;
}

#ship_country-modal #shipping-country-search {
    box-sizing: border-box;
    width: 100%;
    height: 36px;
    min-height: 36px;
    padding: 0 10px 0 33px;
    border: 1px solid #dce1e9;
    border-radius: 8px;
    background: #fff;
    color: #34415a;
    font-size: 13px;
    box-shadow: none;
}

#ship_country-modal .shipping-country-check {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    margin: 0;
    color: #59667d;
    font-size: 12px;
    line-height: 1.4;
    cursor: pointer;
}

#ship_country-modal input[type="checkbox"] {
    appearance: auto;
    -webkit-appearance: checkbox;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: #ff596f;
    cursor: pointer;
}

#ship_country-modal .shipping-country-summary {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 4px 12px;
    padding: 0 18px 6px;
    border-bottom: 1px solid #e8ebf0;
    background: #f7f8fb;
}

#ship_country-modal #shipping-country-count {
    color: #7b8496;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

#ship_country-modal .modal-card-body {
    flex: 1 1 auto;
    min-height: 0;
    padding: 14px 18px;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #fff;
    text-align: left;
}

#ship_country-modal .shipping-country-group + .shipping-country-group {
    margin-top: 16px;
}

#ship_country-modal .shipping-country-group h4 {
    margin: 0 0 8px;
    color: #34415a;
    font-size: 13px;
    font-weight: 800;
}

#ship_country-modal .shipping-country-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px 8px;
}

#ship_country-modal .shipping-country-option {
    display: flex;
    align-items: center;
    gap: 8px;
    box-sizing: border-box;
    min-width: 0;
    min-height: 36px;
    margin: 0;
    padding: 7px 9px;
    border: 1px solid #e5e9f0;
    border-radius: 8px;
    background: #fff;
    color: #59667d;
    font-size: 13px;
    line-height: 1.45;
    text-align: left;
    cursor: pointer;
}

#ship_country-modal .shipping-country-option > span {
    min-width: 0;
    overflow-wrap: anywhere;
}

#ship_country-modal .shipping-country-names {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

#ship_country-modal .shipping-country-name-zh {
    font-size: 13px;
    font-weight: 600;
}

#ship_country-modal .shipping-country-name-en {
    color: #7b8496;
    font-size: 11px;
    line-height: 1.4;
}

#ship_country-modal .shipping-country-option:hover {
    background: #f8f9fc;
}

#ship_country-modal .shipping-country-option:has(input:checked) {
    border-color: #ffb7c2;
    background: #fff5f7;
    color: #933d4b;
}

#ship_country-modal :is(button, input):focus-visible {
    outline: 2px solid #ff596f;
    outline-offset: 2px;
}

#ship_country-modal #shipping-country-empty {
    padding: 35px 12px;
    color: #8993a5;
    font-size: 12px;
    text-align: center;
}

#ship_country-modal #shipping-country-empty > i {
    display: block;
    margin-bottom: 10px;
    font-size: 22px;
}

#ship_country-modal #shipping-country-empty > p {
    margin-bottom: 5px;
    color: #59667d;
    font-size: 14px;
    font-weight: 700;
}

#ship_country-modal .modal-card-foot p {
    margin: 0;
}

#ship_country-modal .modal-card-foot .button {
    flex: 0 0 auto;
    height: 36px;
    min-height: 36px;
    padding: 0 22px;
    border: 1px solid #ff596f;
    border-radius: 999px;
    background: #ff596f;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

@media (max-width: 760px) {
    #ship_country-modal .shipping-country-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    #ship_country-modal .modal-content {
        width: calc(100% - 20px);
        max-height: calc(100vh - 20px);
        max-height: calc(100dvh - 20px);
        margin: 10px auto;
    }

    #ship_country-modal .modal-card {
        max-height: calc(100vh - 20px);
        max-height: calc(100dvh - 20px);
    }

    #ship_country-modal .modal-card-head,
    #ship_country-modal .modal-card-foot,
    #ship_country-modal .modal-card-body {
        padding: 12px;
    }

    #ship_country-modal .shipping-country-tools {
        padding: 10px 12px 4px;
        gap: 8px;
    }

    #ship_country-modal .shipping-country-summary {
        padding: 0 12px 6px;
    }

    #ship_country-modal .shipping-country-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

.legacy-datearea-area {
    display: none;
}

.datearea-v2-column {
    padding-top: 8px;
}

.datearea-v2-panel {
    overflow: hidden;
    border: 1px solid #e4e7ee;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(35, 45, 66, 0.06);
}

.datearea-v2-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px;
    border-bottom: 1px solid #eaecf2;
    background: linear-gradient(135deg, #fff 0%, #fff7f9 100%);
}

.datearea-v2-panel__heading {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.datearea-v2-badge {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 24px;
    margin-top: 1px;
    padding: 0 10px;
    border-radius: 999px;
    background: #ff596f;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.datearea-v2-panel__title {
    margin: 0;
    color: #283252;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
}

.datearea-v2-panel__helper {
    margin: 2px 0 0;
    color: #7f8494;
    font-size: 13px;
    line-height: 1.55;
}

.datearea-v2-add-button.button {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 36px;
    padding: 0 16px;
    border: 0;
    border-radius: 999px;
    background: #ff596f;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 5px 12px rgba(255, 89, 111, 0.22);
}

.datearea-v2-add-button.button:hover,
.datearea-v2-add-button.button:focus {
    background: #f24b63;
    color: #fff;
}

.datearea-v2-add-button svg {
    width: 17px;
    height: 17px;
}

.datearea-v2-table {
    width: 100%;
}

.datearea-v2-table__header,
.datearea-v2-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(110px, 0.55fr) 92px 84px;
    align-items: center;
    column-gap: 12px;
}

.datearea-v2-table__header > *,
.datearea-v2-row > * {
    min-width: 0;
}

.datearea-v2-table__header {
    min-height: 42px;
    padding: 0 22px;
    background: #f7f8fb;
    color: #8a8f9f;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.datearea-v2-table__header > :nth-child(3) {
    text-align: center;
}

.datearea-v2-table__header > :last-child {
    text-align: right;
}

.datearea-v2-row {
    min-height: 66px;
    padding: 10px 22px;
    border-top: 1px solid #eef0f4;
    transition: background-color 0.18s ease;
}

.datearea-v2-row:hover {
    background: #fffafb;
}

.datearea-v2-mobile-label {
    display: none;
}

.datearea-v2-title {
    display: block;
    overflow: hidden;
    color: #283252;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.datearea-v2-time {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    background: #f0f3f9;
    color: #3d4663;
    font-size: 13px;
    font-weight: 700;
}

.datearea-v2-time svg {
    width: 15px;
    height: 15px;
    color: #7d8498;
}

.datearea-v2-sort-cell {
    text-align: center;
}

.datearea-v2-index-input.input,
.datearea_v2_index_id {
    width: 84px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #d9dde7;
    border-radius: 9px;
    background: #fff;
    color: #283252;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    box-shadow: none;
}

.datearea-v2-index-input.input:focus,
.datearea_v2_index_id:focus {
    border-color: #ff596f;
    box-shadow: 0 0 0 3px rgba(255, 89, 111, 0.12);
    outline: none;
}

.datearea-v2-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.datearea-v2-actions-cell {
    min-width: 84px;
}

.datearea-v2-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid #dfe3eb;
    border-radius: 50%;
    background: #fff;
    color: #4f5873;
    cursor: pointer;
    transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.datearea-v2-action:hover,
.datearea-v2-action:focus {
    border-color: #ff9aaa;
    background: #fff2f5;
    color: #ff596f;
    outline: none;
}

.datearea-v2-action--delete {
    color: #df5266;
}

.datearea-v2-action i {
    font-size: 17px;
}

.datearea-v2-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 146px;
    padding: 26px 20px;
    border-top: 1px solid #eef0f4;
    color: #858b9d;
    text-align: center;
}

.datearea-v2-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 10px;
    border-radius: 50%;
    background: #fff0f3;
    color: #ff596f;
}

.datearea-v2-empty__icon svg {
    width: 20px;
    height: 20px;
}

.datearea-v2-empty__title {
    color: #4d5671;
    font-size: 14px;
    font-weight: 800;
}

.datearea-v2-empty__helper {
    margin-top: 4px;
    font-size: 12px;
}

#datearea_v2-panel .modal-card,
#datearea_v2_edit-panel .modal-card {
    overflow: hidden;
    border-radius: 14px;
}

#datearea_v2-panel .modal-card-head,
#datearea_v2_edit-panel .modal-card-head {
    border-bottom: 1px solid #eaecf2;
    background: #fff7f9;
}

#datearea_v2-panel .modal-card-head h3,
#datearea_v2_edit-panel .modal-card-head h3 {
    color: #283252;
    font-size: 17px;
    font-weight: 800;
}

#datearea_v2-panel .input,
#datearea_v2_edit-panel .input,
#datearea_v2-panel .modal-card-foot .button,
#datearea_v2_edit-panel .modal-card-foot .button {
    height: 36px;
}

#datearea_v2-panel .modal-card-foot .button,
#datearea_v2_edit-panel .modal-card-foot .button {
    border-radius: 999px;
}

@media (max-width: 768px) {
    .datearea-v2-panel__header {
        align-items: stretch;
        flex-direction: column;
        padding: 18px;
    }

    .datearea-v2-add-button.button {
        width: 100%;
    }

    .datearea-v2-table__header {
        display: none;
    }

    .datearea-v2-row {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        row-gap: 16px;
        padding: 18px;
    }

    .datearea-v2-title-cell {
        grid-column: 1 / -1;
    }

    .datearea-v2-sort-cell {
        text-align: left;
    }

    .datearea-v2-actions-cell {
        grid-column: 1 / -1;
        padding-top: 12px;
        border-top: 1px dashed #e2e5ec;
    }

    .datearea-v2-mobile-label {
        display: block;
        margin-bottom: 6px;
        color: #9297a6;
        font-size: 11px;
        font-weight: 800;
    }

    .datearea-v2-actions {
        justify-content: flex-start;
    }
}