/* =========================================================
   RUNLAA /posts create box + modal
   token-only / minimal / complete polish
========================================================= */

/* ---------- create box ---------- */
.rl-post-create{
  padding:16px;
  background:var(--panel);
  color:var(--text);
  border:1px solid var(--line);
  border-radius:var(--rl-radius-lg);
  box-shadow:var(--shadow-soft);
}

.rl-post-create__top{
  display:flex;
  align-items:center;
  gap:12px;
}

.rl-post-create__avatar{
  width:44px;
  height:44px;
  border-radius:999px;
  object-fit:cover;
  flex:0 0 auto;
  background:var(--panel2);
  border:1px solid var(--line);
  box-shadow:var(--rl-shadow-xs);
}

.rl-post-create__composer{
  flex:1 1 auto;
  min-height:46px;
  padding:0 16px;
  display:flex;
  align-items:center;
  text-align:left;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--panel2);
  color:var(--muted);
  box-shadow:none;
  outline:none;
  transition:
    background var(--rl-speed) ease,
    border-color var(--rl-speed) ease,
    color var(--rl-speed) ease,
    transform var(--rl-speed-fast) ease;
}

.rl-post-create__composer:hover{
  background:var(--panel2);
  border-color:var(--rl-brand-line);
  color:var(--text);
  transform:translateY(-1px);
}

.rl-post-create__divider{
  height:1px;
  background:var(--line);
  margin:14px 0 10px;
}

.rl-post-create__actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.rl-post-create__action{
  min-height:42px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid transparent;
  border-radius:14px;
  background:transparent;
  color:var(--text);
  
  
  transition:
    background var(--rl-speed) ease,
    border-color:var(--line);
    color var(--rl-speed) ease,
    transform var(--rl-speed-fast) ease;
}

.rl-post-create__action:hover{
  background:var(--panel2);
  border-color:var(--line);
  color:var(--rl-brand);
  transform:translateY(-1px);
}

/* ---------- bootstrap modal variables ---------- */
#createPostModal{
  --bs-modal-zindex: 50010;
  --bs-backdrop-zindex: 50000;
  --bs-modal-bg: var(--panel);
  --bs-modal-color: var(--text);
  --bs-modal-border-color: var(--line);
  --bs-modal-border-radius: var(--rl-radius-lg);
  --bs-modal-box-shadow: var(--shadow-soft);
  --bs-modal-header-border-color: var(--line);
  --bs-modal-footer-border-color: var(--line);
}

.modal-backdrop{
  --bs-backdrop-zindex: 50000;
  --bs-backdrop-bg: rgba(15,23,42,.48);
  --bs-backdrop-opacity: 1;
}

#createPostModal.modal{
  z-index:50010 !important;
}

.modal-backdrop.show{
  z-index:50000 !important;
}

#createPostModal .modal-dialog{
  position:relative;
  z-index:50011;
}

#createPostModal .modal-content,
.rl-create-modal{
  background:var(--panel) !important;
  color:var(--text) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--rl-radius-lg) !important;
  box-shadow:var(--shadow-soft) !important;
  overflow:hidden;
}

/* ---------- modal shell ---------- */
#createPostModal .modal-header{
  padding:16px 18px;
  border-bottom:1px solid var(--line);
  background:var(--panel);
}

#createPostModal .modal-title{
  color:var(--text);
  font-weight:800;
  line-height:1.2;
  letter-spacing:-.01em;
}

#createPostModal .modal-body{
  padding:18px;
  background:var(--panel);
}

#createPostModal .modal-footer{
  padding:14px 18px;
  border-top:1px solid var(--line);
  background:var(--panel);
}

#createPostModal .text-muted{
  color:var(--muted) !important;
}

#createPostModal .btn-close{
  filter:none;
  opacity:.9;
}

html[data-theme="dark-orange"] #createPostModal .btn-close{
  filter:invert(1) brightness(1.15);
}

/* ---------- 3 mode boxes ---------- */
#createPostModal .js-create-mode{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px;
}

#createPostModal .js-create-mode + .js-create-mode{
  margin-top:14px;
}

#createPostModal .js-create-mode[data-mode="status"]{
  background:linear-gradient(180deg,var(--panel),var(--panel2));
}

#createPostModal .js-create-mode[data-mode="seo"]{
  background:linear-gradient(180deg,var(--panel),var(--panel2));
}

#createPostModal .js-create-mode[data-mode="product"]{
  background:linear-gradient(180deg,var(--panel),var(--panel2));
}

#createPostModal .js-create-mode form{
  display:block;
  margin:0;
}

/* ---------- form controls ---------- */
#createPostModal .rl-input,
#createPostModal .rl-textarea{
  width:100%;
  background:var(--panel2);
  color:var(--text);
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:none;
  outline:none;
  transition:
    border-color var(--rl-speed) ease,
    box-shadow var(--rl-speed) ease,
    background var(--rl-speed) ease;
}

#createPostModal .rl-input{
  min-height:46px;
  padding:10px 14px;
}

#createPostModal .rl-textarea{
  min-height:124px;
  padding:12px 14px;
  resize:vertical;
}

#createPostModal .rl-input::placeholder,
#createPostModal .rl-textarea::placeholder{
  color:var(--muted);
  opacity:1;
}

#createPostModal .rl-input:focus,
#createPostModal .rl-textarea:focus{
  border-color:var(--rl-brand-line);
  box-shadow:var(--rl-ring);
  background:var(--panel);
}

#createPostModal input[type="file"].rl-input{
  padding:10px 12px;
}

#createPostModal input[type="file"].rl-input::file-selector-button{
  margin-right:12px;
  border:1px solid var(--line);
  background:var(--panel);
  color:var(--text);
  border-radius:10px;
  padding:8px 12px;
}

html[data-theme="dark-orange"] #createPostModal input[type="file"].rl-input::file-selector-button{
  background:var(--chip);
  color:var(--text);
}

/* ---------- buttons inside modal ---------- */
#createPostModal .rl-btn{
  min-width:112px;
}

