:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#243442;background:#f4f6f9}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{border:1px solid #d7e0e5;border-radius:8px;padding:9px;background:white;max-width:100%}textarea{resize:vertical;min-height:80px}input[type=submit],button{background:#087f6f;color:white;border:0;border-radius:8px;padding:10px 14px;cursor:pointer}input.secondary,button.secondary{background:#edf3f5;color:#344553}button:disabled,input:disabled{opacity:.5}h1,h2,h3,p{margin-top:0}h1{font-size:30px;margin-bottom:0}h2{font-size:16px}small{font-size:11px;color:#72818d}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:#102e31;color:#dcebea;padding:28px 22px;display:flex;flex-direction:column;flex-shrink:0}.brand{font-size:16px;font-weight:800;letter-spacing:1px}.brand span{color:#42d3a7}.brand small{display:block;margin:10px 0 45px;color:#9eb9b8;letter-spacing:3px}.sidebar nav{display:grid;gap:22px;font-size:13px}.sidebar nav span{color:#97afaf;font-size:12px}.selected{background:#1c4949;padding:13px;border-radius:9px}.sidebar-bottom{margin-top:auto;font-size:12px;word-break:break-word}.sidebar-bottom p{color:#97afaf;font-size:10px;margin-top:8px}.main{padding:28px;width:calc(100% - 220px)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:16px}.topbar form{display:flex;align-items:center;gap:8px}.eyebrow{font-size:10px;color:#778a91;letter-spacing:2px;margin-bottom:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metrics>div{background:white;border:1px solid #e5e9ed;border-radius:12px;padding:18px}.metrics span{display:block;font-size:12px;color:#72818d;margin-bottom:12px}.metrics strong{font-size:27px}.metrics strong.club-name{font-size:20px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filters select{font-size:12px;flex:1}.inbox-grid{display:grid;grid-template-columns:260px minmax(280px,1fr) 250px;border:1px solid #dfe7ec;background:white;border-radius:12px;overflow:hidden;min-height:630px}.conversation-list{border-right:1px solid #e5ebee}.conversation-list h2{padding:20px 16px;border-bottom:1px solid #edf1f4;margin:0}.conversation-list h2 small{display:block;margin-top:6px}.conversation{display:flex;gap:12px;padding:17px 14px;border-bottom:1px solid #edf1f4}.conversation.active{background:#ecf8f4;border-left:3px solid #13a085}.conversation strong{display:block;font-size:13px}.conversation small{display:block;margin-top:4px}.conversation p{font-size:11px;margin:7px 0 0;color:#63747d}.avatar{height:34px;width:34px;background:#e0f1eb;border-radius:50%;display:grid;place-items:center;color:#14836c;flex-shrink:0}.avatar.large{width:55px;height:55px;margin:22px auto 12px}.chat{display:flex;flex-direction:column;min-width:0}.chat-header{display:flex;justify-content:space-between;padding:18px;align-items:center;gap:8px}.chat-header h2{margin-bottom:8px}.badge{font-size:10px;background:#dff5ea;color:#187b5c;border-radius:12px;padding:4px 8px}.actions{display:flex;gap:5px}.actions button{font-size:10px;padding:8px}.sandbox-banner{background:#fff8e2;color:#8a6a24;font-size:10px;padding:10px 16px}.messages{background:#f7f9fb;flex:1;height:400px;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:14px}.bubble{border:1px solid #e6ebef;background:white;border-radius:12px;padding:12px;max-width:90%;align-self:flex-start;font-size:13px}.bubble.saida{background:#e4f5ef;align-self:flex-end;border-color:#d4eadd}.bubble small{display:block;margin:3px 0}.message-content{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}.bubble a{color:#087f6f;text-decoration:underline}.composer{padding:15px;border-top:1px solid #e5ebee}.composer textarea{width:100%}.composer>div{display:flex;justify-content:space-between;gap:8px;margin-top:10px;flex-wrap:wrap}.composer input{font-size:11px}.contact-panel{padding:20px;border-left:1px solid #e5ebee;font-size:12px;overflow-wrap:anywhere}.contact-panel h3{text-align:center;font-size:14px}dt{font-size:10px;color:#85949c;margin-top:15px}dd{margin:5px 0 0}details{border-top:1px solid #e6ecef;margin-top:20px;padding-top:15px}summary{cursor:pointer;font-size:12px;font-weight:600}.stack{display:grid;gap:9px;margin-top:15px}.stack label{font-size:11px}.note{background:#fff8dc;padding:10px;border-radius:7px;margin:10px 0}.empty{font-size:12px;color:#8a979f;padding:22px;text-align:center}.sandbox{background:white;padding:20px;border-radius:12px}.sandbox p{font-size:12px;color:#7a8993}.sandbox .stack{max-width:520px}.inline{display:flex;gap:5px;margin-top:8px}.inline select,.inline input{font-size:10px;padding:5px}.flash{padding:14px 24px;background:#e0f6ec;color:#17674f}.flash.alert{background:#fff0ed;color:#9b3929}.auth{max-width:400px;margin:10vh auto;background:white;padding:32px;border:1px solid #dfe7ec;border-radius:16px}.auth .field{margin:18px 0}.auth input:not([type=checkbox]){width:100%;margin-top:7px}.auth a{display:block;margin-top:15px;color:#087f6f;font-size:12px}@media(min-width:1600px){.inbox-grid{grid-template-columns:300px minmax(380px,1fr) 290px}}@media(max-width:1200px){.sidebar{width:170px;padding:24px 16px}.main{width:calc(100% - 170px);padding:18px}.inbox-grid{grid-template-columns:220px minmax(250px,1fr)}.contact-panel{grid-column:1/-1;border-top:1px solid #eee;border-left:0}.contact-panel .avatar{display:none}.contact-panel h3{text-align:left}.contact-panel dl{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.contact-panel dt{margin:0}.contact-panel dd{margin:0 20px 0 0}}@media(max-width:760px){.app-shell{display:block}.sidebar{width:100%;padding:15px;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.brand small,.sidebar nav,.sidebar-bottom p{display:none}.sidebar-bottom{margin:0;display:flex;gap:12px;align-items:center}.main{width:100%;padding:14px}.topbar{flex-wrap:wrap}.topbar form{flex-wrap:wrap}.metrics{gap:8px;grid-template-columns:1fr 1fr}.metrics>div{padding:12px}.inbox-grid{display:block}.conversation-list{max-height:230px;overflow:auto;border-bottom:1px solid #ddd}.messages{flex:auto;height:420px}.chat-header{flex-wrap:wrap}.filters select{min-width:40%}}

