.et-box{border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin:12px 0}
.et-table{width:100%;border-collapse:collapse}
.et-table th,.et-table td{border-bottom:1px solid #e2e8f0;padding:6px 8px;text-align:left}
.et-form{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.et-form input,.et-form select{padding:6px;border:1px solid #cbd5e0;border-radius:6px}
.et-form button{padding:6px 10px}
.et-msg{margin-top:8px}

/* Folded-corner button style ("knickbar") */
.et-btn--fold{position:relative;overflow:hidden}
.et-btn--fold:after{
  content:""; position:absolute; top:0; right:0;
  width:0; height:0; border-top:18px solid #e2e8f0; border-left:18px solid transparent;
  box-shadow: -1px 1px 0 rgba(0,0,0,.05) inset;
}
/* collapsed grid: show single row with horizontal scroll */
.et-grid.is-collapsed, .et-grid-home.is-collapsed{
  grid-auto-flow: column; grid-auto-columns: minmax(180px, 1fr);
  grid-template-columns: none; overflow-x: auto; white-space: nowrap;
}
.et-grid.is-collapsed .et-btn, .et-grid-home.is-collapsed .et-btn{ min-width: 180px; }


/* === Event Tool unified theme (v0.4.7) === */
:root{
  --et-gap: 12px;
  --et-radius: 12px;
  --et-border: #e2e8f0;
  --et-text: #111827;
  --et-muted: #6b7280;
  --et-btn-bg: #ffffff;
  --et-btn-bg-hover: #f8fafc;
  --et-btn-border: #e2e8f0;
  --et-btn-height: 56px;
  --et-btn-pad-x: 14px;
  --et-btn-pad-y: 12px;
  --et-btn-font: 600;
  --et-fold-size: 18px;
  --et-fold-color: #e2e8f0;
}

.et-grid,
.et-grid-home{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--et-gap);margin-top:var(--et-gap)}

.et-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:var(--et-btn-pad-y) var(--et-btn-pad-x);
  min-height:var(--et-btn-height);
  border:1px solid var(--et-btn-border);border-radius:var(--et-radius);
  background:var(--et-btn-bg);text-decoration:none;font-weight:var(--et-btn-font);color:var(--et-text);
  line-height:1.2; transition:background .15s ease, box-shadow .15s ease, transform .02s ease}
.et-btn:hover{background:var(--et-btn-bg-hover)}
.et-btn:active{transform:translateY(1px)}
.et-btn:focus{outline:2px solid #93c5fd; outline-offset:2px}

.et-btn--fold{position:relative;overflow:hidden}
.et-btn--fold:after{
  content:""; position:absolute; top:0; right:0;
  width:0; height:0; border-top:var(--et-fold-size) solid var(--et-fold-color); border-left:var(--et-fold-size) solid transparent;
  box-shadow: -1px 1px 0 rgba(0,0,0,.05) inset;
}

/* collapsed state */
.et-grid.is-collapsed, .et-grid-home.is-collapsed{
  grid-auto-flow: column; grid-auto-columns: 200px;
  grid-template-columns: none; overflow-x: auto; white-space: nowrap; padding-bottom: 6px;
}
.et-grid.is-collapsed .et-btn, .et-grid-home.is-collapsed .et-btn{ min-width: 200px; }

/* containers */
.et-box{border:1px solid var(--et-border);border-radius:var(--et-radius);padding:12px;margin:12px 0;color:var(--et-text)}
.et-box > .et-title{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-weight:700}
.et-box .description{color:var(--et-muted);font-size:.9em}