#createPostModal .rl-btn-soft{
  background:var(--panel2);
  color:var(--text);
  border-color:var(--line);
}

#createPostModal .rl-btn-soft:hover{
  background:var(--panel);
  color:var(--rl-brand);
  border-color:var(--rl-brand-line);
}

#createPostModal .rl-btn-brand{
  background:linear-gradient(135deg,var(--brand1),var(--brand2));
  color:#fff;
  border-color:transparent;
}

#createPostModal .rl-btn-brand:hover{
  color:#fff;
  filter:brightness(.98);
}

/* ---------- stronger polish for seo / product helper blocks ---------- */
#createPostModal .js-create-mode[data-mode="seo"] .mb-3.text-muted{
  padding:12px 14px;
  background:var(--panel);
  border:1px dashed var(--line);
  border-radius:14px;
  margin-bottom:16px !important;
}

/* ---------- neutralize posts-page stacking ---------- */
.posts-page-local,
.posts-page-local .container,
.posts-page-local .rposts-shell,
.posts-page-local .rposts-row,
.posts-page-local .rposts-left,
.posts-page-local .rposts-center,
.posts-page-local .rposts-right,
.posts-page-local .rposts-left-inner,
.posts-page-local .rposts-center-inner,
.posts-page-local .rposts-right-inner,
.posts-page-local .rposts-stories-wrap,
.posts-page-local .rposts-stories-inner,
.posts-page-local .rposts-stories-strip,
.posts-page-local .rposts-story-card,
.posts-page-local .rposts-story-nav,
.posts-page-local #postsFeed,
.posts-page-local #postsFeed > [class*="col-"]{
  z-index:auto !important;
}

.posts-page-local .post-admin-tools,
.posts-page-local .post-admin-tools.image-tools,
.posts-page-local .post-admin-tools.text-tools{
  z-index:10 !important;
}

/* ---------- responsive ---------- */
@media (max-width:575.98px){
  .rl-post-create{
    padding:14px;
  }

  .rl-post-create__actions{
    grid-template-columns:3fr;
  }

  .rl-post-create__action{
    justify-content:flex-start;
  }

  #createPostModal .modal-dialog{
    margin:.75rem;
  }

  #createPostModal .modal-body{
    padding:14px;
  }

  #createPostModal .js-create-mode{
    padding:14px;
    border-radius:16px;
  }
}

/* ===== modal size tune: desktop + mobile ===== */
.rl-create-modal-dialog{
  max-width:760px;
}

#createPostModal .modal-body{
  padding:16px;
}

#createPostModal .js-create-mode{
  border-radius:16px;
  padding:14px;
}

#createPostModal .edit-post-modal-scroll{
  max-height:none;
}

#createPostModal .glass-card{
  border-radius:16px;
}

@media (max-width: 991.98px){
  .rl-create-modal-dialog{
    max-width:680px;
  }
}

@media (max-width: 767.98px){
  .rl-create-modal-dialog{
    max-width:calc(100vw - 20px);
    margin:10px auto;
  }

  #createPostModal .modal-content,
  .rl-create-modal{
    border-radius:18px !important;
  }

  #createPostModal .modal-header{
    padding:14px 14px 10px;
  }

  #createPostModal .modal-title{
    font-size:1rem;
  }

  #createPostModal .modal-body{
    padding:12px;
  }

  #createPostModal .js-create-mode{
    padding:12px;
    border-radius:14px;
  }

  #createPostModal .row.g-4{
    --bs-gutter-x: .75rem;
    --bs-gutter-y: .75rem;
  }

  #createPostModal .form-label{
    margin-bottom:.4rem;
    font-size:.92rem;
  }

  #createPostModal .rl-input,
  #createPostModal .form-control,
  #createPostModal .form-select{
    min-height:44px;
    font-size:16px;
  }

  #createPostModal .rl-textarea,
  #createPostModal textarea.form-control{
    min-height:120px;
    font-size:16px;
  }

  #createPostModal .edit-post-modal-footer,
  #createPostModal .d-flex.justify-content-end.gap-2{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:8px !important;
  }

  #createPostModal .edit-post-modal-footer .btn,
  #createPostModal .rl-btn{
    min-width:0;
    width:100%;
  }

  #createPostModal .cover-thumb{
    max-height:220px;
    width:100%;
    object-fit:cover;
    border-radius:14px;
  }
}

@media (max-width: 575.98px){
  .rl-create-modal-dialog{
    max-width:calc(100vw - 16px);
    margin:8px auto;
  }

  #createPostModal .modal-header{
    padding:12px 12px 8px;
  }

  #createPostModal .modal-body{
    padding:10px;
  }

  #createPostModal .js-create-mode{
    padding:10px;
    border-radius:12px;
  }

  #createPostModal .edit-post-modal-footer,
  #createPostModal .d-flex.justify-content-end.gap-2{
    grid-template-columns:1fr;
  }
}

/* ===== RUNLAA dark fix for SEO popup bootstrap fields ===== */
html[data-theme="dark-orange"] #createPostModal .form-control,
html[data-theme="dark-orange"] #createPostModal .form-select,
html[data-theme="dark-orange"] #createPostModal textarea,
html[data-theme="dark-orange"] #createPostModal input[type="text"],
html[data-theme="dark-orange"] #createPostModal input[type="number"],
html[data-theme="dark-orange"] #createPostModal input[type="file"]{
  background:var(--panel2) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
  box-shadow:none !important;
}

html[data-theme="dark-orange"] #createPostModal .form-control::placeholder,
html[data-theme="dark-orange"] #createPostModal textarea::placeholder,
html[data-theme="dark-orange"] #createPostModal input::placeholder{
  color:var(--muted) !important;
  opacity:1 !important;
}

html[data-theme="dark-orange"] #createPostModal .form-control:focus,
html[data-theme="dark-orange"] #createPostModal .form-select:focus,
html[data-theme="dark-orange"] #createPostModal textarea:focus,
html[data-theme="dark-orange"] #createPostModal input:focus{
  background:var(--panel) !important;
  color:var(--text) !important;
  border-color:var(--rl-brand-line) !important;
  box-shadow:var(--rl-ring) !important;
}

