/* Sira Le Seriw · UI Phase 13.5.2.2 — Beteseb Posts Workspace UI Polish
   Narrow visual repair for Creator Studio > Beteseb > Posts. No publishing, access,
   membership, payment, comment, progress-series or private-message behavior changes. */

#bet-pane-posts{min-width:0}
#bet-pane-posts .bet-posts-page-head{align-items:end;gap:18px}
#bet-pane-posts .bet-posts-page-head>p{max-width:620px;margin:0;color:#756f63;font:500 12px/1.5 Inter,system-ui,sans-serif;text-align:right}

#bet-pane-posts .bet-post-composer,
#bet-pane-posts .bet-post-list-card{
  padding:22px;
  border-radius:20px;
}
#bet-pane-posts .bet-post-list-card{margin-top:16px}
#bet-pane-posts .bet-post-composer-head{margin-bottom:18px;align-items:end}
#bet-pane-posts .bet-post-composer-head>p,
#bet-pane-posts .bet-post-list-card>.hub-section-head>p{
  max-width:480px;margin:0;color:#7a7367;font:500 11px/1.5 Inter,system-ui,sans-serif;text-align:right
}

#bet-pane-posts .bet-post-top-grid,
#bet-pane-posts .bet-post-two-col{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:16px;
  align-items:start;
}
#bet-pane-posts .bet-post-two-col{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}
#bet-pane-posts .bet-post-body{margin-top:16px}

#bet-pane-posts .field{
  min-width:0;
  display:grid;
  gap:7px;
}
#bet-pane-posts .field>label{
  display:block;
  margin:0;
  color:#173b31;
  font:800 12px/1.35 Inter,system-ui,sans-serif;
}
#bet-pane-posts .field>label span{font-weight:600;color:#8a8174}
#bet-pane-posts .input{
  display:block;
  width:100%;
  min-width:0;
  min-height:46px;
  box-sizing:border-box;
  border:1px solid rgba(8,55,43,.17);
  border-radius:13px;
  background:#fff;
  color:#17372e;
  padding:11px 13px;
  font:600 13px/1.35 Inter,system-ui,sans-serif;
  outline:none;
}
#bet-pane-posts select.input{appearance:auto;padding-right:36px}
#bet-pane-posts .input:focus{
  border-color:#0b503f;
  box-shadow:0 0 0 3px rgba(11,80,63,.09)
}
#bet-pane-posts textarea.input{
  min-height:150px;
  resize:vertical;
  line-height:1.55;
}
#bet-pane-posts .field-help{
  display:block;
  margin:0;
  color:#7b7468;
  font:500 11px/1.45 Inter,system-ui,sans-serif;
}
#bet-pane-posts .rich-studio-upload input[type=file]{
  padding:7px 9px;
  background:#fff;
  line-height:28px;
}
#bet-pane-posts .rich-studio-upload input[type=file]::file-selector-button{
  margin-right:10px;
  border:1px solid rgba(8,55,43,.17);
  border-radius:9px;
  padding:7px 10px;
  background:#f7f4eb;
  color:#123d31;
  font:800 11px/1 Inter,system-ui,sans-serif;
  cursor:pointer;
}

#bet-pane-posts .bet-post-media,
#bet-pane-posts .bet-post-access{
  padding:16px;
  border:1px solid rgba(8,55,43,.08);
  border-radius:16px;
  background:#fbf8f1;
}
#bet-pane-posts .bet-post-access{background:#f8f8f2}

#bet-pane-posts .bet-post-publish-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(8,55,43,.10);
}
#bet-pane-posts .bet-post-publish-row>div{display:grid;gap:3px;min-width:0}
#bet-pane-posts .bet-post-publish-row strong{color:#173b31;font:800 13px/1.3 Inter,system-ui,sans-serif}
#bet-pane-posts .bet-post-publish-row span{color:#7b7468;font:500 11px/1.45 Inter,system-ui,sans-serif}
#bet-pane-posts #publish{flex:0 0 auto;min-height:44px;padding:11px 18px}
#bet-pane-posts #postOk:not(:empty),
#bet-pane-posts #postErr:not(:empty){
  display:block;
  margin-top:12px;
  padding:11px 12px;
  border-radius:12px;
  font:650 12px/1.45 Inter,system-ui,sans-serif;
}
#bet-pane-posts #postOk:not(:empty){background:#edf7f1;border:1px solid #cce5d5;color:#246044}
#bet-pane-posts #postErr:not(:empty){background:#fff0ed;border:1px solid #ebc5bd;color:#923f32}

/* Published post cards — keep the existing JS/data, improve hierarchy only. */
#bet-pane-posts #posts{display:grid;gap:10px}
#bet-pane-posts .rich-postrow{
  margin:0;
  padding:15px 16px;
  border:1px solid rgba(6,39,30,.11);
  border-radius:15px;
  background:#fff;
}
#bet-pane-posts .rich-postrow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
#bet-pane-posts .rich-postrow-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#bet-pane-posts .rich-postrow-title strong{color:#153b31;font:800 14px/1.35 Inter,system-ui,sans-serif}
#bet-pane-posts .rich-post-meta{margin-top:6px;color:#81796d;font:600 11px/1.4 Inter,system-ui,sans-serif;text-transform:capitalize}
#bet-pane-posts .rich-series-chip,
#bet-pane-posts .chip{
  display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:999px;
  font:800 10px/1 Inter,system-ui,sans-serif
}
#bet-pane-posts .rich-series-chip{background:#f6eac1;border:1px solid #e3c66a;color:#654d0b}
#bet-pane-posts .chip{background:#edf5f0;border:1px solid rgba(11,80,63,.12);color:#376553}
#bet-pane-posts .chip.family{background:#fff3cf;border-color:#edd17c;color:#6e5205}
#bet-pane-posts .rich-postrow-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
#bet-pane-posts .rich-postrow-actions a,
#bet-pane-posts .rich-postrow-actions button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:8px 11px;border:1px solid rgba(6,39,30,.15);border-radius:10px;
  background:#fff;color:#0a4939;text-decoration:none;cursor:pointer;
  font:800 11px/1 Inter,system-ui,sans-serif
}
#bet-pane-posts .rich-postrow-actions a:first-child{background:#f3f8f5}
#bet-pane-posts .rich-postrow-actions a:hover,
#bet-pane-posts .rich-postrow-actions button:hover{border-color:#0b503f}

@media(max-width:900px){
  #bet-pane-posts .bet-posts-page-head,
  #bet-pane-posts .bet-post-composer-head{align-items:start}
  #bet-pane-posts .bet-posts-page-head>p,
  #bet-pane-posts .bet-post-composer-head>p,
  #bet-pane-posts .bet-post-list-card>.hub-section-head>p{text-align:left;max-width:none}
  #bet-pane-posts .bet-post-top-grid,
  #bet-pane-posts .bet-post-two-col{grid-template-columns:1fr}
}
@media(max-width:620px){
  #bet-pane-posts .bet-post-composer,
  #bet-pane-posts .bet-post-list-card{padding:16px;border-radius:16px}
  #bet-pane-posts .bet-post-media,
  #bet-pane-posts .bet-post-access{padding:13px}
  #bet-pane-posts .bet-post-publish-row{display:grid;align-items:stretch}
  #bet-pane-posts #publish{width:100%}
  #bet-pane-posts .rich-postrow-head{display:grid}
  #bet-pane-posts .rich-postrow-actions>*{flex:1 1 auto;text-align:center}
}