.tenant-group-list {
  display: grid;
}
.tenant-group {
  border-bottom: 1px solid #ecebe6;
}
.tenant-group > summary {
  list-style: none;
  display: grid;
  grid-template-columns: 38px 1fr 1fr auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem 0;
  cursor: pointer;
}
.tenant-group > summary::-webkit-details-marker,
.branch-control > summary::-webkit-details-marker {
  display: none;
}
.tenant-group > summary > span:first-child {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  background: #eef0e8;
  font: 1rem var(--serif);
}
.tenant-group strong,
.tenant-group small {
  display: block;
}
.tenant-group strong { font-size: .7rem; }
.tenant-group small {
  margin-top: .2rem;
  color: #888;
  font-size: .57rem;
}
.tenant-group-branches {
  margin: 0 0 1rem 3.4rem;
  padding: .5rem 1rem;
  border-left: 2px solid var(--sage);
  background: #f7f6f1;
}
.tenant-group-branches > button {
  width: 100%;
  padding: .75rem 0;
  border: 0;
  border-bottom: 1px solid #e5e3dc;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}
.tenant-group-branches > button:last-child { border-bottom: 0; }
.tenant-group-branches .tenant-manage {
  justify-content: flex-start;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: .52rem;
  font-weight: 700;
}
.branch-picker {
  min-width: 220px;
  display: grid;
  gap: .35rem;
}
.branch-picker > span {
  color: #777;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: .5rem;
}
.branch-picker select {
  width: 100%;
  padding: .55rem;
  border: 1px solid var(--line);
  background: #fff;
  font-size: .58rem;
}
.drawer-help {
  margin: -.4rem 0 1rem;
  color: #777;
  font-size: .6rem;
  line-height: 1.5;
}
.branch-control {
  margin-bottom: .6rem;
  border: 1px solid var(--line);
  background: #fff;
}
.branch-control > summary {
  list-style: none;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
}
.branch-control > summary strong,
.branch-control > summary small {
  display: block;
}
.branch-control > summary strong { font-size: .68rem; }
.branch-control > summary small {
  margin-top: .2rem;
  color: #858a86;
  font-size: .54rem;
}
.branch-control > div {
  padding: 0 1rem 1rem;
  border-top: 1px solid #ecebe6;
}
.branch-control dl { margin: 0 0 1rem; }
.branch-control dl > div {
  padding: .7rem 0;
  border-bottom: 1px solid #ecebe6;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.branch-control dt,
.branch-control dd { font-size: .58rem; }
.branch-control dt { color: #777; }
.branch-control dd {
  margin: 0;
  text-align: right;
}
.branch-control dd small {
  display: block;
  margin-top: .2rem;
  color: #888;
}
.branch-control button {
  width: 100%;
  padding: .7rem;
  border: 1px solid var(--line);
  background: #fff;
  font-size: .57rem;
}
.branch-control-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .6rem;
}
.branch-control button.danger-outline {
  border-color: #cfa7a3;
  color: #8b3f38;
}
.branch-control button.danger {
  border-color: #832f2a;
  background: #832f2a;
  color: #fff;
}
.branch-control button:disabled,
.drawer-actions button:disabled {
  cursor: not-allowed;
  opacity: .45;
}
.state.hidden-from-diners,
.state.not-public,
.state.not-subscribed,
.state.closing {
  background: #f1dfdc;
  color: #833e37;
}
@media (max-width: 800px) {
  .tenant-group > summary { grid-template-columns: 38px 1fr auto; }
  .tenant-group > summary > div:nth-of-type(2) { display: none; }
  .tenant-group-branches { margin-left: 0; }
  .branch-control-actions { grid-template-columns: 1fr; }
}
.catalog-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-create{grid-template-columns:1.1fr repeat(3,minmax(130px,1fr));align-items:end}.catalog-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid rgba(12,16,14,.12)}.catalog-row:last-child{border-bottom:0}.catalog-row>div{display:grid;gap:4px}.catalog-row small{color:#6f726f}.catalog-row button{flex:0 0 auto}.catalog-row-actions{display:flex;align-items:center;gap:12px}.catalog-edit-dialog form{display:grid;gap:14px}.catalog-edit-dialog .form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:1000px){.catalog-columns{grid-template-columns:1fr}.catalog-create{grid-template-columns:1fr 1fr}}@media(max-width:620px){.catalog-create{grid-template-columns:1fr}.catalog-edit-dialog .form-pair{grid-template-columns:1fr}}

.commercial-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#111512;color:#fff;margin-bottom:18px}.commercial-metrics article{min-height:130px;padding:20px;border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:space-between}.commercial-metrics span{color:#9ba29d;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.commercial-metrics strong{font:38px/1 var(--serif);font-weight:400}.commercial-panel>.panel-head>p{max-width:430px;color:#747a75;font-size:12px;line-height:1.55}.commercial-plan-list{display:grid;gap:1px;background:#deddd7;border:1px solid #deddd7}.commercial-plan{background:#fff;padding:22px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,2fr);gap:26px}.commercial-plan header h4{font:30px/1 var(--serif);font-weight:400;margin:5px 0 8px}.commercial-plan header p,.commercial-plan header small{display:block;color:#747a75;font-size:11px;line-height:1.45}.commercial-version-list{display:grid;gap:8px}.commercial-version{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:13px 15px;background:#f5f4ef;border:1px solid #e2e0d9}.commercial-version strong,.commercial-version small{display:block}.commercial-version strong{font-size:12px}.commercial-version small{color:#737873;font-size:10px;margin-top:3px}.commercial-version button{border:1px solid #cfd1ca;background:#fff;padding:9px 12px;font-size:10px}.commercial-version.current{background:#171b18;color:#fff;border-color:#171b18}.commercial-version.current small{color:#aeb5af}.commercial-version .state{justify-self:end}.commercial-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.commercial-list{display:grid}.commercial-row{display:grid;grid-template-columns:1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid #e5e3dc}.commercial-row:last-child{border-bottom:0}.commercial-row strong,.commercial-row small{display:block}.commercial-row strong{font-size:12px}.commercial-row small{margin-top:4px;color:#757a76;font-size:10px;line-height:1.4}.commercial-row>span{text-transform:uppercase;letter-spacing:.1em;font-size:9px;color:#737973;align-self:center}.commercial-dialog form{display:grid;gap:14px}
.commercial-entitlements{border:1px solid #deddd7;padding:14px;display:grid;gap:10px}.commercial-entitlements legend{font:650 16px/1.2 var(--sans);padding:0 7px}.commercial-entitlements>p{color:#737873;font-size:11px;line-height:1.45;margin:0}.commercial-entitlement-editor{display:grid;gap:1px;background:#e4e2db}.commercial-entitlement{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(105px,.45fr);gap:10px;align-items:center;background:#fff;padding:10px}.commercial-entitlement strong,.commercial-entitlement small{display:block}.commercial-entitlement strong{font-size:11px}.commercial-entitlement small{font-size:9px;color:#767b76;margin-top:3px}.commercial-entitlement input[type=checkbox]{inline-size:18px;block-size:18px;accent-color:#171b18}.commercial-entitlement input[type=number],.commercial-entitlement select{min-width:0;width:100%;border:1px solid #d8d7d0;background:#f8f7f3;padding:8px;font-size:10px}.commercial-entitlement .entitlement-on{display:flex;align-items:center;gap:7px;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:1100px){.commercial-metrics{grid-template-columns:repeat(3,1fr)}.commercial-plan{grid-template-columns:1fr}.commercial-columns{grid-template-columns:1fr}}
@media(max-width:700px){.commercial-metrics{grid-template-columns:1fr 1fr}.commercial-metrics article{min-height:110px}.commercial-version{grid-template-columns:1fr auto}.commercial-version .state{grid-row:1/3;grid-column:2}.commercial-version button{grid-column:1/-1}.commercial-panel{padding:16px}.commercial-entitlement{grid-template-columns:1fr auto}.commercial-entitlement .entitlement-value{grid-column:1/-1}}
