.backoffice-quick-search { display:flex; align-items:center; border-radius:13px; padding:3px 6px 3px 12px; background:var(--neu-well); min-width:0; }
.backoffice-quick-search input { background:transparent; border:0; width:150px; color:var(--text); font-size:.72rem; padding:6px; }
.backoffice-quick-search button { display:grid; place-items:center; width:36px; min-height:36px; border:0; border-radius:10px; background:transparent; color:var(--secondary); }
.backoffice-sidebar-note { padding:16px; margin:0; }
.backoffice-sidebar-note p { font-size:.64rem; line-height:1.9; margin-top:10px; }
.backoffice-portals { display:block; min-height:0; }
.admin-metrics-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.admin-attention-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.admin-attention-card { display:flex; align-items:center; gap:14px; padding:16px; background:var(--neu-well); border-radius:16px; transition:background-color var(--sf-motion) ease,transform var(--sf-motion) ease; }
.admin-attention-card:hover { background:var(--soft-green); transform:translateY(-2px); }
.admin-attention-card>div { flex:1; }
.admin-attention-card strong { display:block; font-size:.77rem; font-weight:500; }
.admin-attention-card small { color:var(--secondary); font-size:.65rem; }
.admin-product-symbol { background:var(--soft-green); color:var(--primary); border-radius:13px; padding:10px; display:grid; }
.admin-local-note { font-size:.72rem; margin-block:16px; line-height:1.9; }
.admin-detail-title { margin-block:22px; }
.admin-details { display:grid; grid-template-columns:1fr 1.4fr; gap:14px; font-size:.78rem; margin-block:24px; }
.admin-details dt { color:var(--secondary); }.admin-details dd { margin:0; }
@media(max-width:1199px){.backoffice-quick-search input{width:100px}}
@media(max-width:959px){.admin-metrics-three{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:599px){.backoffice-quick-search{display:none}.admin-attention-grid{grid-template-columns:minmax(0,1fr)}.admin-metrics-three{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.admin-attention-card:hover{transform:none}}
.shipping-admin-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.shipping-admin-list { display:grid; gap:10px; }.shipping-admin-item { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:10px; padding:12px; border-radius:14px; background:var(--neu-well); }.shipping-admin-item strong,.shipping-admin-item small { display:block; }.shipping-admin-item strong { font-size:.76rem; }.shipping-admin-item small { margin-top:4px; color:var(--secondary); font-size:.64rem; }.shipping-admin-item .sf-button { min-height:34px; padding-inline:10px; font-size:.64rem; }
@media(max-width:1050px){.shipping-admin-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.shipping-admin-grid{grid-template-columns:1fr}.shipping-admin-item{grid-template-columns:1fr auto}.shipping-admin-item .sf-button{grid-column:1/-1}}
/* Focus belongs to the whole search surface, including its icon. */
.backoffice-quick-search:focus-within { box-shadow:0 0 14px color-mix(in srgb,var(--primary) 10%,transparent); }
:root .backoffice-quick-search input:is(:focus,:focus-visible) { box-shadow:none; }
.advertising-metrics { margin-block: 22px; }
.advertising-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-block: 6px 20px; color:var(--secondary); font-size:.72rem; }
.advertising-toolbar .sf-field { margin:0; min-width:220px; }
.advertising-campaign-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.advertising-campaign-card { display:flex; flex-direction:column; gap:14px; min-width:0; padding:18px; border-radius:20px; background:var(--neu-well); box-shadow:var(--neu-inset-shadow); }
.advertising-campaign-card>header { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.advertising-campaign-card h3 { margin:10px 0 3px; font-size:.95rem; line-height:1.5; }
.advertising-campaign-card header small,.advertising-campaign-description { color:var(--secondary); font-size:.7rem; }
.advertising-campaign-description { min-height:38px; margin:0; line-height:1.8; }
.advertising-placement { display:inline-flex; align-items:center; gap:5px; color:var(--primary); font-size:.65rem; }
.advertising-placement .sf-icon { width:15px; height:15px; }
.advertising-progress-row,.advertising-card-stats { display:flex; justify-content:space-between; gap:10px; color:var(--secondary); font-size:.68rem; }
.advertising-progress-row strong { color:var(--text); font-size:.7rem; }
.advertising-progress { height:6px; overflow:hidden; border-radius:20px; background:var(--surface); box-shadow:var(--neu-inset-shadow); }
.advertising-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--primary),var(--accent,#8c7cff)); }
.advertising-card-stats { justify-content:flex-start; border-block-start:1px solid color-mix(in srgb,var(--text) 8%,transparent); padding-block-start:12px; }
.advertising-card-stats span { display:grid; gap:4px; min-width:0; flex:1; }
.advertising-card-stats small { font-size:.62rem; }.advertising-card-stats strong { color:var(--text); font-size:.78rem; }
.advertising-campaign-card>footer { display:flex; align-items:center; gap:8px; margin-top:auto; }
.advertising-campaign-card>footer .sf-button { flex:1; min-height:38px; font-size:.7rem; }
.advertising-action { min-width:38px; min-height:38px; padding:7px; }
.advertising-form-intro,.advertising-policy-callout { display:flex; align-items:center; gap:12px; padding:12px; margin-block-end:16px; border-radius:14px; color:var(--secondary); background:var(--neu-well); font-size:.72rem; line-height:1.8; }
.advertising-form-intro p,.advertising-policy-callout p { margin:0; }.advertising-form-icon { display:grid; place-items:center; flex:0 0 36px; height:36px; border-radius:11px; color:var(--primary); background:var(--soft-green); }
.advertising-policy-callout .sf-icon { flex:0 0 20px; color:var(--primary); }
@media(max-width:1050px){.advertising-campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.advertising-campaign-grid{grid-template-columns:minmax(0,1fr)}.advertising-toolbar{align-items:stretch; flex-direction:column}.advertising-toolbar .sf-field{min-width:0}}