/* Announcement typography follows the current shop palette in both modes. */
html[data-ds] body .sf-store .sf-notice.notice-strip{
 display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;
 min-height:60px!important;padding:8px 16px!important;margin-block:16px 0;
 background:var(--bm-white)!important;border:1px solid var(--bm-line);border-radius:8px;
 color:var(--bm-ink);box-shadow:none;letter-spacing:0;
}
html[data-ds] .notice-strip .notice-type,
html[data-ds] .notice-article .notice-type{
 display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:14px;
 font-weight:600;color:var(--bm-ink);background:var(--bm-selected);border-radius:4px;padding:5px 9px;
}
html[data-ds] .notice-strip .notice-type .icon{width:17px;height:17px;flex:none}
html[data-ds] body .sf-store .sf-notice.notice-strip>p{
 display:block;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 font-size:16px!important;line-height:1.6!important;font-weight:500;color:var(--bm-ink)!important;
 -webkit-line-clamp:unset;
}
html[data-ds] body .sf-store .sf-notice.notice-strip .sf-notice-action{
 display:inline-flex;align-items:center;gap:5px;min-height:44px;white-space:nowrap;
 font-size:14px!important;color:var(--bm-ink)!important;padding:8px!important;
}
html[data-ds] .notice-strip[data-notice-type=maintenance] .notice-type,
html[data-ds] .notice-article[data-notice-type=maintenance] .notice-type{background:var(--ds-warn-soft);color:var(--ds-warn)}
html[data-ds] .notice-strip[data-notice-type=important] .notice-type,
html[data-ds] .notice-article[data-notice-type=important] .notice-type{background:var(--ds-bad-soft);color:var(--ds-bad)}
html[data-ds] body #overlays .modal.notice-dialog{width:min(680px,calc(100vw - 32px));max-width:680px;border-radius:8px;background:var(--bm-white);color:var(--bm-ink)}
html[data-ds] .notice-dialog .modal-head h2{font-size:22px;letter-spacing:0}
html[data-ds] body #overlays .notice-dialog .modal-head .button{min-width:44px;min-height:44px;color:var(--bm-ink)!important;background:var(--bm-soft)!important}
html[data-ds] body #overlays .notice-dialog .modal-head .native-icon{filter:brightness(0)!important;opacity:1}
html[data-ds][data-color-mode=dark] body #overlays .notice-dialog .modal-head .native-icon{filter:brightness(0) invert(1)!important}
html[data-ds] .notice-article{padding-block:24px;min-width:0}
html[data-ds] .notice-article:first-child{padding-top:12px}
html[data-ds] .notice-article:last-child{padding-bottom:4px}
html[data-ds] .notice-article+.notice-article{border-top:1px solid var(--bm-line)}
html[data-ds] .notice-article header{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
html[data-ds] .notice-article time{margin-left:auto;color:var(--bm-ink);font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums}
html[data-ds] .notice-pinned{font-size:13px;color:var(--bm-ink)}
html[data-ds] .notice-article h3{font-size:19px;line-height:1.6;margin:14px 0 8px;font-weight:650;overflow-wrap:anywhere;letter-spacing:0;color:var(--bm-ink)}
html[data-ds] .notice-article-body{font-size:16px;line-height:1.85;max-width:70ch;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--bm-ink)}
html[data-ds] .notice-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 4px}
html[data-ds] #settings-panel-notices .settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}
html[data-ds] #settings-panel-notices .settings-toggle{display:flex;align-items:center;gap:8px;min-height:44px}
html[data-ds] #settings-panel-notices .settings-toggle input{width:18px;height:18px;accent-color:var(--bm-accent)}
html[data-ds] .notice-editor-limit{font-size:14px;font-weight:400}
html[data-ds] .notice-editor-row{padding:20px 0;border-bottom:1px solid var(--bm-line);min-width:0}
html[data-ds] .notice-editor-row:last-child{border-bottom:0}
html[data-ds] .notice-editor-row>header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
html[data-ds] .notice-editor-row>header>.button{margin-left:auto}
html[data-ds] .notice-editor-state{font-size:14px;color:var(--bm-ink)}
html[data-ds] .notice-editor-primary{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:16px}
html[data-ds] .notice-editor-row :is(input,select,textarea){font-size:16px!important;letter-spacing:0;color:var(--bm-ink)!important;caret-color:var(--bm-ink);min-width:0}
html[data-ds] .notice-editor-row textarea{min-height:112px;resize:vertical}
html[data-ds] .notice-editor-row .field>span{font-size:14px!important;color:var(--bm-ink)!important}
html[data-ds] .notice-schedule summary{width:fit-content;cursor:pointer;min-height:44px;padding-block:10px;font-size:14px;color:var(--bm-ink)}
html[data-ds] .notice-editor-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:8px}
html[data-ds] .notice-editor-toggles{display:flex;align-items:center;flex-wrap:wrap;gap:24px;padding-block:8px}
html[data-ds] .notice-editor-toggles label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:15px;color:var(--bm-ink)}
html[data-ds] .notice-editor-toggles input{width:18px;height:18px;min-height:18px;accent-color:var(--bm-accent)}
html[data-ds] :is(.notice-strip,.notice-dialog,.notice-editor-row) :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--bm-focus,var(--bm-ink));outline-offset:3px}
html[data-ds] :is(.notice-dialog,.notice-editor-row) ::selection{background:var(--bm-accent);color:var(--bm-on-accent)}
html[data-ds] .order-page.order-detail-v283 .order-reference{gap:8px;max-width:100%;min-width:0}
html[data-ds] .order-page.order-detail-v283 .order-reference>div:first-child{align-items:center;gap:8px;min-width:0}
html[data-ds] .order-page.order-detail-v283 .order-reference strong{font-size:19px;font-weight:650;white-space:nowrap;overflow-wrap:normal;letter-spacing:0;color:var(--bm-ink);font-variant-numeric:tabular-nums}
html[data-ds] .order-page.order-detail-v283 .order-reference span{font-size:14px;color:var(--bm-ink)}
html[data-ds] .order-page.order-detail-v283 .order-reference .button{min-height:44px;font-size:14px}
html[data-ds] .order-page.order-detail-v283 .order-reference .icon-only{width:44px;min-width:44px;padding:8px}
html[data-ds] .order-original{max-width:100%;font-size:14px;color:var(--bm-ink)}
html[data-ds] .order-original summary{cursor:pointer;min-height:44px;line-height:24px;padding-block:10px;text-align:right}
html[data-ds] .order-original>div{display:flex;align-items:center;gap:4px;max-width:100%;min-width:0}
html[data-ds] .order-original code{font-size:13px;overflow-wrap:anywhere;min-width:0}
html[data-ds] .admin-order-id-cell>strong,
html[data-ds] .member-order-number,
html[data-ds] .lookup-order-meta>strong{font-size:16px;white-space:nowrap;letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--bm-ink)}
html[data-ds] .admin-order-id-cell .order-copy-pill{min-width:44px;width:44px;min-height:44px;padding:8px}
@media(max-width:640px){
 html[data-ds] body .sf-store .sf-notice.notice-strip{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;min-height:68px!important;padding:8px 10px!important}
 html[data-ds] .notice-strip .notice-type{font-size:13px;padding:5px 6px;gap:4px}
 html[data-ds] .notice-strip .notice-type .icon{display:none}
 html[data-ds] body .sf-store .sf-notice.notice-strip>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;font-size:15px!important;line-height:1.6!important}
 html[data-ds] body .sf-store .sf-notice.notice-strip .sf-notice-action{font-size:13px!important;padding:8px 0!important;gap:0}
 html[data-ds] body #overlays .modal.notice-dialog{width:calc(100vw - 24px);padding:20px 18px!important;max-height:calc(100dvh - 32px)}
 html[data-ds] .notice-article header{gap:6px 8px}
 html[data-ds] .notice-article time{width:100%;margin-left:0;margin-top:2px}
 html[data-ds] .notice-editor-primary,.notice-editor-dates{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
 html[data-ds] .order-page.order-detail-v283 .order-reference{justify-items:start}
 html[data-ds] .order-page.order-detail-v283 .order-reference>div:first-child{flex-wrap:wrap}
 html[data-ds] .order-page.order-detail-v283 .order-reference strong{font-size:18px}
 html[data-ds] .order-original summary{text-align:left}
}