html[data-theme="dark-orange"] #createPostModal .form-select option{
  background:var(--rl-card) !important;
  color:var(--rl-text) !important;
}

html[data-theme="dark-orange"] #createPostModal input:-webkit-autofill,
html[data-theme="dark-orange"] #createPostModal textarea:-webkit-autofill,
html[data-theme="dark-orange"] #createPostModal select:-webkit-autofill{
  -webkit-text-fill-color:var(--text) !important;
  -webkit-box-shadow:0 0 0 1000px var(--panel2) inset !important;
  transition:background-color 9999s ease-in-out 0s;
}

html[data-theme="dark-orange"] #createPostModal input[type="file"]::file-selector-button{
  background:var(--chip) !important;
  color:var(--text) !important;
  border:1px solid var(--line) !important;
}

/* ===== story create dragdrop upload ===== */
.rl-upload-dropzone{
  position:relative;
  min-height:280px;
  border:1.5px dashed var(--rl-brand-line);
  border-radius:18px;
  background:linear-gradient(180deg,var(--panel),var(--panel2));
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:18px;
  cursor:pointer;
  transition:
    border-color var(--rl-speed) ease,
    background var(--rl-speed) ease,
    box-shadow var(--rl-speed) ease,
    transform var(--rl-speed-fast) ease;
}

.rl-upload-dropzone:hover{
  border-color:var(--rl-brand);
  box-shadow:var(--rl-ring);
  transform:translateY(-1px);
}

.rl-upload-dropzone.is-dragover{
  border-color:var(--rl-brand);
  background:var(--panel);
  box-shadow:var(--rl-ring);
}

.rl-upload-dropzone.has-file{
  display:block;
  text-align:left;
}

.rl-upload-dropzone__empty{
  width:100%;
}

.rl-upload-dropzone__icon{
  width:64px;
  height:64px;
  margin:0 auto 12px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--chip);
  border:1px solid var(--line);
  color:var(--rl-brand);
  font-size:1.6rem;
}

.rl-upload-dropzone__title{
  font-weight:800;
  color:var(--text);
  line-height:1.2;
}

.rl-upload-dropzone__sub{
  margin-top:6px;
  color:var(--muted);
}

.rl-upload-dropzone__preview{
  width:100%;
  max-height:360px;
  object-fit:cover;
  border-radius:16px;
  border:1px solid var(--line);
  background:var(--panel);
}

.rl-upload-dropzone__actions{
  display:flex;
  gap:8px;
}

html[data-theme="dark-orange"] .rl-upload-dropzone{
  background:linear-gradient(180deg,var(--panel),var(--panel2));
}

@media (max-width: 767.98px){
  .rl-upload-dropzone{
    min-height:220px;
    padding:14px;
    border-radius:16px;
  }

  .rl-upload-dropzone__icon{
    width:56px;
    height:56px;
    border-radius:16px;
  }

  .rl-upload-dropzone__preview{
    max-height:240px;
    border-radius:14px;
  }
}

/* ===== app-like rebalance for story/seo create ===== */
#createPostModal .rl-story-create-fields{
  display:block;
}

#createPostModal .rl-story-create-grid{
  align-items:stretch;
}

#createPostModal .rl-story-create-panel{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:none;
}

#createPostModal .rl-story-create-panel--form{
  background:linear-gradient(180deg,var(--panel),var(--panel2));
}

#createPostModal .rl-story-create-fields .form-label{
  color:var(--text);
  font-weight:800 !important;
  margin-bottom:.45rem;
}

#createPostModal .rl-story-create-fields .form-control,
#createPostModal .rl-story-create-fields .form-select{
  min-height:46px;
  border-radius:14px;
}

#createPostModal .rl-story-create-fields .form-select{
  background:var(--panel2);
  color:var(--text);
  border:1px solid var(--line);
}

#createPostModal .rl-story-create-fields .form-control{
  background:var(--panel2);
  color:var(--text);
  border:1px solid var(--line);
}

#createPostModal .rl-story-create-fields .form-control:focus,
#createPostModal .rl-story-create-fields .form-select:focus{
  background:var(--panel);
  border-color:var(--rl-brand-line);
  box-shadow:var(--rl-ring);
}

#createPostModal .rl-story-content-input{
  min-height:200px !important;
  max-height:360px;
  resize:vertical;
  line-height:1.6;
}

#createPostModal .edit-post-modal-footer{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}

#createPostModal .empty-state-box,
#createPostModal .rl-upload-dropzone{
  min-height:240px;
}

#createPostModal .rl-upload-dropzone__title{
  font-size:1rem;
}

#createPostModal .rl-upload-dropzone__sub{
  font-size:.94rem;
}

#createPostModal .meta.small{
  font-size:.82rem !important;
}

@media (min-width: 992px){
  #createPostModal .rl-story-create-media-col{
    width:36%;
  }

  #createPostModal .rl-story-create-form-col{
    width:64%;
  }

  #createPostModal .rl-story-content-input{
    min-height:220px !important;
  }
}

@media (max-width: 991.98px){
  #createPostModal .rl-story-create-grid{
    --bs-gutter-x: .9rem;
    --bs-gutter-y: .9rem;
  }

  #createPostModal .rl-story-content-input{
    min-height:180px !important;
  }

  #createPostModal .empty-state-box,
  #createPostModal .rl-upload-dropzone{
    min-height:220px;
  }
}

@media (max-width: 767.98px){
  #createPostModal .rl-story-create-panel{
    border-radius:16px;
    padding:12px !important;
  }

  #createPostModal .rl-story-create-grid{
    --bs-gutter-x: .75rem;
    --bs-gutter-y: .75rem;
  }

  #createPostModal .rl-story-content-input{
    min-height:150px !important;
    max-height:280px;
  }

  #createPostModal .empty-state-box,
  #createPostModal .rl-upload-dropzone{
    min-height:180px;
  }

  #createPostModal .edit-post-modal-footer{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  #createPostModal .edit-post-modal-footer .btn{
    width:100%;
  }
}

