.offer-toolbar { display:flex;align-items:center;gap:16px;margin:24px 0 16px; }
.offer-search { flex:1;display:flex;align-items:center;gap:12px;padding:4px 20px;background:var(--md-sys-color-surface-container-high);border-radius:999px; }
html body.workspace-shell #offer-search { flex:1;width:100%;min-width:0;min-height:48px;background:transparent;border:0!important;padding:8px 0;border-radius:0;color:var(--md-sys-color-on-surface);outline:none; }
.offer-search:focus-within { outline:2px solid var(--md-sys-color-primary); }
html body.workspace-shell #offer-build { display:flex;align-items:center;gap:8px;white-space:nowrap;min-height:48px;padding:12px 24px; }
#offer-status { min-height:20px;font-size:14px;text-align:left; }
#offer-feed { display:grid;gap:20px; }
.posted-offer { background:var(--md-sys-color-surface-container);border-radius:28px;padding:24px;min-width:0; }
.posted-offer-header { display:flex;align-items:center;gap:16px;margin-bottom:20px;color:var(--md-sys-color-on-surface-variant);font-size:12px; }
.own-offer-label { color:var(--md-sys-color-primary); }
.offer-menu { margin-left:auto;position:relative; }
.offer-menu summary { display:grid;place-items:center;width:40px;height:40px;border-radius:50%;cursor:pointer;list-style:none; }
.offer-menu summary::-webkit-details-marker { display:none; }
.offer-menu summary:hover { background:var(--md-sys-color-surface-container-highest); }
.offer-menu-options { position:absolute;right:0;top:44px;z-index:3;min-width:140px;padding:8px;border-radius:16px;background:var(--md-sys-color-surface-container-highest);box-shadow:0 4px 16px #0004; }
html body.workspace-shell .offer-menu-options button { width:100%;padding:12px 16px;background:transparent;border:0;text-align:left;color:var(--md-sys-color-on-surface);border-radius:8px; }
.offer-menu-options button:hover { background:var(--md-sys-color-secondary-container); }
.posted-offer-sides { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;text-align:left; }
.posted-offer-side { min-width:0; }
html body.workspace-shell .posted-offer-side h3 { margin:0 0 8px!important;font-size:18px!important; }
.posted-offer-totals { display:block;font-size:12px;color:var(--md-sys-color-on-surface-variant);margin-bottom:16px; }
.posted-offer-items { display:flex;flex-wrap:wrap;gap:12px; }
html body.workspace-shell .posted-offer-item { position:relative;width:130px;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:16px;background:var(--md-sys-color-surface-container-high);text-decoration:none;color:var(--md-sys-color-on-surface); }
.posted-offer-item img { width:64px;height:64px;object-fit:contain; }
.posted-offer-item strong { width:100%;font-size:12px;font-weight:500;text-align:center;overflow-wrap:anywhere; }
.posted-offer-quantity { position:absolute;right:8px;top:8px;font-size:12px;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);padding:2px 6px;border-radius:999px; }
.offer-dialog,.offer-small-dialog { background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border:0;border-radius:28px;box-shadow:0 8px 28px #0004;padding:0; }
.offer-dialog { width:min(960px,calc(100vw - 48px));max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);overflow:hidden; }
.offer-dialog[open] { display:flex;flex-direction:column; }
.offer-dialog::backdrop,.offer-small-dialog::backdrop { background:#0006; }
html:has(.offer-dialog[open]),html:has(.offer-small-dialog[open]) { overflow:hidden; }
.offer-builder-scroll { padding:8px 24px 24px; }
html body.workspace-shell #offer-builder-dialog #calc-wrap { display:block!important;width:100%;margin:0; }
html body.workspace-shell #offer-builder-dialog .trade-builder { padding:0;background:transparent;border:0; }
html body.workspace-shell #offer-builder-dialog #calc-panel { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px!important; }
html body.workspace-shell #offer-builder-dialog .calc-side { min-width:0; }
html body.workspace-shell .calc-side-header small { display:block;margin-top:8px;font-size:12px;font-weight:400;color:var(--md-sys-color-on-surface-variant); }
html body.workspace-shell #offer-builder-dialog .calc-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
.offer-dialog .dialog-actions { display:flex;justify-content:flex-end;align-items:center;gap:16px;flex:0 0 auto;padding:16px 24px 24px; }
#offer-builder-error { flex:1;margin:0;color:var(--md-sys-color-error);font-size:14px; }
html body.workspace-shell #offer-publish { min-height:48px;padding:12px 24px;white-space:nowrap; }
.offer-small-dialog { width:min(420px,calc(100vw - 32px));padding:24px; }
.offer-small-dialog h2 { font-size:24px;font-weight:400;margin:0 0 20px; }
.offer-small-dialog .dialog-actions { margin-top:24px;display:flex;justify-content:flex-end;gap:8px; }
#offer-cooldown-time { font-size:36px;font-weight:500;font-variant-numeric:tabular-nums; }
#offer-load-more { display:block;margin:24px auto; }
#offer-load-more[hidden] { display:none; }
@media(max-width:700px) { .offer-toolbar { flex-wrap:wrap; }.offer-search { flex-basis:100%; }.offer-toolbar #offer-build { margin-left:auto; }.posted-offer-sides { grid-template-columns:1fr;gap:24px; }.posted-offer { padding:20px; }.offer-dialog { width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px); }.offer-builder-scroll { padding:8px 16px 16px; }html body.workspace-shell #offer-builder-dialog #calc-panel { grid-template-columns:1fr; }.offer-dialog .dialog-actions { padding:16px; }.posted-offer-item { max-width:calc(50% - 6px); } }
html body.workspace-shell #offer-builder-dialog .calc-side-header { display:block!important;letter-spacing:0; }
html body.workspace-shell #offer-builder-dialog .calc-side-header::after { content:none; }
html body.workspace-shell .posted-offer-header { padding:0!important;min-height:40px;width:100%;border:0;background:transparent; }
html body.workspace-shell .offer-dialog .dialog-heading { border:0;background:transparent; }

#offer-builder-dialog .calc-grid-item{position:relative;padding-right:42px!important}
#offer-builder-dialog .offer-item-quantity{position:absolute;top:6px;right:8px;border-radius:999px;padding:3px 7px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:11px;font-weight:700;line-height:1.3}

/* Search suggestions and private acceptance inbox. */
.offer-search-wrap { position:relative;flex:1;min-width:200px; }
.offer-search-wrap .offer-search { width:100%;box-sizing:border-box; }
.offer-search-results { position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:10;max-height:min(420px,55dvh);overflow:auto;padding:8px;border-radius:24px;background:var(--md-sys-color-surface-container-high);box-shadow:0 8px 24px #0004;text-align:left; }
.offer-search-results[hidden] { display:none; }
html body.workspace-shell .offer-search-results .home-search-result { display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;min-height:64px;border:0;border-radius:16px;background:transparent;color:var(--md-sys-color-on-surface);text-align:left; }
.offer-search-results .home-search-result:hover,.offer-search-results .home-search-result[aria-selected="true"] { background:var(--md-sys-color-secondary-container)!important; }
.offer-search-results img { width:44px;height:44px;object-fit:contain;flex-shrink:0; }
.offer-search-results strong,.offer-search-results small { display:block; }
.offer-search-results small { font-size:12px;color:var(--md-sys-color-on-surface-variant);text-transform:capitalize;margin-top:4px; }
.offer-search-results .search-message { padding:12px;margin:0; }
html body.workspace-shell #offer-accepted { white-space:nowrap;min-height:48px;padding:12px 24px; }
html body.workspace-shell .offer-accept-button { margin-left:auto;min-height:40px;padding:8px 18px;white-space:nowrap;font-size:13px; }
.posted-offer-header .offer-menu { margin-left:0; }
#offer-accept-dialog { max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box; }
#offer-accept-dialog .field { display:flex;flex-direction:column;text-align:left;gap:8px;margin-top:20px;font-size:14px;background:transparent;padding:0; }
html body.workspace-shell #offer-accept-dialog input { box-sizing:border-box;width:100%;min-height:52px;padding:12px 16px;border:1px solid var(--md-sys-color-outline);border-radius:16px;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface); }
#offer-accept-error { color:var(--md-sys-color-error); }
#offer-inbox-dialog { width:min(720px,calc(100vw - 32px)); }
#offer-inbox-dialog .dialog-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;flex-shrink:0; }
html body.workspace-shell #offer-inbox-title { font-size:24px;margin:0; }
.offer-inbox-list { overflow:auto;min-height:0;padding:0 24px;display:grid;gap:16px; }
html body.workspace-shell .offer-notification { width:100%;display:block;padding:20px;border:1px solid var(--md-sys-color-outline-variant);border-radius:24px;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);text-align:left; }
.offer-notification:hover { background:var(--md-sys-color-surface-container-highest)!important; }
.offer-notification-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;overflow-wrap:anywhere; }
.offer-notification-heading strong { font-size:16px; }
.offer-notification-heading .material-symbols-rounded { font-size:20px;flex-shrink:0; }
.offer-notification-trade { display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:12px; }
.offer-notification-items { display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:12px;border-radius:16px;background:var(--md-sys-color-surface-container-high);min-height:64px; }
.offer-notification-items img { width:48px;height:48px;object-fit:contain; }
#offer-inbox-status { min-height:20px;margin:0;padding:16px 24px 24px;font-size:14px;flex-shrink:0; }
@media(max-width:700px) {
 .offer-search-wrap { flex-basis:100%; }
 .offer-toolbar #offer-build { margin-left:0; }
 .offer-toolbar { justify-content:center;gap:12px; }
 .posted-offer-header { flex-wrap:wrap;gap:8px; }
 #offer-inbox-dialog .dialog-heading { padding:20px; }
 .offer-inbox-list { padding:0 16px; }
 .offer-notification-items { padding:8px;gap:4px; }
 .offer-notification-items img { width:36px;height:36px; }
}
.offer-inbox-actions { display:flex;justify-content:center;padding:16px 24px 0;flex-shrink:0; }
#offer-device-dialog { box-sizing:border-box;max-height:calc(100dvh - 32px);overflow:auto; }
#offer-device-code { display:block;user-select:all;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:17px;margin:16px 0;color:var(--md-sys-color-primary); }
#offer-device-dialog .field { display:flex;flex-direction:column;gap:8px;font-size:14px;text-align:left;background:transparent;padding:0; }
#offer-device-input { width:100%;box-sizing:border-box;min-height:52px; }
#offer-device-note { font-size:12px;color:var(--md-sys-color-on-surface-variant); }

html body.workspace-shell .offer-notification-copy {
 width:100%;display:block;padding:0;border:0;border-radius:12px;
 background:transparent;color:inherit;text-align:left;cursor:pointer;
}
.offer-notification-copy:focus-visible { outline:2px solid var(--md-sys-color-primary);outline-offset:6px; }
.offer-notification-actions { display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:16px; }
.offer-notification-actions button { min-height:40px;padding:8px 20px;border-radius:999px; }
.offer-notification-accepted { margin-right:auto;color:var(--md-sys-color-primary);font-weight:600; }