/* Layout do módulo Agenda — complementa o tema do site (Bootstrap 3, cor #ff6300) */
.ag{--c:#ff6300;--c2:#e05800;--ink:#404040;--mut:#6b6f76;--line:#e3e5e8;--bg:#f6f7f9;font-size:16px;color:var(--ink)}
.ag h1{font-size:1.9rem;margin:6px 0 14px}.ag h3{font-size:1.15rem}.ag .text-muted{color:var(--mut)}
.ag .hero{background:linear-gradient(135deg,#fff3ea,#fff);border:1px solid #ffe0cc;border-radius:10px;padding:26px 22px;margin:8px 0 18px}.ag .hero h1{margin:0 0 4px}.ag .hero p{margin:0;color:var(--mut)}
.ag .b{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;margin:14px 0;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.ag input,.ag select,.ag textarea{padding:9px 11px;border:1px solid #ccd0d5;border-radius:6px;max-width:100%;font:inherit;background:#fff}
.ag input:focus,.ag select:focus,.ag textarea:focus{border-color:var(--c);outline:2px solid #ffd2b3}
.ag input[type=checkbox]{width:auto}.ag label{font-weight:400}
.ag button,.ag .btn{background:var(--c);color:#fff;border:0;border-radius:6px;padding:10px 16px;cursor:pointer;display:inline-block;text-decoration:none;font:inherit;font-weight:600}
.ag button:hover,.ag .btn:hover{background:var(--c2);color:#fff}.ag .r{background:#b3261e}.ag .r:hover{background:#8f1d17}
.ag .btn.ghost{background:#fff;color:var(--c);border:1px solid var(--c)}.ag a:focus-visible,.ag button:focus-visible{outline:3px solid #f2b705;outline-offset:2px}
.ag .slots{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.ag .slots button{background:#fff;color:var(--c);border:1px solid var(--c);padding:8px 12px;min-width:68px}
.ag .slots button.on,.ag .slots button:hover{background:var(--c);color:#fff}
.ag .ok{background:#e6f4ea;color:#1e5b2f;padding:11px 14px;border-radius:6px;margin:10px 0}.ag .err{background:#fde7e5;color:#8a1c14;padding:11px 14px;border-radius:6px;margin:10px 0}
.ag table{width:100%;border-collapse:collapse}.ag th{text-align:left;color:var(--mut);font-weight:600;font-size:.85rem}.ag td,.ag th{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top;font-size:.93rem}
.ag .chip{display:inline-block;padding:5px 12px;border:1px solid #ccd0d5;border-radius:16px;margin:3px 2px;color:var(--ink);text-decoration:none;background:#fff}
.ag .chip:hover{border-color:var(--c);color:var(--c)}.ag .chip.on{background:var(--c);color:#fff;border-color:var(--c)}
.ag .badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.78rem;font-weight:600;background:#eee;color:#444}
.ag .st-confirmado,.ag .st-pago,.ag .st-ativa,.ag .st-concluido{background:#e6f4ea;color:#1e5b2f}.ag .st-aguardando_pagamento,.ag .st-em_analise,.ag .st-pendente{background:#fff4d6;color:#7a5a00}.ag .st-cancelado,.ag .st-cancelada{background:#fde7e5;color:#8a1c14}
.ag .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.ag .cards .b{margin:0}
.ag .nav-ag{display:flex;flex-wrap:wrap;gap:6px 16px;padding:10px 0 14px;border-bottom:1px solid var(--line);margin-bottom:14px}.ag .nav-ag a{color:var(--ink);font-weight:600}
.ag textarea{width:100%}.ag .pay{display:grid;gap:10px;max-width:420px}.ag .pay button{width:100%;text-align:left;padding:14px}
@media(max-width:640px){.ag table{display:block;overflow-x:auto}.ag h1{font-size:1.5rem}.ag .cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){.ag button,.ag .btn{transition:background .15s}}