@media (max-width: 575.98px){
  #createPostModal .rl-story-create-panel{
    border-radius:14px;
    padding:10px !important;
  }

  #createPostModal .rl-story-content-input{
    min-height:136px !important;
  }

  #createPostModal .empty-state-box,
  #createPostModal .rl-upload-dropzone{
    min-height:160px;
  }

  #createPostModal .edit-post-modal-footer{
    grid-template-columns:1fr;
  }
}

/* ===== themed select / option for RUNLAA ===== */
#createPostModal .rl-story-create-fields .form-select,
#createPostModal .rl-story-create-fields select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-color:var(--panel2) !important;
  color:var(--text) !important;
  border:1px solid var(--line) !important;
  border-radius:14px;
  box-shadow:none !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23c98b62' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:16px 16px;
  padding-right:42px;
}

#createPostModal .rl-story-create-fields .form-select:hover,
#createPostModal .rl-story-create-fields select:hover{
  border-color:var(--rl-brand-line) !important;
}

#createPostModal .rl-story-create-fields .form-select:focus,
#createPostModal .rl-story-create-fields select:focus{
  background-color:var(--panel) !important;
  color:var(--text) !important;
  border-color:var(--rl-brand-line) !important;
  box-shadow:var(--rl-ring) !important;
  outline:none !important;
}

#createPostModal .rl-story-create-fields .form-select option,
#createPostModal .rl-story-create-fields select option{
  background:var(--panel) !important;
  color:var(--text) !important;
}

#createPostModal .rl-story-create-fields .form-select option:checked,
#createPostModal .rl-story-create-fields select option:checked{
  background:var(--chip) !important;
  color:var(--text) !important;
}

html[data-theme="dark-orange"] #createPostModal .rl-story-create-fields .form-select,
html[data-theme="dark-orange"] #createPostModal .rl-story-create-fields select{
  background-color:var(--panel2) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
}

html[data-theme="dark-orange"] #createPostModal .rl-story-create-fields .form-select option,
html[data-theme="dark-orange"] #createPostModal .rl-story-create-fields select option{
  background:var(--rl-card) !important;
  color:var(--rl-text) !important;
}

html[data-theme="light-orange"] #createPostModal .rl-story-create-fields .form-select option,
html[data-theme="light-orange"] #createPostModal .rl-story-create-fields select option{
  background:#ffffff !important;
  color:var(--rl-text) !important;
}


/* ===== custom themed selectbox ===== */
.rl-selectbox{
  position:relative;
}

.rl-selectbox__trigger{
  width:100%;
  min-height:46px;
  padding:10px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel2);
  color:var(--text);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  text-align:left;
  transition:
    border-color var(--rl-speed) ease,
    box-shadow var(--rl-speed) ease,
    background var(--rl-speed) ease;
}

.rl-selectbox__trigger:hover{
  border-color:var(--rl-brand-line);
}

.rl-selectbox__trigger[aria-expanded="true"]{
  background:var(--panel);
  border-color:var(--rl-brand-line);
  box-shadow:var(--rl-ring);
}

.rl-selectbox__value{
  color:var(--text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.rl-selectbox__caret{
  color:var(--muted);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  transition:transform var(--rl-speed-fast) ease, color var(--rl-speed) ease;
}

.rl-selectbox.is-open .rl-selectbox__caret{
  transform:rotate(180deg);
  color:var(--rl-brand);
}

.rl-selectbox__menu{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  z-index:30;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--shadow-soft);
  padding:8px;
  opacity:0;
  visibility:hidden;
  transform:translateY(4px);
  transition:
    opacity var(--rl-speed-fast) ease,
    transform var(--rl-speed-fast) ease,
    visibility var(--rl-speed-fast) ease;
}

.rl-selectbox.is-open .rl-selectbox__menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.rl-selectbox__scroll{
  max-height:240px;
  overflow:auto;
  padding-right:2px;
}

.rl-selectbox__scroll::-webkit-scrollbar{
  width:8px;
}

.rl-selectbox__scroll::-webkit-scrollbar-track{
  background:transparent;
}

.rl-selectbox__scroll::-webkit-scrollbar-thumb{
  background:var(--line);
  border-radius:999px;
}

.rl-selectbox__option{
  width:100%;
  min-height:42px;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:var(--text);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  text-align:left;
  transition:
    background var(--rl-speed) ease,
    border-color var(--rl-speed) ease,
    color var(--rl-speed) ease;
}

.rl-selectbox__option:hover{
  background:var(--panel2);
  border-color:var(--line);
  color:var(--rl-brand);
}

.rl-selectbox__option.is-active{
  background:var(--chip);
  border-color:var(--rl-brand-line);
}

.rl-selectbox__label{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}


@media (max-width: 767.98px){
  .rl-selectbox__menu{
    top:calc(100% + 6px);
    border-radius:14px;
    padding:6px;
  }

  .rl-selectbox__scroll{
    max-height:220px;
  }

  .rl-selectbox__option{
    min-height:40px;
    padding:9px 10px;
  }
}

/* ===== unify status + product sections with seo layout ===== */
#createPostModal .js-create-mode[data-mode="status"],
#createPostModal .js-create-mode[data-mode="product"],
#createPostModal .js-create-mode[data-mode="seo"]{
  background:linear-gradient(180deg,var(--panel),var(--panel2));
}

#createPostModal .js-create-mode[data-mode="status"] .rl-story-create-panel,
#createPostModal .js-create-mode[data-mode="product"] .rl-story-create-panel{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:none;
}

#createPostModal .js-create-mode[data-mode="status"] .rl-story-create-panel--form,
#createPostModal .js-create-mode[data-mode="product"] .rl-story-create-panel--form{
  background:linear-gradient(180deg,var(--panel),var(--panel2));
}

#createPostModal .js-create-mode[data-mode="status"] .form-label,
#createPostModal .js-create-mode[data-mode="product"] .form-label{
  color:var(--text);
  font-weight:800 !important;
  margin-bottom:.45rem;
}

