/* Dialogs, lightboxes, notifications, progress and charts share the component system. */
html body#fived-body.fived-theme.fived-skin :is(.gsv2-statebox,.gsv2-period-modal__card,.ge-detail-modal__card,.ge-cancel-modal__card,.ge-ficha-modal__card,.ge-agenda-day-box,.gs-notice-modal__card,.ge5d-avatar-modal-panel,.ge5d-salao-modal-panel,.ge-package-lightbox-card,.ge5d-package-lightbox-card){box-sizing:border-box;max-width:calc(100vw - 28px)!important;max-height:calc(100dvh - 40px)!important;overflow:auto;background:var(--fived-panel)!important;background-image:none!important;border:1px solid var(--fived-border)!important;border-radius:8px!important;padding:24px!important;box-shadow:0 24px 80px #0006!important;color:var(--fived-ivory)!important}
html body#fived-body.fived-theme.fived-skin :is(.ge-detail-modal__top,.ge-ficha-modal__head,.gsv2-statebox-head,.gsv2-period-modal__head,.ge5d-avatar-modal-head){border-color:var(--fived-line)!important;margin-bottom:20px!important;padding-bottom:16px!important;gap:16px!important}
html body#fived-body.fived-theme.fived-skin :is(.ge-detail-modal__card,.ge-cancel-modal__card,.ge-ficha-modal__card,.gsv2-statebox,.gsv2-period-modal__card,.ge-agenda-day-box,.ge5d-avatar-modal-panel) :is(h2,h3){font:500 20px/1.35 var(--fived-sans)!important;color:var(--fived-ivory)!important;letter-spacing:-.02em!important;text-transform:none!important}
html body#fived-body.fived-theme.fived-skin .gs-notice-modal__title{font:500 24px/1.3 var(--fived-sans)!important;color:var(--fived-ivory)!important;letter-spacing:-.02em!important}
html body#fived-body.fived-theme.fived-skin :is(.gs-notice-modal__message,.ge-cancel-modal__card p,.ge-ficha-modal__card p){color:var(--fived-muted)!important;font:400 14px/1.7 var(--fived-sans)!important}
html body#fived-body.fived-theme.fived-skin :is(.gsv2-detail-item,.ge-detail-modal__item,.ge-detail-modal__finance,.gsv2-upload-box){background:var(--fived-input)!important;border-color:var(--fived-line)!important;border-radius:6px!important;padding:16px!important}
html body#fived-body.fived-theme.fived-skin :is(.gsv2-detail-item span,.ge-detail-modal__item span,.gsv2-form-field>span,.gsv2-upload-proof>span){font:400 12px/1.5 var(--fived-sans)!important;color:var(--fived-muted)!important;letter-spacing:0!important;text-transform:none!important}
html body#fived-body.fived-theme.fived-skin :is(.gsv2-detail-item strong,.ge-detail-modal__item strong){font:500 14px/1.6 var(--fived-sans)!important;color:var(--fived-ivory)!important}
html body#fived-body.fived-theme.fived-skin :is(.gsv2-statebox-close,.ge-detail-modal__x,.ge-cancel-modal__x,.ge-ficha-modal__x,.gs-notice-modal__close,.ge5d-notifications-close,.ge5d-avatar-modal-close,.ge5d-salao-modal-close,.ge-package-lightbox-close,.ge5d-package-lightbox-close){display:grid!important;place-items:center!important;flex:none!important;width:44px!important;height:44px!important;min-width:44px!important;border:1px solid var(--fived-border)!important;border-radius:6px!important;background:var(--fived-input)!important;color:var(--fived-ivory)!important;box-shadow:none!important;font-size:0!important;padding:0!important;cursor:pointer}
html body#fived-body.fived-theme.fived-skin :is(.gsv2-statebox-close,.ge-detail-modal__x,.ge-cancel-modal__x,.ge-ficha-modal__x,.gs-notice-modal__close,.ge5d-avatar-modal-close,.ge5d-salao-modal-close,.ge-package-lightbox-close,.ge5d-package-lightbox-close):not(:has(svg))::before{content:'';width:18px;height:18px;background:currentColor;clip-path:polygon(9% 0,50% 41%,91% 0,100% 9%,59% 50%,100% 91%,91% 100%,50% 59%,9% 100%,0 91%,41% 50%,0 9%)}
html body#fived-body.fived-theme.fived-skin :is(.ge5d-notifications-close,.gsv2-statebox-close,.ge-detail-modal__x,.ge-ficha-modal__x) svg{width:20px!important;height:20px!important;stroke-width:1.5!important}
html body#fived-body.fived-theme.fived-skin :is(.ge-package-lightbox-arrow,.ge-package-lightbox-nav,.ge5d-salao-lightbox [data-lightbox-prev],.ge5d-salao-lightbox [data-lightbox-next]){display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;background:var(--fived-input)!important;color:var(--fived-ivory)!important;border:1px solid var(--fived-border)!important;border-radius:6px!important;padding:0!important;font-size:0!important}
html body#fived-body.fived-theme.fived-skin :is(.ge-package-lightbox-arrow,.ge-package-lightbox-nav,.ge5d-salao-lightbox [data-lightbox-prev],.ge5d-salao-lightbox [data-lightbox-next]):not(:has(svg))::before{content:'';width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-right:3px}
html body#fived-body.fived-theme.fived-skin :is(.ge-package-lightbox-arrow.is-prev,.ge-package-lightbox-nav.prev,.ge5d-salao-lightbox [data-lightbox-prev]):not(:has(svg))::before{transform:rotate(-135deg);margin-right:0;margin-left:3px}
html body#fived-body.fived-theme.fived-skin :is(.ge-package-lightbox-media,.ge5d-package-lightbox-media){background:var(--fived-input)!important;border-color:var(--fived-line)!important;border-radius:6px!important}
html body#fived-body.fived-theme.fived-skin :is(.ge-package-lightbox-media img,.ge5d-package-lightbox-media img,.ge5d-salao-lightbox img){border-radius:6px!important}
html body#fived-body.fived-theme.fived-skin .ge5d-notifications-drawer{background:var(--fived-panel)!important;background-image:none!important;border-color:var(--fived-border)!important;border-radius:0!important;box-shadow:-20px 0 60px #0005!important}
html body#fived-body.fived-theme.fived-skin .ge5d-notifications-head{padding:24px!important;border-color:var(--fived-line)!important;align-items:flex-start!important}
html body#fived-body.fived-theme.fived-skin .ge5d-notifications-head h2{font:500 24px/1.3 var(--fived-sans)!important;color:var(--fived-ivory)!important;letter-spacing:-.02em!important;margin:6px 0 10px!important}
html body#fived-body.fived-theme.fived-skin .ge5d-notifications-head>div>span{font:500 11px/1.5 var(--fived-sans)!important;letter-spacing:.12em!important;color:var(--fived-gold)!important}
html body#fived-body.fived-theme.fived-skin .ge5d-notifications-body{padding:16px!important}
html body#fived-body.fived-theme.fived-skin .ge5d-notification-item{background:var(--fived-input)!important;border:1px solid var(--fived-line)!important;border-radius:6px!important;padding:16px!important;gap:12px!important;box-shadow:none!important}
html body#fived-body.fived-theme.fived-skin .ge5d-notification-item:hover{background:var(--fived-panel-raised)!important;border-color:var(--fived-border)!important;transform:none!important}
html body#fived-body.fived-theme.fived-skin .ge5d-notification-item strong{font:500 13px/1.5 var(--fived-sans)!important;color:var(--fived-ivory)!important}
html body#fived-body.fived-theme.fived-skin .ge5d-notification-item small{font:400 12px/1.6 var(--fived-sans)!important;color:var(--fived-muted)!important}
html body#fived-body.fived-theme.fived-skin .ge5d-notification-item :is(time,em){font:400 11px/1.5 var(--fived-sans)!important;color:var(--fived-muted)!important;text-transform:none!important;letter-spacing:0!important}
html body#fived-body.fived-theme.fived-skin .ge5d-notifications-read-all{border:0!important;border-radius:0!important;padding:0!important;background:transparent!important;color:var(--fived-gold)!important;font:500 12px/1.5 var(--fived-sans)!important;letter-spacing:0!important;text-transform:none!important}
html body#fived-body.fived-theme.fived-skin :is(.gsv2-toast,.gs-toast,.ge5d-toast,.gs-notice,.ge-notice,.ge5d-notice){background:var(--fived-panel)!important;background-image:none!important;border:1px solid var(--fived-border)!important;border-radius:6px!important;box-shadow:none!important;font:400 14px/1.6 var(--fived-sans)!important}
html body#fived-body.fived-theme.fived-skin .gsv2-rail-user{width:44px!important;height:44px!important;border-radius:6px!important;background:var(--fived-panel)!important;border-color:var(--fived-border)!important}
html body#fived-body.fived-theme.fived-skin .gsv2-rail-user img{border-radius:5px!important}
html body#fived-body.fived-theme.fived-skin .ge-report-pie>span{background:var(--fived-panel)!important}
html body#fived-body.fived-theme.fived-skin .ge-report-pie :is(strong,small){font-family:var(--fived-sans)!important;color:var(--fived-ivory)!important}
html body#fived-body.fived-theme.fived-skin .ge-report-line-svg text{font-family:var(--fived-sans)!important;fill:var(--fived-muted)!important}
html body#fived-body.fived-theme.fived-skin .ge-report-line-grid line{stroke:var(--fived-border)!important}
html body#fived-body.fived-theme.fived-skin .ge-report-line-path{stroke:var(--fived-gold)!important}
html body#fived-body.fived-theme.fived-skin .ge-report-line-points circle{fill:var(--fived-gold)!important;stroke:var(--fived-panel)!important}
html body#fived-body.fived-theme.fived-skin .ge-report-origin-row i{background:var(--fived-panel-raised)!important}
html body#fived-body.fived-theme.fived-skin .ge-report-origin-row i b{background:var(--fived-gold)!important;background-image:none!important}
html body#fived-body.fived-theme.fived-skin :is(.ge5d-campaign-progress,.ge5d-bulk-progress) progress{accent-color:var(--fived-gold)}
@media(max-width:700px){html body#fived-body.fived-theme.fived-skin :is(.gsv2-statebox,.gsv2-period-modal__card,.ge-detail-modal__card,.ge-cancel-modal__card,.ge-ficha-modal__card,.ge-agenda-day-box,.gs-notice-modal__card,.ge5d-avatar-modal-panel,.ge5d-salao-modal-panel,.ge-package-lightbox-card){padding:18px!important;max-height:calc(100dvh - 28px)!important}html body#fived-body.fived-theme.fived-skin :is(.gsv2-detail-grid,.ge-detail-modal__grid,.gsv2-form-grid){grid-template-columns:1fr!important}html body#fived-body.fived-theme.fived-skin .ge5d-notifications-head{padding:20px!important}}
@media(prefers-reduced-motion:reduce){html body#fived-body.fived-theme.fived-skin *,html body#fived-body.fived-theme.fived-skin *::before,html body#fived-body.fived-theme.fived-skin *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
