/* sell page styles — owned by the sell page owner. Shared rules stay in ../pages.css (read-only for page owners). */

/* AI entry: the status dot follows the AI account state (pages.css paints every dot mint on the blue card) */
.page-sell .ai-entry-st .dotline.off i{background:rgba(255,255,255,.55)}
.page-sell .ai-entry-st .dotline.wait i{background:#FFD27A}
.page-sell .ai-entry-st .dotline.warn i{background:#FFB27A}

/* Sellable Token stays beside the manual resource workflow; AI owns automation. */
.page-sell .bento .guest-mod{margin-top:0}
/* Keep both actions together in one row, including narrow phones. */
.page-sell .sellable-top{align-items:center;flex-wrap:wrap;gap:14px}
.page-sell .sellable-actions{display:flex;gap:8px;margin-left:auto}
.page-sell .sellable-actions .btn{flex:1;min-width:68px;min-height:44px;padding:0 12px;white-space:nowrap;box-shadow:none}
@container app (max-width:359px){
  .page-sell .sellable-actions{width:100%;margin-left:0}
}

/* resource cards: footer wraps on narrow phones / long English labels instead of overflowing */
.page-sell .res-foot{flex-wrap:wrap;row-gap:8px}
.page-sell .res-foot .btn{margin-left:auto}
.page-sell .strat{flex-wrap:wrap;row-gap:4px}
.page-sell .res-catalog-note{margin:12px 2px}
.page-sell .rc-st{display:block;white-space:normal;overflow-wrap:anywhere;text-align:center;font-size:var(--fs-12)}
.page-sell .rc-st i{display:none}
.page-sell .route-cap{gap:12px;align-items:flex-start}
.page-sell .route-cap>span:first-child{min-width:0;flex:1}
.page-sell .route-cap>span:last-child{flex:none}
.page-sell .res-catalog-note p{margin:0 0 6px}
.page-sell .res-catalog-note p:first-child{font-size:var(--fs-12);font-weight:700;color:var(--ink-2)}
.page-sell .res-model .res-head{gap:10px;padding-bottom:14px}
.page-sell .res-model .res-head .ref-logo{width:44px;height:44px;flex:none;border-radius:12px}
.page-sell .res-model .res-title strong{line-height:1.4;overflow-wrap:anywhere}
.page-sell .res-model .res-title>span{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-sell .res-model .res-price{flex:none;white-space:nowrap}
.page-sell .res-model .res-price .cents{opacity:1}
.page-sell .res-model .res-price small{margin-top:4px}
.page-sell .res-model .res-kv{margin-top:0}
.page-sell .res-model .res-kv>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:359px){
  .page-sell .res-model .res-head{gap:8px}
  .page-sell .res-model .res-head .ref-logo{width:36px;height:36px;border-radius:10px}
  .page-sell .res-model .res-price small{font-size:var(--fs-12)}
}

/* grab orders: the title wraps on narrow phones instead of cutting the quantity; "6,000.00 M" never splits */
.page-sell .grab-card{display:block;width:100%}
.page-sell .grab-title strong{overflow-wrap:anywhere}
.page-sell .grab-title .grab-q{white-space:nowrap}
.page-sell .grab-sub{display:block;margin-top:1px;font-size:var(--fs-12);color:var(--ink-3);line-height:1.4;overflow-wrap:anywhere}
.page-sell .grab-top .pill{flex:none}
.grab-short{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:var(--fs-12);font-weight:600;color:var(--warn)}
.grab-short .ico{width:14px;height:14px;flex:none}
.grab-short-note{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0 0 14px}
.grab-short-note .notice{width:100%;margin:0}

/* sales */
.page-sell .sell-note{margin-top:8px}

/* Keep the availability boundary visible; expand for the operational details. */
.availability-note{margin:0 0 14px;padding:0 14px;background:var(--blue-soft);border-radius:var(--r-tile);color:var(--ink-2)}
.availability-note summary{min-height:48px;display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;font-size:var(--fs-14);font-weight:600}
.availability-note summary::-webkit-details-marker{display:none}
.availability-note summary>span{flex:1;min-width:0}
.availability-note summary>.ico{color:var(--blue-ink)}
.availability-note[open] summary>.ico:last-child{transform:rotate(180deg)}
.availability-note p{padding:0 0 14px;font-size:var(--fs-14);line-height:1.65;text-wrap:pretty}