#createPostModal .js-create-mode[data-mode="status"] .form-control,
#createPostModal .js-create-mode[data-mode="product"] .form-control{
  min-height:46px;
  border-radius:14px;
  background:var(--panel2);
  color:var(--text);
  border:1px solid var(--line);
}

#createPostModal .js-create-mode[data-mode="status"] .form-control:focus,
#createPostModal .js-create-mode[data-mode="product"] .form-control:focus{
  background:var(--panel);
  border-color:var(--rl-brand-line);
  box-shadow:var(--rl-ring);
}

#createPostModal .js-create-mode[data-mode="status"] .rl-story-content-input,
#createPostModal .js-create-mode[data-mode="product"] .rl-story-content-input{
  min-height:200px !important;
  max-height:360px;
  resize:vertical;
  line-height:1.6;
}

#createPostModal .js-create-mode[data-mode="status"] .edit-post-modal-footer,
#createPostModal .js-create-mode[data-mode="product"] .edit-post-modal-footer{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}

@media (max-width: 767.98px){
  #createPostModal .js-create-mode[data-mode="status"] .rl-story-create-panel,
  #createPostModal .js-create-mode[data-mode="product"] .rl-story-create-panel{
    border-radius:16px;
    padding:12px !important;
  }

  #createPostModal .js-create-mode[data-mode="status"] .rl-story-content-input,
  #createPostModal .js-create-mode[data-mode="product"] .rl-story-content-input{
    min-height:150px !important;
    max-height:280px;
  }

  #createPostModal .js-create-mode[data-mode="status"] .edit-post-modal-footer,
  #createPostModal .js-create-mode[data-mode="product"] .edit-post-modal-footer{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  #createPostModal .js-create-mode[data-mode="status"] .edit-post-modal-footer .btn,
  #createPostModal .js-create-mode[data-mode="product"] .edit-post-modal-footer .btn{
    width:100%;
  }
}

@media (max-width: 575.98px){
  #createPostModal .js-create-mode[data-mode="status"] .rl-story-create-panel,
  #createPostModal .js-create-mode[data-mode="product"] .rl-story-create-panel{
    border-radius:14px;
    padding:10px !important;
  }

  #createPostModal .js-create-mode[data-mode="status"] .edit-post-modal-footer,
  #createPostModal .js-create-mode[data-mode="product"] .edit-post-modal-footer{
    grid-template-columns:1fr;
  }
}

/* ===== RUNLAA create buttons border ===== */

.rposts-composer-actions .rposts-composer-action{
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel);
  transition:
    border-color var(--rl-speed),
    background var(--rl-speed),
    transform var(--rl-speed-fast),
    box-shadow var(--rl-speed);
}

.rposts-composer-actions .rposts-composer-action:hover{
  border-color:var(--rl-brand-line);
  background:var(--panel2);
  transform:translateY(-1px);
  box-shadow:var(--rl-shadow-xs);
}

.rposts-composer-actions .rposts-composer-action:active{
  transform:translateY(0);
}

.rposts-composer-actions .rposts-menu-icon{
  border-radius:10px;
}


/* ===== RUNLAA create post buttons (app style) ===== */

.rposts-composer-actions{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

.rposts-composer-actions .rposts-composer-action{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  height:44px;
  padding:0 14px;

  border:1px solid var(--line);
  border-radius:14px;

  background:var(--panel);
  color:var(--text);

  font-weight:600;
  font-size:.95rem;

  cursor:pointer;
  text-decoration:none;

  transition:
    background var(--rl-speed),
    border-color var(--rl-speed),
    transform var(--rl-speed-fast),
    box-shadow var(--rl-speed);
}

.rposts-composer-actions .rposts-composer-action:hover{
  background:var(--panel2);
  border-color:var(--rl-brand-line);
  transform:translateY(-1px);
  box-shadow:var(--rl-shadow-xs);
}

.rposts-composer-actions .rposts-composer-action:active{
  transform:translateY(0);
}

.rposts-composer-actions .rposts-menu-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  width:26px;
  height:26px;

  border-radius:8px;
  background:var(--chip);
  border:1px solid var(--line);

  font-size:14px;
}

/* mobile */

@media (max-width:767.98px){

  .rposts-composer-actions{
    grid-template-columns:1fr;
  }

  .rposts-composer-actions .rposts-composer-action{
    height:46px;
    justify-content:flex-start;
    padding:0 14px;
  }

}


/* ===== RUNLAA create box action buttons = visible button style ===== */
.rl-post-create__actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.rl-post-create__action{
  min-height:42px !important;
  padding:10px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;

  border:1px solid var(--line) !important;
  border-radius:999px !important;

  background:var(--panel) !important;
  color:var(--text) !important;

  font-weight:700 !important;
  line-height:1 !important;
  text-decoration:none !important;

  box-shadow:none !important;
  transition:
    background var(--rl-speed) ease,
    border-color var(--rl-speed) ease,
    color var(--rl-speed) ease,
    transform var(--rl-speed-fast) ease,
    box-shadow var(--rl-speed) ease;
}

.rl-post-create__action:hover{
  background:var(--panel2) !important;
  border-color:var(--rl-brand-line) !important;
  color:var(--rl-brand) !important;
  transform:translateY(-1px);
  box-shadow:var(--rl-shadow-xs);
}

.rl-post-create__action:active{
  transform:translateY(0);
  box-shadow:none;
}

.rl-post-create__action i{
  font-size:1rem;
  line-height:1;
}

@media (max-width: 767.98px){
  .rl-post-create__actions{
    grid-template-columns:1fr !important;
  }

  .rl-post-create__action{
    justify-content:flex-start !important;
    width:100%;
  }
}

/* ===== js-create-mode refine ===== */
#createPostModal .js-create-mode{
  border:none !important;
  padding:8px !important;
  box-shadow:none !important;
}

@media (max-width: 767.98px){
  #createPostModal .js-create-mode{
    padding:6px !important;
  }
}

