/* Styles for Gestor de Espacios UTC */
.ges-utc-wrap { font-family: Arial, sans-serif; display:flex; justify-content:center; padding:20px; }
.ges-utc-panel { width:100%; max-width:1100px; background:#FFF; border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,0.08); overflow:hidden; }
.ges-utc-brand { background: #FFCC00; padding:16px; color:#222; display:flex; align-items:center; justify-content:space-between; }
.ges-utc-brand h2 { margin:0; font-size:20px; }
.ges-utc-login { padding:32px; background:#F5F5F5; }
.ges-login-box { max-width:420px; margin:0 auto; text-align:center; }
.ges-login-box input { display:block; width:100%; padding:10px 12px; margin:8px 0; border-radius:6px; border:1px solid #ddd; }
.btn { background:#FFCC00; border:none; padding:8px 12px; border-radius:10px; cursor:pointer; margin:4px; }
.btn.outline { background:transparent; border:2px solid #FFCC00; }
.btn.small { padding:6px 8px; font-size:13px; border-radius:8px; }
.ges-msg { min-height:20px; margin-bottom:8px; color:#333; }

/* Dashboard */
.ges-utc-dashboard { padding:16px; }
.ges-header { display:flex; justify-content:flex-end; }
.ges-user-info { display:flex; gap:8px; align-items:center; }
.ges-tabs { display:flex; gap:8px; padding:12px; background:#F5F5F5; }
.tab { background:transparent; border:none; padding:8px 14px; border-radius:8px; cursor:pointer; }
.tab.active { background:#FFCC00; }
.ges-content { padding:16px; }

/* Modal */
.ges-modal { position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); display:flex; align-items:center; justify-content:center; }
.ges-modal-content { background:#fff; padding:16px; width:90%; max-width:800px; border-radius:8px; position:relative; }
.ges-modal-close { position:absolute; right:8px; top:8px; border:none; background:transparent; font-size:20px; cursor:pointer; }

/* Lists */
.ges-list { display:grid; gap:8px; }
.ges-card { background:#fff; border:1px solid #eee; padding:10px; border-radius:8px; display:flex; justify-content:space-between; align-items:center; }

/* Calendar fallback */
.ges-calendar { border:1px dashed #ddd; padding:16px; border-radius:8px; min-height:300px; background:linear-gradient(180deg,#fff,#F5F5F5); }

/* Responsive */
@media (max-width:700px) {
    .ges-utc-panel { margin:8px; }
}