/* Simple mobile-first styles */
:root{font-family:Arial,Helvetica,sans-serif;color:#222}
body{margin:0;background:#f6f7fb}
.container{max-width:800px;margin:1rem auto;padding:1rem;background:#fff;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
h1{margin-top:0}
form{margin:.5rem 0}
label{display:block;margin:.35rem 0}
input,textarea,button{font:inherit;padding:.5rem;border:1px solid #ddd;border-radius:4px}
button{background:#0b78d1;color:#fff;border:none;cursor:pointer}
.events{list-style:none;padding:0}
.event{padding:.6rem;border-bottom:1px solid #eee;display:flex;align-items:flex-start}
.event-main{flex:1;min-width:0}
.event-title{margin:.1rem 0 .2rem 0;font-size:1.05rem}
.event-time,.event-location{color:#666;font-size:.95rem}
.event-notes{margin-top:.4rem;color:#333}
.event-actions{width:72px;display:flex;flex-direction:column;align-items:center;gap:.4rem;flex-shrink:0}
.icon-btn{background:none;border:none;font-size:1.25rem;line-height:1;padding:.25rem;border-radius:6px;cursor:pointer;opacity:0.35}
.icon-btn.thumb.active{opacity:1;color:#0b78d1}
.icon-btn.heart.active{opacity:1;color:#d12b6b}
.icon-btn:focus{outline:2px solid rgba(11,120,209,.2)}

/* keep previous admin alterations intact */
.admin-item{display:flex;align-items:center;padding:.5rem;border-bottom:1px solid #eee}
.left-status{width:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.left-status .status{font-size:1.05rem}
.admin-item-main{display:flex;flex-direction:column;flex:1;min-width:0}
.admin-title{font-weight:600}
.status-icons{width:72px;display:flex;gap:.35rem;align-items:center;justify-content:center;flex-shrink:0}
.status{font-size:1.1rem;line-height:1}
.status.thumb{color:#0b78d1}
.status.heart{color:#d12b6b}
.admin-actions{width:80px;display:flex;justify-content:flex-end;gap:.35rem;flex-shrink:0}
.admin-actions .icon{background:none;border:none;padding:.3rem;margin-left:.3rem;cursor:pointer;text-decoration:none}
.admin .events li{margin-bottom:1rem;padding:0}
.admin-item{display:flex;align-items:center;padding:.5rem;border-bottom:1px solid #eee}
.left-status{width:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.left-status .status{font-size:1.05rem}
.admin-item-main{display:flex;flex-direction:column;flex:1;min-width:0}
.admin-title{font-weight:600}
.status-icons{width:72px;display:flex;gap:.35rem;align-items:center;justify-content:center;flex-shrink:0}
.status{font-size:1.1rem;line-height:1}
.status.thumb{color:#0b78d1}
.status.heart{color:#d12b6b}
.admin-actions{width:80px;display:flex;justify-content:flex-end;gap:.35rem;flex-shrink:0}
.admin-actions .icon{background:none;border:none;padding:.3rem;margin-left:.3rem;cursor:pointer;text-decoration:none}
/* Title row to place heart before title */
.title-row{display:flex;align-items:center;gap:.5rem}
.title-row .status.heart{font-size:1.05rem}
/* placeholder keeps spacing when icon not present */
.status.placeholder{display:inline-block;width:1em;height:1em}
.error{color:#b00020}
.success{color:#006600}
.admin-link{margin-top:1rem}

@media(min-width:600px){
  .event .meta{flex-direction:row;justify-content:space-between;align-items:center}
}