@media (max-width: 575.98px){
  #createPostModal .js-create-mode{
    padding:4px !important;
  }
}

/* ===== RUNLAA modal-body horizontal spacing ===== */

#createPostModal .modal-body{
  padding-left:14px !important;
  padding-right:14px !important;
}

@media (max-width: 767.98px){
  #createPostModal .modal-body{
    padding-left:10px !important;
    padding-right:10px !important;
  }
}

@media (max-width: 575.98px){
  #createPostModal .modal-body{
    padding-left:8px !important;
    padding-right:8px !important;
  }
}


/* ===== js-create-mode tighter horizontal spacing ===== */

#createPostModal .js-create-mode{
  padding-left:4px !important;
  padding-right:4px !important;
}

@media (max-width: 767.98px){
  #createPostModal .js-create-mode{
    padding-left:2px !important;
    padding-right:2px !important;
  }
}

@media (max-width: 575.98px){
  #createPostModal .js-create-mode{
    padding-left:0px !important;
    padding-right:0px !important;
  }
}


/* ===== RUNLAA shared seo editor parity ===== */

.rl-selectbox__option{
  min-height:42px;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:var(--text);
  text-align:left;
  transition:
    background var(--rl-speed) ease,
    border-color var(--rl-speed) ease,
    color var(--rl-speed) ease;
}

.rl-selectbox__option:hover{
  background:var(--panel2);
  border-color:var(--line);
  color:var(--rl-brand);
}

.rl-selectbox__option.is-active{
  background:var(--chip);
  border-color:var(--rl-brand-line);
}

.edit-post-modal-content .rl-upload-dropzone,
#runlaaEditModalHost .rl-upload-dropzone{
  min-height:280px;
}

.edit-post-modal-content .rl-upload-dropzone__preview,
#runlaaEditModalHost .rl-upload-dropzone__preview{
  max-height:360px;
}

@media (max-width: 767.98px){
  .rl-selectbox__grid{
    grid-template-columns:1fr;
  }

  .edit-post-modal-content .rl-upload-dropzone,
  #runlaaEditModalHost .rl-upload-dropzone{
    min-height:220px;
  }

  .edit-post-modal-content .rl-upload-dropzone__preview,
  #runlaaEditModalHost .rl-upload-dropzone__preview{
    max-height:240px;
  }
}

/* ===== RUNLAA shared seo editor final parity ===== */
.rl-story-create-fields{
  display:block;
}

.rl-story-create-grid{
  align-items:stretch;
}

.edit-post-modal-scroll{
  max-height:none !important;
  overflow:visible !important;
}

.modal-dialog-scrollable .modal-body{
  overflow:visible !important;
}

.rl-upload-dropzone{
  min-height:280px;
}

.rl-upload-dropzone__preview{
  max-height:360px;
}

.rl-selectbox{
  position:relative;
}

.rl-selectbox__menu{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  z-index:40;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--shadow-soft);
  padding:8px;
  opacity:0;
  visibility:hidden;
  transform:translateY(4px);
  transition:
    opacity var(--rl-speed-fast) ease,
    transform var(--rl-speed-fast) ease,
    visibility var(--rl-speed-fast) ease;
}

.rl-selectbox.is-open .rl-selectbox__menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.rl-selectbox__option{
  width:100%;
  min-height:42px;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:var(--text);
  text-align:left;
  display:flex;
  align-items:center;
}

@media (max-width: 767.98px){
  .rl-upload-dropzone{
    min-height:220px;
  }

  .rl-upload-dropzone__preview{
    max-height:240px;
  }
}

/* ===== RUNLAA create/edit SEO select usability fix ===== */
.rl-selectbox{
  position:relative;
  z-index:30;
}

.rl-selectbox__trigger{
  position:relative;
  z-index:31;
  cursor:pointer;
}

.rl-selectbox__menu{
  max-height:280px;
  overflow-y:auto;
  overflow-x:hidden;
  pointer-events:auto;
}

.rl-selectbox.is-open .rl-selectbox__menu{
  pointer-events:auto;
}

.rl-selectbox__option{
  cursor:pointer;
  pointer-events:auto;
}

.rl-upload-dropzone,
.rl-upload-dropzone *{
  pointer-events:auto;
}

.rl-upload-dropzone__preview{
  display:block;
}

@media (max-width: 767.98px){
  .rl-selectbox__menu{
    max-height:240px;
  }
}

/* ===== RUNLAA SEO editor openable select + visible menu fix ===== */
#createPostModal .modal-body,
#createPostModal .edit-post-modal-body,
#createPostModal .edit-post-modal-scroll,
#createPostModal .rl-editor-root,
#createPostModal .rl-story-create-fields,
#createPostModal .rl-story-create-grid,
#createPostModal .col-lg-7,
#createPostModal .glass-card,
#runlaaEditModalHostBody .modal-body,
#runlaaEditModalHostBody .edit-post-modal-body,
#runlaaEditModalHostBody .edit-post-modal-scroll,
#runlaaEditModalHostBody .rl-editor-root,
#runlaaEditModalHostBody .rl-story-create-fields,
#runlaaEditModalHostBody .rl-story-create-grid,
#runlaaEditModalHostBody .col-lg-7,
#runlaaEditModalHostBody .glass-card{
  overflow:visible !important;
}

.rl-editor-root{
  position:relative;
  z-index:1;
}

.rl-selectbox{
  position:relative !important;
  z-index:100 !important;
}

.rl-selectbox__trigger{
  position:relative !important;
  z-index:101 !important;
  cursor:pointer !important;
}

.rl-selectbox__menu{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  right:0 !important;
  z-index:999 !important;
  max-height:260px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  pointer-events:none;
}

.rl-selectbox.is-open .rl-selectbox__menu{
  pointer-events:auto !important;
}

.rl-selectbox__option{
  width:100% !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}

.rl-upload-dropzone{
  position:relative !important;
  z-index:1 !important;
  cursor:pointer !important;
}