.history-link{font-size:12px;color:#087f6f;text-align:center;padding:8px}.metrics{gap:12px}@media(min-width:761px) and (max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}}

.conversation>div:last-child{flex:1;min-width:0}.conversation-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.pending-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#087f6f;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}

.management .muted{font-size:13px;color:#73828c;line-height:1.6}.management-tabs{display:flex;gap:10px;margin:0 0 24px}.management-tabs a{background:white;border:1px solid #dce6e8;border-radius:8px;padding:10px 18px;font-size:13px}.config-card{background:white;border:1px solid #dfe7ec;border-radius:12px;padding:24px;margin-bottom:20px}.config-card h2{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.config-form{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.config-form>div{flex:1;min-width:160px}.config-form label,.stack label{display:block;font-size:12px;margin-bottom:6px}.config-form input,.config-form select{width:100%}.config-form input[type=submit]{width:auto}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.management-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.management-table th{font-size:11px;color:#71838a;border-bottom:1px solid #dfe7ec;padding:12px 10px}.management-table td{padding:16px 10px;border-bottom:1px solid #edf1f4;vertical-align:top}.management-table td>small{display:block;margin:6px 0}.management-table td>strong+small{display:block;margin:6px 0}.table-scroll{overflow:auto}.access-form{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:8px}.access-form input,.access-form select{font-size:11px}.member-options{border:1px solid #e0e8eb;border-radius:8px;padding:14px;margin:8px 0}.member-options legend{font-size:11px;color:#71828a;padding:0 6px}.member-options label{display:flex;gap:9px;align-items:center;margin:9px 0;font-size:12px}.presence{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px}.presence:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#94a3b8}.presence.disponivel:before{background:#10a67f}.presence.pausa:before{background:#e5a820}.count{font-size:12px;color:#7c8c94}.availability{display:grid;gap:8px;margin:20px 0;font-size:11px}.availability select{width:100%;font-size:11px}.availability input{font-size:11px}.local-invitation{border-color:#d0a943;background:#fffbea}.local-invitation p{font-size:12px}.local-invitation a{color:#087f6f;text-decoration:underline;font-size:13px}.sidebar nav a:not(.selected){padding:8px 12px}.management .config-card .stack{max-width:600px}@media(max-width:900px){.config-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar nav{display:flex;flex-wrap:wrap;gap:5px}.sidebar nav span{display:none}.sidebar{flex-wrap:wrap}.sidebar-bottom{flex-wrap:wrap}.availability{display:flex;align-items:center;margin:8px 0}.availability label{display:none}.availability select{width:auto}.management-tabs{gap:7px}.management-tabs a{padding:9px 12px}.config-card{padding:16px}}

@media(min-width:761px){.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto}}

.page-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}.page-actions a:not(.button-link),.management-table a{color:#087f6f}.button-link{display:inline-block;border-radius:8px;background:#087f6f;color:white;padding:11px 16px;font-size:13px}.schedule-table input{width:100%}.schedule-table td:first-child{white-space:nowrap}.exception-row{display:flex;gap:10px;align-items:end;margin:10px 0;flex-wrap:wrap}.exception-row label{font-size:12px}.exception-row>div{flex:1;min-width:150px}.exception-row input{width:100%}.hours-banner{padding:12px 16px;background:#e4f5ef;border-radius:8px;margin:0 0 16px;font-size:12px}.hours-banner.closed{background:#fff4d5;color:#775b1e}.hours-form{max-width:850px}.hours-form fieldset{border:1px solid #dce6e8;border-radius:10px;padding:18px;margin:18px 0}.hours-form legend{font-size:13px;font-weight:600}.hours-form .check-label{display:flex;gap:10px;align-items:center}

.avatar{position:relative;overflow:hidden}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.message-status{display:inline-block;margin-left:5px;font-size:13px;font-weight:600;letter-spacing:-3px;padding-right:3px;color:#72818d}.message-status.lida{color:#168bdf}.message-status.falhou{color:#c33535;letter-spacing:0}.message-status.pendente{letter-spacing:0}

/* Atendimento: balões e controles familiares, mantendo a identidade ArenaPass. */
.inbox-grid{border-radius:10px;border-color:#d7dedb}.conversation-list h2,.chat-header,.composer{background:#f0f2f5}.conversation{padding:15px 16px}.conversation:hover{background:#f5f6f6}.conversation.active{background:#e9edef;border-left-color:#00a884}.chat-header{min-height:76px;border-bottom:1px solid #d9dfdd}.chat-header h2{font-weight:600}.messages{background-color:#efeae2;background-image:radial-gradient(circle at 15px 15px,#d8d1c666 1px,transparent 1px),radial-gradient(circle at 45px 40px,#d8d1c644 1px,transparent 1px);background-size:60px 60px;padding:24px 6%;gap:9px}.bubble{position:relative;background:#fff;border:0;box-shadow:0 1px 1px #0b141a26;border-radius:0 9px 9px 9px;padding:7px 10px 6px;max-width:82%;min-width:115px}.bubble.saida{background:#d9fdd3;border:0;border-radius:9px 0 9px 9px}.bubble::before{content:"";position:absolute;top:0;left:-7px;border-top:9px solid #fff;border-left:8px solid transparent}.bubble.saida::before{left:auto;right:-7px;border-left:0;border-right:8px solid transparent;border-top-color:#d9fdd3}.bubble>.message-meta{text-align:right;font-size:10px;margin:5px 0 0;color:#667781;white-space:nowrap}.bubble>small:first-child{font-size:10px;font-weight:600;color:#087f6f}.message-content{line-height:1.5;margin:3px 0 5px}.composer{padding:10px 16px;border-top:0}.composer textarea{background:white;border:0;border-radius:9px;min-height:48px;padding:13px 15px;resize:vertical}.composer .composer-actions{display:flex;align-items:center;gap:12px;margin-top:6px}.composer-actions>small{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-button{position:relative;display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;font-size:30px;color:#54656f;cursor:pointer;border-radius:50%;overflow:hidden}.attach-button:hover{background:#e3e7e8}.attach-button:focus-within{outline:2px solid #008069}.attach-button input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0}.composer .send-button{width:42px;height:42px;border-radius:50%;background:#008069;font-size:21px;padding:0;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.attachment-card{border-radius:7px;background:#0b141a08;margin:6px 0;overflow:hidden;min-width:190px;max-width:320px}.attachment-info{display:flex;gap:10px;align-items:center;padding:10px}.attachment-info strong{display:block;font-size:12px;overflow-wrap:anywhere}.attachment-info small{display:block;font-size:10px;font-weight:400;margin-top:4px;color:#667781}.file-icon{font-size:28px;color:#7f8d94}.attachment-actions{display:flex;gap:0;border-top:1px solid #0b141a12}.attachment-actions>a,.attachment-actions>button{flex:1;text-align:center;padding:9px;background:transparent;border:0;border-radius:0;color:#087f6f;font-size:12px;font-weight:600;text-decoration:none}.attachment-actions>a:hover,.attachment-actions>button:hover{background:#0b141a08}.image-preview{display:block;width:100%;padding:0;border:0;border-radius:0;background:transparent;cursor:zoom-in}.image-preview img{display:block;width:100%;max-height:240px;object-fit:cover;min-height:60px}.attachment-viewer{width:min(960px,94vw);max-height:92dvh;border:0;border-radius:12px;padding:0;box-shadow:0 16px 80px #0005;background:#f0f2f5;color:#243442}.attachment-viewer::backdrop{background:#0b141acc}.attachment-viewer>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:#fff;overflow-wrap:anywhere}.attachment-viewer>header>button{background:transparent;color:#54656f;font-size:28px;padding:0 8px}.attachment-viewer>p{padding:0 18px}.preview-content{display:flex;justify-content:center;max-height:76dvh;overflow:auto}.preview-content img{display:block;max-width:100%;max-height:76dvh;object-fit:contain}.preview-content iframe{display:block;width:100%;height:76dvh;border:0;background:#fff}.preview-content pre{white-space:pre-wrap;overflow-wrap:anywhere;width:100%;margin:0;padding:20px;background:#fff;line-height:1.6;font-size:13px}@media(max-width:760px){.messages{padding:18px}.bubble{max-width:88%}.attachment-card{min-width:160px}.composer{padding:10px}.attachment-viewer{width:96vw}} 

.attendance-status{display:inline-block;padding:3px 7px;border-radius:10px;font-size:10px;font-weight:600;line-height:1.4}.attendance-status.aguardando{background:#fff0c2;color:#865c00}.attendance-status.em_atendimento{background:#daf4e5;color:#176b43}.attendance-status.aguardando_torcedor{background:#dfedff;color:#245c9d}.attendance-status.encerrado{background:#e9edef;color:#58666f}.conversation-counters{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;font-size:10px}.unread-badge{background:#e1efff;color:#245c9d;padding:2px 6px;border-radius:8px}.reply-pending{color:#8d6413;padding:2px}.attendance-divider{align-self:center;padding:5px 12px;border-radius:7px;background:#fff9;color:#54656f;font-size:10px;margin:8px 0}.attendance-cycle{border-bottom:1px solid #e5ebee;padding:12px 0}.attendance-cycle p{font-size:11px;margin:6px 0;color:#667781}.close-attendance{position:relative;padding:0;margin:0;border:0}.close-attendance>summary{list-style:none;padding:9px 12px;background:#edf3f5;border-radius:8px;font-size:11px;font-weight:400}.close-attendance>form{position:absolute;z-index:5;right:0;top:32px;width:285px;padding:16px;background:white;border:1px solid #dfe7ec;box-shadow:0 8px 30px #0b141a26;border-radius:10px}.close-attendance textarea{width:100%;min-height:70px}.close-attendance select{width:100%}.close-attendance small{line-height:1.5}

.inbox-alerts{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-8px 0 18px;font-size:11px;color:#667781}.inbox-alerts button{font-size:11px;padding:7px 10px;flex-shrink:0}@media(max-width:760px){.inbox-alerts{align-items:flex-start;flex-direction:column}}

.club-badge{display:inline-block;background:#edf1f7;color:#344b69;border:1px solid #dce3ee;font-size:10px;border-radius:5px;padding:3px 6px;margin:3px 0;max-width:100%;overflow-wrap:anywhere}.conversation .club-badge{display:block;width:fit-content}.global-inbox-note{font-size:12px;color:#52666d;padding:11px 14px;background:#e8f4f0;border-radius:8px}.sidebar .availability+.availability{margin-top:12px;padding-top:12px;border-top:1px solid #ffffff26}

.club-selector{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%}.club-selector-label{font-size:12px;color:#667781}.club-picker{position:relative;margin:0;padding:0;border:0;min-width:0}.club-picker>summary{display:flex;align-items:center;gap:10px;list-style:none;background:#fff;border:1px solid #dce4e7;border-radius:10px;padding:9px 12px;min-height:48px;max-width:390px;font-size:13px;font-weight:500;box-shadow:0 1px 2px #0b141a05}.club-picker>summary::-webkit-details-marker{display:none}.club-picker>summary:focus-visible,.club-picker-option:focus-visible{outline:2px solid #008069;outline-offset:2px}.club-picker[open]>summary{border-color:#008069}.club-picker-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-picker-chevron{margin-left:8px;color:#667781;font-size:19px}.club-emblem{position:relative;display:inline-grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:7px;background:#eef3f4;color:#52666d;font-size:10px;font-weight:700;overflow:hidden;vertical-align:middle}.club-emblem img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:2px;background:#fff}.club-picker-menu{position:absolute;z-index:40;right:0;top:calc(100% + 7px);width:350px;max-width:calc(100vw - 30px);max-height:360px;overflow:auto;padding:6px;border:1px solid #dce4e7;border-radius:12px;background:#fff;box-shadow:0 10px 35px #0b141a26}.topbar .club-picker-menu form{display:block;margin:0}.club-picker-menu .club-picker-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px;text-align:left;background:white;color:#243442;border-radius:7px;font-size:12px}.club-picker-option>span:nth-child(2){flex:1;overflow-wrap:anywhere}.club-picker-option:hover,.club-picker-option[aria-current=true]{background:#eaf5f0}.club-picker-check{color:#008069;font-weight:700}@media(max-width:760px){.club-selector{width:100%}.club-picker{flex:1}.club-picker>summary{max-width:100%;width:100%}.club-picker-menu{width:100%;min-width:240px}.club-picker-current{flex:1}}

.chat-header{gap:14px;padding:12px 18px;min-height:76px}.chat-identity{display:grid;gap:6px;min-width:0;flex:1}.chat-club-row{display:flex;align-items:center;gap:9px;min-width:0}.chat-club-row>.club-emblem{width:30px;height:30px;border-radius:7px;background:#fff;border:1px solid #dce4e7}.chat-club-name{font-size:12px;font-weight:500;color:#52666d;margin:0;line-height:1.35;overflow-wrap:anywhere}.chat-contact-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chat-header .chat-identity h2{font-size:14px;margin:0;line-height:1.4;overflow-wrap:anywhere}.chat-context{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.chat-context .attendance-status{display:inline-flex;align-items:center;gap:5px}.chat-context .attendance-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.chat-header>.actions{flex-shrink:0;align-self:center}@media(max-width:760px){.chat-header{padding:10px 12px;gap:10px}.chat-contact-row{gap:5px 8px}.chat-club-name{font-size:11px}.chat-context small{font-size:10px}}

.send-feedback{margin:9px 0 0;font-size:11px;color:#52666d;line-height:1.5}.composer textarea[readonly]{background:#f9fbfa;color:#52666d}

.inbox-boxes{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.inbox-box{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;border:1px solid #dce5e9;border-radius:12px;background:#fff;color:#526571;text-decoration:none;font-weight:600}.inbox-box.active{background:#e4f4ef;border-color:#008069;color:#006b58;box-shadow:inset 0 -2px #008069}.box-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#edf1f4;font-size:12px}.inbox-box.active .box-count{background:#008069;color:#fff}.conversation-owner{display:flex;align-items:center;gap:6px}.owner-avatar{display:inline-grid;place-items:center;width:21px;height:21px;flex-shrink:0;border-radius:50%;background:#e8edf2;color:#526571;font-size:11px;font-weight:700}.conversation-owner.is-mine{color:#00715e;font-weight:600}.is-mine .owner-avatar{background:#d8f0e6;color:#00715e}@media(max-width:600px){.inbox-boxes{gap:5px}.inbox-box{flex:1;padding:10px 6px;gap:5px;font-size:12px}.box-count{min-width:20px;height:20px;padding:0 4px}}

.conversation-list-owner{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12px;font-weight:600;color:#00715e;line-height:1.4}.conversation-list-owner .owner-avatar{width:28px;height:28px;font-size:13px;background:#d8f0e6;color:#00715e}
