/* ES Organizer Events - organizer workspace styles */

.oe-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
@media (max-width: 1100px){
  .oe-cards{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px){
  .oe-cards{ grid-template-columns:1fr; }
}

.oe-card,
.oe-template-card,
.oe-stat-card,
.oe-log-row,
.oe-shell{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
}

.oe-card,
.oe-template-card{
  padding:14px;
  transition: transform .18s var(--ease-out), box-shadow .18s var(--ease-out), border-color .18s var(--ease-out);
}
.oe-card:hover,
.oe-template-card:hover,
.oe-log-row:hover,
.oe-stat-card:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-hover);
}

.oe-card-top,
.oe-section-head,
.oe-workspace-head,
.oe-stat-top,
.oe-service-entry{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.oe-title{
  font-size:15px;
  font-weight:800;
  line-height:1.3;
}

.oe-badges,
.oe-actions,
.oe-role-pills,
.oe-template-quota-list,
.oe-template-preview,
.oe-subnav{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.oe-meta,
.oe-row-sub,
.oe-log-meta,
.oe-log-extra{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  color:var(--muted);
  font-size:12px;
}

.oe-meta{ margin-top:8px; }
.oe-meta-item{ display:inline-flex; align-items:center; gap:6px; }
.oe-meta-item i,
.oe-row-sub i,
.oe-log-meta i,
.oe-log-extra i{ opacity:.8; }

.oe-shell .module-body{ padding:16px; }
.oe-workspace-main{ min-width:0; flex:1 1 420px; }
.oe-workspace-side{
  display:flex;
  gap:10px;
  align-items:flex-end;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.oe-workspace-kicker{
  display:flex;
  gap:8px;
  align-items:center;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  text-transform:none;
}
.oe-workspace-title{
  margin-top:6px;
  font-size:22px;
  line-height:1.2;
  font-weight:900;
}
.oe-workspace-subtitle{
  margin-top:6px;
  color:var(--muted);
  line-height:1.7;
}
.oe-org-switcher{
  min-width:220px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.oe-subnav{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--border);
}

.oe-stat-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
@media (max-width: 980px){
  .oe-stat-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px){
  .oe-stat-grid{ grid-template-columns:1fr; }
}
.oe-stat-card{
  padding:14px;
  transition: transform .18s var(--ease-out), box-shadow .18s var(--ease-out), border-color .18s var(--ease-out);
}
.oe-stat-label{
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.oe-stat-top i{
  color:var(--muted);
  font-size:14px;
}
.oe-stat-value{
  margin-top:8px;
  font-size:28px;
  line-height:1.1;
  font-weight:900;
}
.oe-stat-hint{
  margin-top:8px;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}

.oe-board-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.oe-board-grid.narrow{
  grid-template-columns:1.1fr .9fr;
}
@media (max-width: 980px){
  .oe-board-grid,
  .oe-board-grid.narrow{ grid-template-columns:1fr; }
}

.oe-section-title{
  font-size:15px;
  font-weight:800;
  line-height:1.3;
}

.oe-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.oe-row,
.oe-log-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:var(--card);
  transition: transform .18s var(--ease-out), box-shadow .18s var(--ease-out), border-color .18s var(--ease-out);
}
@media (max-width: 720px){
  .oe-row,
  .oe-log-row{ flex-direction:column; }
}
.oe-row-main{ min-width:0; flex:1 1 auto; }
.oe-row-title,
.oe-log-title{
  font-weight:800;
  line-height:1.35;
}
.oe-log-row{ flex-direction:column; }
.oe-log-detail{
  margin-top:8px;
  border-top:1px solid var(--border);
  padding-top:8px;
}
.oe-log-detail summary{
  cursor:pointer;
  color:var(--primary);
  font-weight:700;
}
.oe-log-detail pre{
  margin:10px 0 0;
  padding:12px;
  background:rgba(127,127,127,.06);
  border:1px solid var(--border);
  border-radius:12px;
  white-space:pre-wrap;
  word-break:break-word;
  font-size:12px;
  line-height:1.6;
}

.oe-empty{
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:flex-start;
  justify-content:center;
  min-height:140px;
}
.oe-empty-title{
  font-size:18px;
  font-weight:900;
}
.oe-empty-desc{
  color:var(--muted);
  line-height:1.7;
}

.oe-pill,
.oe-quota-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(127,127,127,.08);
  border:1px solid var(--border);
  color:var(--text);
  font-size:12px;
  line-height:1.4;
}
.oe-quota-chip.is-full{
  border-color:rgba(220,38,38,.25);
  color:#b91c1c;
}
html[data-theme='dark'] .oe-quota-chip.is-full{
  color:#fca5a5;
}

.oe-checklist{
  margin:0;
  padding-left:18px;
  color:var(--text);
  line-height:1.8;
}
.oe-checklist li + li{ margin-top:4px; }

.oe-inline-form,
.oe-template-create-form,
.oe-form-grid,
.oe-mail-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.oe-inline-form.compact{
  grid-template-columns:1fr auto;
  gap:8px;
  align-items:end;
}
.oe-col-wide{
  grid-column:1 / -1;
}
@media (max-width: 900px){
  .oe-inline-form,
  .oe-template-create-form,
  .oe-form-grid,
  .oe-mail-form,
  .oe-inline-form.compact{
    grid-template-columns:1fr;
  }
  .oe-col-wide{ grid-column:auto; }
}

.oe-public-layout{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);
  gap:12px;
}
@media (max-width: 980px){
  .oe-public-layout{ grid-template-columns:1fr; }
}

/* Fields editor */
.oe-fields,
.oe-quota-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.oe-field-row,
.oe-quota-row{
  display:grid;
  grid-template-columns:1.1fr 1fr .8fr .6fr 1.4fr auto;
  gap:10px;
  align-items:end;
  padding:12px;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:var(--card);
}
.oe-quota-row{
  grid-template-columns:1.1fr 1fr 1fr .7fr .7fr auto;
}
@media (max-width: 1100px){
  .oe-field-row{ grid-template-columns:1fr 1fr; }
  .oe-quota-row{ grid-template-columns:1fr 1fr; }
  .oe-field-row .oe-col-wide,
  .oe-quota-row .oe-col-wide{ grid-column:1 / -1; }
}
.oe-field-actions{
  display:flex;
  gap:8px;
  justify-content:flex-end;
}
.oe-kbd,
.oe-log-detail pre,
.oe-card code,
.oe-shell code,
.oe-public-layout code,
.code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:12px;
}

/* Templates */
.oe-template-card{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.oe-template-preview,
.oe-template-quota-list{
  align-items:flex-start;
}

/* Permissions */
.oe-permission-group + .oe-permission-group{
  margin-top:14px;
}

/* Service entry */
.oe-service-entry{
  align-items:center;
}

/* Minor refinements */
.oe-actions .btn,
.oe-subnav .btn{
  white-space:nowrap;
}
.oe-row .oe-actions,
.oe-card .oe-actions,
.oe-template-card .oe-actions{
  margin-top:10px;
}
.table.rw-responsive td .oe-inline-form.compact{
  max-width:100%;
}
.table.rw-responsive td .oe-inline-form.compact > *{
  max-width:100%;
}
.table.rw-responsive td .input{
  min-width:0;
}

html[data-theme='dark'] .oe-pill,
html[data-theme='dark'] .oe-quota-chip,
html[data-theme='dark'] .oe-log-detail pre{
  background:rgba(255,255,255,.03);
}