.rl-upload-dropzone,
.rl-upload-dropzone *{
  pointer-events:auto !important;
}

@media (max-width: 767.98px){
  .rl-selectbox__menu{
    max-height:220px !important;
  }
}

/* ===== RUNLAA SEO option count restore ===== */
.rl-selectbox__option{
  justify-content:space-between;
  gap:12px;
}

.rl-selectbox__label{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rl-selectbox__meta{
  color:var(--muted);
  font-size:.85rem;
  flex:0 0 auto;
}

/* ===== RUNLAA global select/dropzone clickable fix ===== */
.rl-editor-root,
.rl-story-create-fields,
.rl-story-create-grid,
.rl-story-create-panel,
.rl-story-create-panel--form{
  overflow:visible !important;
}

.rl-selectbox{
  position:relative !important;
  z-index:120 !important;
}

.rl-selectbox__trigger{
  position:relative !important;
  z-index:121 !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}

.rl-selectbox__menu{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  right:0 !important;
  z-index:9999 !important;
  display:block !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translateY(4px) !important;
  pointer-events:none !important;
  max-height:260px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

.rl-selectbox.is-open .rl-selectbox__menu{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateY(0) !important;
  pointer-events:auto !important;
}

.rl-selectbox__option{
  cursor:pointer !important;
  pointer-events:auto !important;
}

.rl-upload-dropzone{
  cursor:pointer !important;
  pointer-events:auto !important;
}

.rl-upload-dropzone *{
  pointer-events:auto !important;
}

@media (max-width: 767.98px){
  .rl-selectbox__menu{
    max-height:220px !important;
  }
}

/* ===== RUNLAA hard fix: selectbox clickable/openable ===== */
.rl-selectbox,
.js-rl-selectbox,
.js-rl-edit-selectbox{
  position:relative !important;
  z-index:300 !important;
  overflow:visible !important;
}

.rl-selectbox__trigger{
  position:relative !important;
  z-index:301 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

.rl-selectbox__menu{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  right:0 !important;
  z-index:99999 !important;
  display:block !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translateY(4px) !important;
  pointer-events:none !important;
  max-height:260px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

.rl-selectbox.is-open .rl-selectbox__menu,
.js-rl-selectbox.is-open .rl-selectbox__menu,
.js-rl-edit-selectbox.is-open .rl-selectbox__menu{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateY(0) !important;
  pointer-events:auto !important;
}

.rl-selectbox__option{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}

.rl-editor-root,
.rl-story-create-fields,
.rl-story-create-grid,
.rl-story-create-panel,
.rl-story-create-panel--form,
.edit-post-modal-body,
.edit-post-modal-scroll,
#createPostModal .modal-body{
  overflow:visible !important;
}

@media (max-width: 767.98px){
  .rl-selectbox__menu{
    max-height:220px !important;
  }
}

/* ===== RUNLAA status/product create parity ===== */
#createPostModal .js-create-mode[data-mode="status"] .rl-upload-dropzone,
#createPostModal .js-create-mode[data-mode="product"] .rl-upload-dropzone{
  min-height:280px;
}

#createPostModal .js-create-mode[data-mode="status"] .rl-upload-dropzone__preview,
#createPostModal .js-create-mode[data-mode="product"] .rl-upload-dropzone__preview{
  max-height:360px;
}

#createPostModal .js-create-mode[data-mode="product"] .rl-selectbox{
  position:relative;
  z-index:120;
}

#createPostModal .js-create-mode[data-mode="product"] .rl-selectbox__menu{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  z-index:9999;
  max-height:260px;
  overflow-y:auto;
  overflow-x:hidden;
}

@media (max-width:767.98px){
  #createPostModal .js-create-mode[data-mode="status"] .rl-upload-dropzone,
  #createPostModal .js-create-mode[data-mode="product"] .rl-upload-dropzone{
    min-height:220px;
  }

  #createPostModal .js-create-mode[data-mode="status"] .rl-upload-dropzone__preview,
  #createPostModal .js-create-mode[data-mode="product"] .rl-upload-dropzone__preview{
    max-height:240px;
  }

  #createPostModal .js-create-mode[data-mode="product"] .rl-selectbox__menu{
    max-height:220px;
  }
}

/* ===== RUNLAA product multi-image + category menu ===== */
.rl-upload-preview-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.rl-upload-preview-item{
  position:relative;
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  background:var(--panel2);
}

.rl-upload-preview-item img{
  width:100%;
  height:132px;
  object-fit:cover;
  display:block;
}

.rl-upload-preview-badge{
  position:absolute;
  top:8px;
  right:8px;
  min-width:26px;
  height:26px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(17,24,39,.72);
  color:#fff;
  font-size:.75rem;
  font-weight:800;
}

#createPostModal .js-create-mode[data-mode="product"] .rl-selectbox__menu{
  scrollbar-width:thin;
  scrollbar-color:rgba(138,98,69,.38) transparent;
  overscroll-behavior:contain;
  scroll-behavior:smooth;
}

#createPostModal .js-create-mode[data-mode="product"] .rl-selectbox__menu::-webkit-scrollbar{
  width:8px;
}

#createPostModal .js-create-mode[data-mode="product"] .rl-selectbox__menu::-webkit-scrollbar-track{
  background:transparent;
}

#createPostModal .js-create-mode[data-mode="product"] .rl-selectbox__menu::-webkit-scrollbar-thumb{
  background:rgba(138,98,69,.38);
  border-radius:999px;
}

#createPostModal .js-create-mode[data-mode="product"] .rl-selectbox__menu::-webkit-scrollbar-thumb:hover{
  background:rgba(138,98,69,.55);
}

@media (max-width:767.98px){
  .rl-upload-preview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .rl-upload-preview-item img{
    height:110px;
  }
}

/* RUNLAA SEO modal category select fix */
#createPostModal select[name="category_id"]{
  position: relative;
  z-index: 50;
  pointer-events: auto;
}

#createPostModal .js-create-mode[data-mode="seo"] .rl-upload-dropzone{
  position: relative;
  z-index: 1;
}

