:root{--ink:#19334b;--muted:#607181;--gold:#d9b375;--line:#dbe4ec;--bg:#f1f5f8;--navy:#142b43;--blue:#204f78;--green:#277250;--red:#ad3b3b}
body{background:var(--bg);color:var(--ink)}
header{background:var(--navy)}
.brand span{color:var(--gold)}
.card,.stat{border-color:var(--line);box-shadow:0 5px 20px #142b4306}
.eyebrow{color:#7c5825;font-size:12px;letter-spacing:.07em}
.primary,#manager-invite-button{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 3px 8px #204f781a}
.secondary,.password-toggle{background:#edf3f8;border-color:#cbd9e5;color:var(--blue)}
button,a.primary{min-height:44px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
header nav button.active{background:var(--blue);border-color:#567b9c;color:white}
.badge,#feedback{background:#e8f4ed;color:#216845}
.badge.gray{background:#edf1f5;color:#52697a}
.error,#feedback.error{color:var(--red)}
.danger,[data-real-cancel],[data-revoke-manager],#team-list button.danger{background:#fff1f0;color:var(--red);border:1px solid #e7bcb9;border-radius:10px}
.slot.selected{background:var(--blue);border-color:var(--blue)}
.service:has(input:checked){border-color:#ac8142;background:#fffbf4}
input[type=radio]{accent-color:var(--blue)}
#owner-shortcuts{background:transparent;border:0;padding:0;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
#owner-shortcuts a{background:white;color:#526a7d;border-color:var(--line);min-height:48px;border-radius:10px;font-weight:600}
#owner-shortcuts a[aria-current=page]{background:var(--navy);color:white;border-color:var(--navy)}
#owner-shortcuts a[href="#real-booking-card"]{grid-column:1/-1;background:var(--blue);border-color:var(--blue);color:white;font-size:17px;min-height:52px}
#owner-shortcuts a[href="#real-notices-card"]{grid-column:auto}
#account:has(#real-panel:not(.hidden))>.top{display:none}
#subscription-card{border-top-color:var(--gold);padding:20px}
#subscription-card h2{font-size:23px}
#subscription-card .subscription-price{color:var(--blue)}
#subscription-card[data-state=paid]{border-top-color:var(--green)}
#subscription-card[data-state=expired],#subscription-card[data-state=error]{border-top-color:var(--red)}
#account .agenda-table td:first-child{font-weight:700;color:var(--blue)}
@media(max-width:740px){
 #owner-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
 #owner-shortcuts a{min-height:48px;padding:10px;font-size:14px}
 #owner-shortcuts a[href="#real-notices-card"]{grid-column:1/-1}
 #account .agenda-table tbody tr{background:white;border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:14px;box-shadow:0 4px 14px #142b4305}
 #account .agenda-table td{border-bottom:0;padding:8px 4px}
 #account .agenda-table td:last-child{padding-top:12px;border-top:1px solid var(--line)}
 #account .agenda-table td:last-child button{min-height:44px}
}

/* Correção da apresentação após conferência no aparelho. */
#subscription-card{padding:16px 20px}
#subscription-card .subscription-summary{align-items:center}
#subscription-card .subscription-summary>div{flex:1}
#subscription-card h2{font-size:20px;margin:6px 0}
#subscription-card .subscription-summary>button{width:auto;margin:8px 0;padding:8px 12px;font-size:14px}
.subscription-details{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}
.subscription-details summary{cursor:pointer;color:var(--blue);font-weight:650;padding:6px 0;min-height:44px}
.subscription-details[open] summary{margin-bottom:8px}
#owner-shortcuts a[href="#real-notices-card"]{grid-column:auto}
#real-panel>.top{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0;margin-bottom:16px}
#real-panel>.top h2{font-size:18px;margin-bottom:4px}
#real-panel>.top button{font-size:14px;padding:8px 12px}
#team-list .field{margin:14px 0}
#team-list .top{gap:10px;margin-bottom:16px}
#team-list .card{padding:18px}
@media(max-width:740px){
 #subscription-card .subscription-summary{display:block}
 #subscription-card .subscription-summary>button{width:auto;margin:8px 0 0}
 #owner-shortcuts a[href="#real-notices-card"]{grid-column:auto}
 #owner-shortcuts a{min-height:48px}
 #real-panel>.top{flex-direction:row}
}
