.arq-citas-wrap{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.arq-citas-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}
.arq-citas-toolbar .field{display:flex;gap:.35rem;align-items:center}
.arq-citas-toolbar input[type=date],
.arq-citas-toolbar input[type=text],
.arq-citas-toolbar select{padding:.4rem .5rem;border:1px solid #d0d7de;border-radius:8px}
.arq-citas-btn{padding:.5rem .8rem;border:1px solid #1f6feb;background:#1f6feb;color:#fff;border-radius:8px;cursor:pointer}
.arq-citas-btn--ghost{background:#fff;color:#1f6feb}
.arq-citas-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
.arq-citas-table th,.arq-citas-table td{padding:.6rem .7rem;border-bottom:1px solid #e5e7eb;font-size:.95rem}
.arq-citas-table thead th{background:#f8fafc;text-align:left;font-weight:600}
.arq-citas-table tr:nth-child(even){background:#fafafa}
.arq-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.8rem;border:1px solid #e5e7eb}
.arq-badge--ok{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}
.arq-badge--warn{background:#fff7ed;color:#9a3412;border-color:#fed7aa}
.arq-badge--info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.arq-badge--danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
.arq-actions a{margin-right:.35rem}
.arq-muted{color:#6b7280}

/* Modal */
.arq-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(2,6,23,.55);z-index:9999}
.arq-modal.is-open{display:flex}
.arq-modal .arq-card{position:relative;background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:18px;width:min(900px,95vw);max-height:90vh;overflow:auto}
.arq-modal .arq-close{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:22px;cursor:pointer}
.arq-details{display:grid;grid-template-columns:180px 1fr;gap:8px 16px}
.arq-details dt{font-weight:600;color:#374151}
.arq-details dd{margin:0 0 8px;color:#111827}

/* Histórico */
.arq-history{list-style:none;margin:0;padding-left:0;display:grid;gap:6px}
.arq-history li{font-size:.92rem;color:#111827}

/* Calendario */
.arq-cal-nav{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0}
.arq-cal-title{font-weight:700}
.arq-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.arq-cal-head{font-weight:700;text-align:center}
.arq-cal-cell{border:1px solid #e5e7eb;border-radius:10px;padding:6px;min-height:110px;position:relative;background:#fff}
.arq-cal-cell.is-muted{opacity:.65}
.arq-cal-date{position:absolute;top:6px;right:10px;font-size:12px;color:#6b7280}
.arq-cal-item{font-size:12px;margin-top:18px}
.arq-cal-time{font-weight:600;margin-right:4px}
.arq-cal-prop{}

/* Timeline */
.arq-time-toolbar{margin:.5rem 0}
.arq-inline label{margin-right:12px}
.arq-time-grid{border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:auto}
.arq-time-header{display:grid;grid-template-columns:repeat(var(--cols),minmax(80px,1fr));gap:4px;padding:8px;border-bottom:1px solid #eee}
.arq-time-col{font-size:12px;color:#374151}
.arq-time-row{position:relative;padding:12px}
.arq-time-item{position:absolute;left:0;transform:translateX(calc(var(--off)*1px));width:calc(var(--len)*1px);min-width:120px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:6px}
.arq-time-title{font-weight:600}
.arq-time-sub{font-size:12px;color:#4b5563}

/* Slots */
.arq-slots-wrap{display:flex;flex-wrap:wrap;gap:6px}
.arq-slot{display:inline-flex;align-items:center;gap:6px;border:1px solid #e5e7eb;border-radius:8px;padding:4px 8px;background:#fff;cursor:pointer}
.arq-slot input{margin:0}

/* Timeline vertical */
.arq-vtimeline{border-left:3px solid #e5e7eb;padding-left:14px}
.arq-vtl-item{position:relative;margin:10px 0;padding-left:8px}
.arq-vtl-item:before{content:'';position:absolute;left:-17px;top:6px;width:10px;height:10px;border-radius:50%;background:#93c5fd}
.arq-vtl-time{font-weight:700;margin-bottom:2px}
.arq-vtl-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;display:inline-block}
.arq-vtl-title{font-weight:600}
.arq-vtl-sub{font-size:12px;color:#4b5563;margin-bottom:4px}