/* SEO category custom select */
.rl-selectbox{
  position:relative;
  z-index:30;
}

.rl-selectbox-trigger{
  width:100%;
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 16px;
  border:1px solid var(--rl-line);
  border-radius:16px;
  background:var(--rl-card);
  color:var(--rl-text);
}

.rl-selectbox-menu{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  display:none;
  max-height:260px;
  overflow:auto;
  padding:8px;
  border:1px solid var(--rl-line);
  border-radius:18px;
  background:var(--rl-card);
  box-shadow:var(--rl-shadow-md);
}

.rl-selectbox.is-open .rl-selectbox-menu{
  display:block;
}

.rl-selectbox-option{
  width:100%;
  border:0;
  background:transparent;
  color:var(--rl-text);
  text-align:left;
  padding:12px 14px;
  border-radius:12px;
}

.rl-selectbox-option:hover,
.rl-selectbox-option.is-active{
  background:rgba(245,158,11,.12);
  color:var(--rl-brand);
}

/* =========================================================
   RUNLAA STATUS COMPOSER - modern facebook-like
========================================================= */
.rl-status-compose__shell{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:var(--shadow-soft);
  overflow:hidden;
}

.rl-status-compose__top{
  padding:18px 18px 12px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,var(--panel),var(--panel2));
}

.rl-status-compose__identity{
  display:flex;
  align-items:center;
  gap:12px;
}

.rl-status-compose__avatar{
  width:52px;
  height:52px;
  border-radius:999px;
  object-fit:cover;
  border:1px solid var(--line);
  background:var(--panel2);
  flex:0 0 52px;
}

.rl-status-compose__avatar--fallback{
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  color:var(--text);
}

.rl-status-compose__name{
  color:var(--text);
  font-weight:800;
  line-height:1.1;
}

.rl-status-compose__hint{
  color:var(--muted);
  font-size:.92rem;
  margin-top:4px;
}

.rl-status-compose__body{
  padding:16px 18px 12px;
}

.rl-status-compose__textarea{
  width:100%;
  min-height:140px;
  resize:none;
  border:0;
  outline:none;
  background:transparent;
  color:var(--text);
  font-size:1.08rem;
  line-height:1.65;
  padding:2px 0;
}

.rl-status-compose__textarea::placeholder{
  color:var(--muted);
  opacity:1;
}

.rl-status-compose__preview{
  margin-top:14px;
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--panel2);
  padding:14px;
}

.rl-status-compose__preview-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  color:var(--text);
}

.rl-status-compose__clear-btn{
  border:0;
  background:transparent;
  color:var(--rl-danger);
  font-weight:700;
}

.rl-status-compose__preview-box{
  border-radius:18px;
  overflow:hidden;
  border:1px solid var(--line);
  background:var(--panel);
}

.rl-status-compose__preview-box img{
  display:block;
  width:100%;
  max-height:340px;
  object-fit:cover;
}

.rl-status-compose__footer{
  padding:14px 18px 18px;
  border-top:1px solid var(--line);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.rl-status-compose__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.rl-status-compose__action{
  min-height:44px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--panel2);
  color:var(--text);
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:700;
  transition:all var(--rl-speed) ease;
}

.rl-status-compose__action:hover:not(:disabled){
  border-color:var(--rl-brand-line);
  color:var(--rl-brand);
  transform:translateY(-1px);
}

.rl-status-compose__action:disabled{
  opacity:.62;
  cursor:not-allowed;
}

.rl-status-compose__submit{
  margin-left:auto;
}

.rl-status-compose__submit-btn{
  min-width:160px;
  min-height:46px;
  border-radius:999px;
}

@media (max-width: 767.98px){
  .rl-status-compose__top{
    padding:14px 14px 10px;
  }

  .rl-status-compose__body{
    padding:12px 14px 10px;
  }

  .rl-status-compose__footer{
    padding:12px 14px 14px;
  }

  .rl-status-compose__actions{
    width:100%;
  }

  .rl-status-compose__action{
    flex:1 1 calc(50% - 10px);
    justify-content:center;
  }

  .rl-status-compose__submit{
    width:100%;
  }

  .rl-status-compose__submit-btn{
    width:100%;
  }
}

.rl-status-compose__meta-wrap{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:12px;
}

.rl-status-compose__meta-badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 12px;
  border-radius:999px;
  background:var(--chip);
  color:var(--text);
  border:1px solid var(--line);
  font-weight:700;
}

.rl-status-compose__panel{
  margin-bottom:14px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--panel2);
}

.rl-status-compose__choice-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.rl-status-compose__choice{
  min-height:40px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--panel);
  color:var(--text);
  font-weight:700;
  transition:all var(--rl-speed) ease;
}

.rl-status-compose__choice:hover{
  border-color:var(--rl-brand-line);
  color:var(--rl-brand);
}

.rl-status-compose__panel-head{
  margin-bottom:12px;
}

.rl-status-checkin{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.rl-status-checkin__search{
  position:relative;
}

.rl-status-checkin__search > i{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:var(--muted);
  z-index:2;
}

.rl-status-checkin__input{
  padding-left:42px;
}

.rl-status-checkin__list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.rl-status-checkin__item{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--panel);
  color:var(--text);
  transition:
    border-color var(--rl-speed) ease,
    transform var(--rl-speed-fast) ease,
    background var(--rl-speed) ease,
    color var(--rl-speed) ease;
}

.rl-status-checkin__item:hover{
  border-color:var(--rl-brand-line);
  color:var(--rl-brand);
  transform:translateY(-1px);
}

.rl-status-checkin__icon{
  width:34px;
  height:34px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--chip);
  color:var(--rl-brand-strong);
  flex:0 0 34px;
}

.rl-status-checkin__label{
  font-weight:700;
  line-height:1.2;
  text-align:left;
}

.rl-status-checkin__footer{
  display:flex;
  justify-content:flex-end;
}

@media (max-width: 767.98px){
  .rl-status-checkin__list{
    grid-template-columns:1fr;
  }
}