.khdb-utility-toolbar{overflow:visible}.khdb-utility-toolbar.khdb-rooms-toolbar-ready{align-items:flex-start;flex-wrap:nowrap}.khdb-utility-toolbar .khdb-rooms-launch-wrap{order:2}.khdb-utility-toolbar .khdb-expand-wrap{order:3}.khdb-utility-toolbar.khdb-rooms-toolbar-ready{align-items:center}.khdb-utility-toolbar .khdb-usermenu-wrap{margin-right:auto}.khdb-rooms-launch-wrap{display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;margin:0;position:relative;z-index:9}.khdb-utility-toolbar .khdb-expand-wrap{margin-left:0}.khdb-utility-toolbar .khdb-rooms-launch{width:36px;height:36px;border-radius:12px;border:1px solid rgba(94,192,255,.18)!important;background:linear-gradient(180deg,rgba(18,28,39,.98) 0%,rgba(11,17,24,.98) 100%)!important;background-color:#0d141d!important;color:#7fd0ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.18)!important;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.khdb-utility-toolbar .khdb-rooms-launch:hover,.khdb-utility-toolbar .khdb-rooms-launch:focus-visible,.khdb-utility-toolbar .khdb-rooms-launch.is-active{border-color:rgba(94,192,255,.34)!important;background:linear-gradient(180deg,rgba(22,33,49,.98) 0%,rgba(13,22,33,.98) 100%)!important;color:#e8f7ff!important;box-shadow:0 0 0 1px rgba(94,192,255,.14) inset,0 12px 26px rgba(0,0,0,.24)!important}.khdb-rooms-launch .dashicons{font-size:16px;width:16px;height:16px}.khdb-utility-toolbar .khdb-rooms-launch-wrap + .khdb-expand-wrap{margin-left:0}

.ogrp-mobile-rooms-action .dashicons{font-size:18px;width:18px;height:18px}.ogrp-mobile-rooms-screen{z-index:10035}.ogrp-mobile-rooms-screen .khdb-thread-panel{margin:0}

.khdb-rooms-shell{display:flex;flex-direction:column;gap:16px}
.khdb-rooms-banner{position:sticky;top:0;z-index:3;padding:2px 0 10px;background:linear-gradient(180deg,rgba(13,18,26,.98) 0%,rgba(13,18,26,.92) 72%,rgba(13,18,26,0) 100%)}
.khdb-rooms-pills{display:flex;flex-wrap:wrap;gap:10px}
.khdb-rooms-pillnav{appearance:none;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#d8ecfb;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:800;letter-spacing:.02em;cursor:pointer}
.khdb-rooms-pillnav:hover,.khdb-rooms-pillnav:focus-visible,.khdb-rooms-pillnav.is-active{border-color:rgba(94,192,255,.36);background:rgba(94,192,255,.14);color:#fff;box-shadow:0 0 0 1px rgba(94,192,255,.12) inset}
.khdb-rooms-tab-area,.khdb-rooms-tab-content{display:flex;flex-direction:column;gap:14px}
.khdb-rooms-create-note,.khdb-rooms-loading,.khdb-rooms-error,.khdb-rooms-empty{padding:16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#d5e8f5}
.khdb-rooms-error{border-color:rgba(255,122,146,.24);color:#ffd4df}
.khdb-rooms-room{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px;box-shadow:0 12px 24px rgba(0,0,0,.14)}
.khdb-rooms-room-main{min-width:0;display:grid;gap:10px}.khdb-rooms-room-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.khdb-rooms-room-title h5{margin:0;color:#fff;font-size:18px}.khdb-rooms-room-copy{color:#aac4d8;font-size:13px;line-height:1.65}.khdb-rooms-meta{display:flex;flex-wrap:wrap;gap:8px}.khdb-rooms-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:11px;font-weight:700;color:#d8ecfb;letter-spacing:.02em}.khdb-rooms-pill.is-hashtag{border-color:rgba(94,192,255,.26);background:rgba(94,192,255,.12);color:#9fe0ff}.khdb-rooms-room-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.khdb-rooms-btn,.khdb-rooms-shell .khdb-button.khdb-rooms-btn{appearance:none;border:1px solid rgba(94,192,255,.24);background:rgba(94,192,255,.10);color:#e8f7ff;border-radius:999px;padding:10px 14px;font-weight:700;cursor:pointer}.khdb-rooms-btn:hover,.khdb-rooms-btn:focus-visible{border-color:rgba(94,192,255,.42);background:rgba(94,192,255,.18)}.khdb-rooms-btn.is-secondary{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#d5e8f4}
.khdb-rooms-form{display:grid;gap:12px;padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.khdb-rooms-form label{display:grid;gap:6px;color:#dcefff;font-size:12px;font-weight:700;letter-spacing:.02em}.khdb-rooms-form input,.khdb-rooms-form textarea,.khdb-rooms-form select{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(10,14,21,.88);color:#edf7ff;padding:12px 14px;font-size:14px}.khdb-rooms-form textarea{min-height:110px;resize:vertical}.khdb-rooms-form-actions{display:flex;flex-wrap:wrap;gap:10px}.khdb-rooms-help{color:#8eb5c9;font-size:11px;line-height:1.5}.khdb-rooms-hashtag-preview{display:inline-flex;align-items:center;justify-content:flex-start;min-height:20px;color:#8fd0ff;font-size:12px;font-weight:800}.khdb-rooms-status{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#d5e8f5}.khdb-rooms-inline-open{margin-left:auto}
.khdb-rooms-detail-head{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(94,192,255,.12),rgba(255,255,255,.03))}.khdb-rooms-detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.khdb-rooms-detail-top h3{margin:0;color:#fff;font-size:28px;line-height:1.08}.khdb-rooms-detail-copy{margin:0;color:#bfd7e7;font-size:14px;line-height:1.7}.khdb-rooms-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.khdb-rooms-stat-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px}.khdb-rooms-stat-card h4{margin:0 0 8px;color:#fff;font-size:16px}.khdb-rooms-stat-card p,.khdb-rooms-stat-card li{margin:0;color:#adc6d7;font-size:13px;line-height:1.65}.khdb-rooms-stat-list{display:grid;gap:10px;padding:0;margin:0;list-style:none}

.ogrp-rooms-modal{position:fixed;inset:0;z-index:10060;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(6,8,13,.76);backdrop-filter:blur(6px)}.ogrp-rooms-modal-card{width:min(540px,100%);padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(16,23,34,.98),rgba(11,16,25,.98));box-shadow:0 28px 80px rgba(0,0,0,.45)}.ogrp-rooms-modal-kicker{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(94,192,255,.10);border:1px solid rgba(94,192,255,.20);color:#9fe0ff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ogrp-rooms-modal-card h4{margin:14px 0 10px;color:#fff;font-size:28px;line-height:1.1}.ogrp-rooms-modal-card p{margin:0;color:#c1d9ea;font-size:14px;line-height:1.7}.ogrp-rooms-modal-list{display:grid;gap:12px;margin-top:16px}.ogrp-rooms-modal-item{display:grid;gap:4px;padding:14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}.ogrp-rooms-modal-item strong{color:#fff;font-size:14px}.ogrp-rooms-modal-item span{color:#a9c5d8;font-size:13px;line-height:1.55}.ogrp-rooms-modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}

@media (max-width:980px){.khdb-rooms-detail-grid{grid-template-columns:1fr}.khdb-rooms-room{grid-template-columns:1fr}.khdb-rooms-room-actions{justify-content:flex-start}}


/* v0.1.8 header refinement */
.ogrp-rooms-head-row{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:nowrap;width:100%}
.ogrp-rooms-head-nav{order:1;flex:1 1 auto;min-width:0;margin-right:auto}
.ogrp-rooms-workspace-title{margin:0!important;color:#fff;font-size:10px;line-height:1.1;font-weight:600;opacity:.8;text-align:right;width:100%;}
.khdb-rooms-pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}
.khdb-rooms-pillnav{padding:5px 9px;font-size:10px;line-height:1.1;font-weight:800;border-radius:999px}
.khdb-rooms-shell{display:flex;flex-direction:column;gap:14px}
.khdb-rooms-banner{display:none!important}
.khdb-rooms-detail-top h3{font-size:26px}
.khdb-rooms-detail-head{padding-top:18px}
@media (max-width:720px){.ogrp-rooms-head-row{align-items:center;flex-wrap:wrap}.ogrp-rooms-head-nav{width:auto;order:1;flex:1 1 auto;margin-right:auto}.ogrp-rooms-workspace-title{margin:0!important;color:#fff;font-size:10px;line-height:1.1;font-weight:600;opacity:.8;text-align:right;width:100%;}.khdb-rooms-pills{justify-content:flex-start}}


/* v0.1.11 stronger header alignment override */
.ogrp-rooms-head-row{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
  width:100% !important;
}
.ogrp-rooms-head-nav{
  order:1 !important;
  flex:0 0 auto !important;
  margin-right:0 !important;
  min-width:0 !important;
}
.ogrp-rooms-workspace-title,
.khdb-thread-head .ogrp-rooms-workspace-title,
.khdb-thread-head h3.ogrp-rooms-workspace-title{
  order:2 !important;
  margin:0 0 0 auto !important;
  width:auto !important;
  flex:0 0 auto !important;
  text-align:right !important;
  font-size:10px !important;
  line-height:1.05 !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  opacity:.82 !important;
  border-radius:0 !important;
  padding:0 !important;
}
.khdb-rooms-pills{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  justify-content:flex-start !important;
}
.khdb-rooms-pillnav{
  padding:5px 9px !important;
  font-size:10px !important;
  line-height:1.1 !important;
  border-radius:999px !important;
}



/* v0.1.12 premium room cards */
.khdb-rooms-list,
.khdb-rooms-grid,
.khdb-rooms-index-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
.khdb-rooms-room{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  min-height:182px;
  cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025)) !important;
  border:1px solid rgba(126,173,210,.14) !important;
  border-radius:22px !important;
  padding:18px !important;
  box-shadow:0 16px 32px rgba(0,0,0,.16) !important;
}
.khdb-rooms-room:hover,
.khdb-rooms-room:focus-within{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(0,0,0,.22) !important;
  border-color:rgba(120,190,255,.24) !important;
}
.khdb-rooms-room-main{
  gap:12px !important;
}
.khdb-rooms-room-title h5{
  margin:0 !important;
  color:#fff !important;
  font-size:20px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:-.01em;
}
.khdb-rooms-room-copy{
  color:#c0d7e6 !important;
  font-size:13px !important;
  line-height:1.6 !important;
}
.khdb-rooms-meta{
  margin-top:auto;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.khdb-rooms-room-actions{
  margin-top:12px;
  justify-content:flex-start !important;
}
.khdb-rooms-pill{
  padding:7px 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  font-size:11px !important;
  font-weight:700 !important;
}
.khdb-rooms-pill.is-hashtag{
  display:none !important;
}
@media (max-width:1180px){
  .khdb-rooms-list,
  .khdb-rooms-grid,
  .khdb-rooms-index-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:760px){
  .khdb-rooms-list,
  .khdb-rooms-grid,
  .khdb-rooms-index-list{
    grid-template-columns:1fr;
  }
  .khdb-rooms-room{
    min-height:auto;
  }
}

