/* ---------------------------------------------------------------------------
   AIODomain - Global domain marketplace
   Author: MD OMAR FARUK | www.faruk.bd | Copyright (c) 2026
   --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
   AIODomain - Make an Offer: the offer box on the listing page, the member
   offers list and the offer thread
   --------------------------------------------------------------------------- */
/* the box on the listing page */
.st-offer textarea{min-height:84px}
.po-label{display:block;font-size:13.5px;font-weight:600;margin:0 0 6px;color:var(--st-text-2,#444)}
.st-offer .po-label+.po-amt,.st-offer .aio-note+.po-label{margin-top:0}
.st-offer .aio-note+.po-label{margin-top:12px}
.po-amt{display:flex;align-items:stretch;max-width:100%}
.po-amt .po-cur{display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--st-line,#c9cfd6);border-inline-end:0;border-radius:8px 0 0 8px;background:var(--st-surface-2,#f3f4f6);font-weight:700;font-size:13px;color:var(--st-text-2,#444)}
.po-amt .aio-input{border-radius:0 8px 8px 0;font-size:16px;font-weight:700;max-width:none;flex:1;min-width:0}
[dir=rtl] .po-amt .po-cur{border-radius:0 8px 8px 0}[dir=rtl] .po-amt .aio-input{border-radius:8px 0 0 8px}
.po-send{margin-top:10px}
.st-offer .po-send{width:100%;justify-content:center}
.po-how{margin:12px 0 0;font-size:12.5px;color:var(--st-muted,#667);line-height:1.5}
.po-open,.po-agreed{margin:14px 0 0}
.st-detail-actions .po-agreed{margin:0}

/* the list */
.po-sides{margin-bottom:12px}
.po-table td{vertical-align:middle}
.po-table tr.is-turn td{background:rgba(245,158,11,.08)}
.po-table tr.is-turn td:first-child{box-shadow:inset 3px 0 0 #f59e0b}

/* the thread */
.po-head{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:16px;margin-bottom:16px;align-items:stretch}
.po-sum{padding:20px 22px;background:var(--st-surface,#fff);border:1px solid var(--st-line,#e5e7eb);border-radius:var(--st-radius-md,12px)}
.po-sum .po-lbl{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--st-muted,#667);font-weight:700}
.po-amount{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:2px 0}
.po-sub{font-size:13.5px;color:var(--st-muted,#667)}
.po-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px 18px;margin-top:16px;padding-top:14px;border-top:1px solid var(--st-line,#e5e7eb)}
.po-facts>div>span:first-child{display:block;font-size:12px;color:var(--st-muted,#667);margin-bottom:2px}
.po-facts b{font-size:14.5px}
.po-count{font-variant-numeric:tabular-nums}
.po-count.soon{color:#d97706}
.po-agreed h3{margin:0 0 6px}
.po-agreed p{margin:0 0 8px}
.po-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.po-actions .aio-card,.po-history .aio-card{margin-bottom:14px}
.po-actions .aio-input{max-width:none}
.po-actions textarea.aio-input{min-height:70px}
.po-actions .aio-note{margin:6px 0 12px}
.po-actions .po-label{margin-top:10px}
.po-actions .po-amt+.aio-note{margin-top:6px}
.po-withdraw{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.po-history .st-timeline li{padding-bottom:16px}
.po-history .st-msg{max-width:100%;margin-top:4px}
.po-history .st-msg .h{margin-inline-start:0}
.po-history .st-msg .b{white-space:pre-line}
.po-history .st-timeline li p{white-space:normal}
@media(max-width:860px){
  .po-head{grid-template-columns:1fr}
  .po-cols{grid-template-columns:1fr}
  .po-amount{font-size:32px}
}
.po-table td:first-child a,.po-table .aio-badge{white-space:nowrap}