.social-post.is-inline-editing {
  cursor: default;
  border-color: #789b36;
  box-shadow: 0 24px 70px rgba(0,0,0,.55), 0 0 0 1px rgba(184,255,0,.07), inset 0 1px rgba(255,255,255,.08);
}

.social-post.is-inline-editing > h3,
.social-post.is-inline-editing > p:not(.post-comment),
.social-post.is-inline-editing > .post-actions,
.social-post.is-inline-editing > .post-poll { display: none !important; }

.inline-post-editor {
  position: relative;
  z-index: 5;
  margin: 11px;
  padding: 14px;
  border: 1px solid #415048;
  border-radius: 17px;
  background: radial-gradient(circle at 100% 0, rgba(184,255,0,.075), transparent 34%), linear-gradient(145deg,#151e20,#0d1417);
  box-shadow: inset 0 1px rgba(255,255,255,.06), 0 15px 35px rgba(0,0,0,.28);
  animation: inline-editor-in .25s cubic-bezier(.2,.8,.2,1) both;
}

.inline-post-editor > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(139,157,165,.14);
}

.inline-post-editor > header > span { display: grid; grid-template-columns: 34px 1fr; column-gap: 9px; align-items: center; }
.inline-post-editor > header i { grid-row: 1/3; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(184,255,0,.28); border-radius: 10px; background: rgba(184,255,0,.08); color: var(--lime); }
.inline-post-editor svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.inline-post-editor > header b { color: #eef3f4; font-size: 12px; }
.inline-post-editor > header small { color: #748188; font-size: 7px; }
.inline-post-editor > header button { width: 30px; height: 30px; border: 1px solid #3b484e; border-radius: 9px; background: #192226; color: #9ba6ab; font-size: 19px; cursor: pointer; }
.inline-post-editor > header button:hover { border-color: #68777e; color: #fff; }

.inline-post-editor > label { display: grid; gap: 5px; margin-top: 9px; }
.inline-post-editor > label > small { color: #77858b; font-size: 7px; font-weight: 900; letter-spacing: .12em; }
.inline-post-editor input[name=title],.inline-post-editor textarea { width: 100%; border: 1px solid #39474d; border-radius: 11px; outline: 0; background: #091013; color: #edf2f3; font: inherit; transition: border-color .2s,box-shadow .2s; }
.inline-post-editor input[name=title] { height: 43px; padding: 0 13px; font-size: 12px; font-weight: 700; }
.inline-post-editor textarea { min-height: 105px; padding: 12px 13px; resize: vertical; font-size: 11px; line-height: 1.55; }
.inline-post-editor input[name=title]:focus,.inline-post-editor textarea:focus { border-color: #82a93a; box-shadow: 0 0 0 3px rgba(184,255,0,.055); }

.inline-post-editor > footer { display: flex; align-items: center; gap: 7px; margin-top: 11px; padding-top: 11px; border-top: 1px solid rgba(139,157,165,.14); }
.inline-visibility { display: flex !important; height: 38px; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid #3d4a51; border-radius: 10px; background: #172025; color: var(--lime); }
.inline-visibility select { border: 0; outline: 0; background: transparent; color: #dce2e5; font-size: 9px; font-weight: 800; }
.inline-visibility option { background: #151d21; }
.inline-visibility-menu { position:relative;min-width:185px; }
.inline-visibility-menu summary { display:grid;grid-template-columns:29px minmax(0,1fr) 15px;align-items:center;gap:7px;min-height:42px;padding:5px 8px;border:1px solid #3d4a51;border-radius:11px;background:linear-gradient(145deg,#1b252a,#131b1f);color:#dce2e5;list-style:none;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.055);transition:.2s; }
.inline-visibility-menu summary::-webkit-details-marker{display:none}.inline-visibility-menu summary:hover,.inline-visibility-menu[open] summary{border-color:#82aa35;background:#202c24;box-shadow:0 0 0 3px rgba(184,255,0,.045)}
.inline-visibility-menu summary>i,.inline-visibility-menu>div button>i{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;background:rgba(184,255,0,.08);color:var(--lime)}
.inline-visibility-menu summary span,.inline-visibility-menu summary b,.inline-visibility-menu summary small{display:block;min-width:0}.inline-visibility-menu summary b{overflow:hidden;color:#eef2f3;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.inline-visibility-menu summary small{margin-top:2px;color:#718087;font-size:6px;white-space:nowrap}
.inline-visibility-chevron{width:14px!important;height:14px!important;color:#758288;transition:transform .2s}.inline-visibility-menu[open] .inline-visibility-chevron{transform:rotate(180deg)}
.inline-visibility-menu>div{position:absolute;z-index:80;left:0;bottom:calc(100% + 7px);width:245px;padding:7px;border:1px solid #45535a;border-radius:14px;background:linear-gradient(145deg,#182126,#0e1518);box-shadow:0 20px 52px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.07);animation:inline-visibility-in .18s ease both}
.inline-visibility-menu>div>small{display:block;padding:5px 7px 7px;color:#65737a;font-size:6px;font-weight:900;letter-spacing:.14em}.inline-visibility-menu>div button{display:grid;width:100%;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:7px;border:1px solid transparent;border-radius:10px;background:transparent;color:#dce2e5;text-align:left;cursor:pointer}.inline-visibility-menu>div button:hover{background:#202a2f}.inline-visibility-menu>div button.is-selected{border-color:rgba(184,255,0,.2);background:rgba(184,255,0,.07)}
.inline-visibility-menu>div button span,.inline-visibility-menu>div button b,.inline-visibility-menu>div button em{display:block}.inline-visibility-menu>div button b{font-size:9px}.inline-visibility-menu>div button em{margin-top:2px;color:#748188;font-size:7px;font-style:normal}.inline-visibility-menu>div button strong{color:var(--lime);font-size:10px;opacity:0}.inline-visibility-menu>div button.is-selected strong{opacity:1}
@keyframes inline-visibility-in{from{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:none}}
.inline-portfolio { display: flex !important; align-items: center; gap: 7px; color: #aab4b8; font-size: 9px; font-weight: 750; cursor: pointer; }
.inline-portfolio input { position: absolute; opacity: 0; }
.inline-portfolio span { position: relative; width: 29px; height: 17px; border: 1px solid #536068; border-radius: 99px; background: #202a2f; }
.inline-portfolio span::after { content:""; position:absolute; top:3px; left:3px; width:9px; height:9px; border-radius:50%; background:#849096; transition:.2s; }
.inline-portfolio input:checked + span { border-color:#7da329; background:#2c3b20; }
.inline-portfolio input:checked + span::after { left:15px; background:var(--lime); box-shadow:0 0 8px rgba(184,255,0,.5); }
.inline-post-editor > footer > div { display: flex; gap: 7px; margin-left: auto; }
.inline-post-editor > footer > div button { min-height: 38px; padding: 0 13px; border: 1px solid #46535a; border-radius: 10px; background: #1d262b; color: #aeb8bc; font-size: 9px; font-weight: 850; cursor: pointer; }
.inline-post-editor > footer > div .inline-save { border-color: #a9ed00; background: linear-gradient(100deg,#baff00,#9fe600); color: #11170a; box-shadow: 0 8px 20px rgba(184,255,0,.15); }
.inline-save b { margin-left: 7px; }

.delete-confirmation {
  width: min(410px,calc(100% - 28px)) !important;
  padding: 25px !important;
  overflow: hidden;
  border: 1px solid #663942 !important;
  border-radius: 23px !important;
  background: radial-gradient(circle at 100% 0,rgba(255,55,78,.16),transparent 34%),linear-gradient(145deg,#1b171a,#0d1114 72%) !important;
  text-align: left !important;
  box-shadow: 0 35px 110px rgba(0,0,0,.9),inset 0 1px rgba(255,255,255,.06) !important;
}
.delete-confirmation::backdrop { background:rgba(3,5,6,.82)!important;backdrop-filter:blur(12px) saturate(.7)!important; }
.delete-confirmation .delete-dialog-icon { display:grid!important;width:49px;height:49px;margin:0 0 16px!important;place-items:center;border:1px solid #9a4654;border-radius:15px;background:linear-gradient(145deg,#52262e,#321c22);color:#ff7689;box-shadow:0 10px 28px rgba(255,40,66,.12); }
.delete-confirmation .delete-dialog-icon svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.delete-confirmation > .eyebrow { display:block!important;margin:0 0 6px!important;color:#ff7186!important;font-size:7px!important;letter-spacing:.17em!important; }
.delete-confirmation h2 { margin:0 0 7px!important;font-size:23px!important; }
.delete-confirmation > p:not(.eyebrow) { margin:0!important;color:#939da2!important;font-size:11px!important;line-height:1.5!important; }
.delete-confirmation > aside { display:flex;gap:10px;margin-top:16px;padding:11px;border:1px solid rgba(255,92,112,.2);border-radius:12px;background:rgba(255,66,88,.055); }
.delete-confirmation > aside svg { width:18px;height:18px;flex:none;fill:none;stroke:#ff7185;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.delete-confirmation > aside b,.delete-confirmation > aside small { display:block; }
.delete-confirmation > aside b { color:#e9edef;font-size:9px; }.delete-confirmation > aside small { margin-top:3px;color:#7f898f;font-size:8px;line-height:1.4; }
.delete-confirmation > footer { display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-top:18px; }
.delete-confirmation > footer button { display:flex!important;width:100%!important;min-height:42px!important;align-items:center;justify-content:center;gap:7px;padding:0 12px!important;border:1px solid #48555c!important;border-radius:11px!important;background:#1b2429!important;color:#dce2e4!important;font-size:9px!important;font-weight:850!important;cursor:pointer; }
.delete-confirmation > footer .confirm-delete { border-color:#c94255!important;background:linear-gradient(100deg,#d73b50,#bd2e42)!important;color:#fff!important;box-shadow:0 9px 24px rgba(215,59,80,.18); }
.delete-confirmation > footer svg { width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.delete-confirmation[open] { animation:delete-confirm-in .24s cubic-bezier(.2,.8,.2,1); }
@keyframes inline-editor-in { from{opacity:0;transform:translateY(-7px)} to{opacity:1;transform:none} }
@keyframes delete-confirm-in { from{opacity:0;transform:translateY(12px) scale(.97)} to{opacity:1;transform:none} }
@media(max-width:620px){.inline-post-editor>footer{align-items:stretch;flex-wrap:wrap}.inline-post-editor>footer>div{width:100%;margin-left:0}.inline-post-editor>footer>div button{flex:1}.delete-confirmation>footer{grid-template-columns:1fr}}
