/* Shared popup surfaces; Bootstrap and native dialogs keep their own behavior. */
body.zeus-site{--cs-popup:#1c251a;--cs-popup-raised:#25301f;--cs-popup-border:#576447;--cs-popup-text:#e8ecdf;--cs-popup-muted:#bac7ad}
body.zeus-site .modal{padding:0!important;overflow-x:hidden;overscroll-behavior:contain}
body.zeus-site .modal-dialog{width:calc(100% - 24px);max-width:620px;margin:24px auto;box-sizing:border-box}
body.zeus-site .modal-dialog.modal-sm{max-width:400px}
body.zeus-site .modal-dialog.modal-lg{max-width:880px}
body.zeus-site .modal-content{display:flex;flex-direction:column;min-width:0;max-height:calc(var(--cs-overlay-vh,100dvh) - 48px);padding:0;background:var(--cs-popup)!important;color:var(--cs-popup-text);border:1px solid var(--cs-popup-border)!important;border-top:3px solid #d3ad60!important;border-radius:10px;box-shadow:0 20px 70px #0009;overflow:hidden}
body.zeus-site .modal-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px!important;border-bottom:1px solid #3e4c34!important;background:var(--cs-popup-raised);min-width:0}
body.zeus-site .modal-header .modal-title{order:0;flex:1;min-width:0;margin:0;padding:0;color:#f2e8ce;font:600 19px/1.4 Manrope,"Segoe UI",Arial,sans-serif;overflow-wrap:anywhere}
body.zeus-site .modal-header .close{order:1;float:none;flex:0 0 38px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:38px;margin:0!important;padding:0!important;position:static;background:#303b26!important;border:1px solid #5a6945;border-radius:6px;color:#eddbab!important;opacity:1;text-shadow:none;font:400 25px/1 Arial;cursor:pointer}
body.zeus-site .modal-header .close:hover,body.zeus-site .modal-header .close:focus-visible{background:#455031!important;color:#ffe6ad!important;border-color:#d3ad60;outline:2px solid #d3ad60;outline-offset:2px}
body.zeus-site .modal-body{flex:1 1 auto;min-height:0;min-width:0;padding:20px!important;overflow:auto;overscroll-behavior:contain;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#69784e #182015}
body.zeus-site .modal-footer{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px!important;border-top:1px solid #3e4c34!important;background:var(--cs-popup-raised)}
body.zeus-site .modal-footer>.btn{margin:0!important}
body.zeus-site .modal-body form{max-width:100%;min-width:0}
body.zeus-site .modal :is(input.form-control,textarea.form-control,select.form-control,.custom-select){max-width:100%;min-width:0;background:#131c12!important;color:#e8ecdf!important;border:1px solid #556347!important;border-radius:6px;box-sizing:border-box}
body.zeus-site .modal :is(input.form-control,select.form-control,.custom-select){min-height:44px;height:auto;padding:10px 12px}
body.zeus-site .modal .form-control:focus{border-color:#d3ad60!important;box-shadow:0 0 0 2px #d3ad6026!important;outline:none}
body.zeus-site .modal :is(input,textarea)::placeholder{color:#acb99d;opacity:1}
body.zeus-site .modal .table{max-width:100%;color:var(--cs-popup-text)}
body.zeus-site .modal .table-responsive{max-width:100%;overflow:auto;min-width:0}
body.zeus-site .modal :is(img,video){max-width:100%;height:auto}
body.zeus-site .modal select,body.zeus-site select.form-control{color-scheme:dark}
body.zeus-site .modal option,body.zeus-site select.form-control option{background:#1c251a;color:#e8ecdf}
body.zeus-site .modal-backdrop.show{background:#080e08;opacity:.78}
body.zeus-site .dropdown-menu,body.zeus-site .cs-account-menu{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:min(65vh,480px);max-height:min(calc(var(--cs-overlay-vh,100dvh) - 40px),480px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:8px;background:var(--cs-popup)!important;color:var(--cs-popup-text);border:1px solid var(--cs-popup-border);border-radius:8px;box-shadow:0 12px 36px #0008;scrollbar-width:thin;scrollbar-color:#69784e #182015}
body.zeus-site .dropdown-item{display:block;min-height:40px;max-width:100%;padding:10px 12px;border-radius:5px;white-space:normal;overflow-wrap:anywhere;color:#e3e9d8;background:transparent;font-size:13px;line-height:1.5}
body.zeus-site .dropdown-item:is(:hover,:focus,.active,:active){background:#354229!important;color:#ffe0a0!important}
body.zeus-site .dropdown-item:is(.disabled,:disabled){background:transparent!important;color:#8f9c83!important;pointer-events:none}
body.zeus-site .dropdown-header{color:#cdbd8e;padding:7px 12px;font-size:11px;white-space:normal}
body.zeus-site .dropdown-divider{border-color:#445237;margin:6px 0}
body.zeus-site .cs-account-menu a{border-radius:5px;min-height:42px}
body.zeus-site .popover{box-sizing:border-box;max-width:min(360px,calc(100vw - 24px));background:var(--cs-popup)!important;color:var(--cs-popup-text);border:1px solid var(--cs-popup-border);border-radius:8px;box-shadow:0 12px 36px #0008;font:13px/1.6 Manrope,"Segoe UI",Arial,sans-serif}
body.zeus-site .popover-header{padding:10px 13px;margin:0;background:var(--cs-popup-raised);color:#f0dab0;border-bottom:1px solid #445237;font:600 13px/1.5 Manrope,"Segoe UI",Arial,sans-serif;overflow-wrap:anywhere;border-radius:8px 8px 0 0}
body.zeus-site .popover-body{padding:12px 13px;color:var(--cs-popup-text)!important;max-height:min(55vh,400px);overflow:auto;overscroll-behavior:contain;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#69784e #182015}
body.zeus-site .popover-body a{color:#e9c479}
body.zeus-site .bs-popover-top>.arrow::after{border-top-color:var(--cs-popup)}body.zeus-site .bs-popover-bottom>.arrow::after{border-bottom-color:var(--cs-popup)}body.zeus-site .bs-popover-left>.arrow::after{border-left-color:var(--cs-popup)}body.zeus-site .bs-popover-right>.arrow::after{border-right-color:var(--cs-popup)}
body.zeus-site .bs-popover-top>.arrow::before{border-top-color:var(--cs-popup-border)}body.zeus-site .bs-popover-bottom>.arrow::before{border-bottom-color:var(--cs-popup-border)}body.zeus-site .bs-popover-left>.arrow::before{border-left-color:var(--cs-popup-border)}body.zeus-site .bs-popover-right>.arrow::before{border-right-color:var(--cs-popup-border)}
body.zeus-site .bs-popover-bottom .popover-header::before{border-bottom-color:var(--cs-popup-raised)}
body.zeus-site .cs-players-dialog{border-radius:10px;background:var(--cs-popup);border-color:var(--cs-popup-border);max-height:calc(var(--cs-overlay-vh,100dvh) - 32px);scrollbar-width:thin;scrollbar-color:#69784e #182015}
body.zeus-site .cs-players-close{width:40px;height:40px;flex-basis:40px;border-radius:6px}
body.zeus-site .cs-players-close:hover,body.zeus-site .cs-players-refresh:hover{background:#354229;color:#ffe0a0;border-color:#c7a459}
body.zeus-site .cs-players-footer{flex-wrap:wrap}
body.zeus-site .tox .tox-dialog{max-height:calc(var(--cs-overlay-vh,100dvh) - 24px)}
@media(max-width:767px){body.zeus-site .modal-dialog{width:calc(100% - 20px);max-width:calc(100% - 20px);margin:10px auto}body.zeus-site .modal-content{max-height:calc(var(--cs-overlay-vh,100dvh) - 20px)}body.zeus-site .modal-header{padding:12px 14px!important}body.zeus-site .modal-body{padding:14px!important}body.zeus-site .modal-footer{padding:12px 14px!important}body.zeus-site .modal-title{font-size:17px!important}body.zeus-site .modal :is(input.form-control,textarea.form-control,select.form-control,.custom-select){font-size:16px!important}body.zeus-site .modal .input-group{flex-wrap:wrap;min-width:0}body.zeus-site .modal .input-group>.form-control{min-width:0}body.zeus-site .cs-account-label{flex-wrap:wrap;justify-content:flex-start;gap:3px 10px}body.zeus-site .cs-account-label>span{max-width:100%;text-align:left}body.zeus-site .cs-account-menu{max-height:55vh;max-height:55dvh}body.zeus-site .z-header #hidden-menu.show{max-height:60vh;max-height:60dvh;overflow-y:auto;overscroll-behavior:contain}body.zeus-site .cs-players-dialog{width:calc(100% - 20px);padding:16px 13px}body.zeus-site .cs-players-heading h2{font-size:21px}body.zeus-site .cs-players-footer>span{flex:1 1 160px}}
@media(prefers-reduced-motion:reduce){body.zeus-site .modal.fade .modal-dialog{transition:none}}

/* Legacy calendars, notifications and image viewers use the same surface. */
body.zeus-site .ui-datepicker{max-width:calc(100vw - 24px);box-sizing:border-box;padding:8px;background:#1c251a;color:#e8ecdf;border:1px solid #576447;border-radius:8px;box-shadow:0 12px 36px #0008}
body.zeus-site .ui-datepicker .ui-datepicker-header,body.zeus-site .ui-datepicker .ui-widget-content{background:#25301f;color:#e8ecdf;border-color:#445237}
body.zeus-site .ui-datepicker :is(.ui-state-default,select){background:#25301f;color:#e8ecdf;border-color:#445237;border-radius:4px;color-scheme:dark}
body.zeus-site .ui-datepicker :is(.ui-state-hover,.ui-state-focus){background:#354229;color:#ffe0a0;border-color:#c7a459}
body.zeus-site .ui-datepicker :is(.ui-state-active,.ui-state-highlight){background:#e8b85e;color:#201b11;border-color:#e8b85e}
body.zeus-site .ui-datepicker .ui-timepicker-div{border-top:1px solid #445237;margin-top:8px;padding-top:8px;color:#c6d1ba}
body.zeus-site [id^="noty_"][id$="_layout_container"]{max-width:calc(100vw - 24px)!important}
body.zeus-site .noty_bar .noty_message{background:#25301f!important;color:#e8ecdf!important;border:1px solid #65764d!important;box-shadow:0 8px 26px #0007;border-radius:8px;overflow-wrap:anywhere}
body.zeus-site .noty_bar .noty_message a{color:inherit!important}
body.zeus-site .noty_bar.noty_type_error .noty_message{background:#402722!important;color:#ffdbd3!important;border-color:#a86c59!important}
body.zeus-site .noty_bar.noty_type_success .noty_message{background:#293a22!important;color:#e0edce!important;border-color:#7d9a5c!important}
body.zeus-site .lightboxOverlay{background:#080e08}
body.zeus-site .lb-outerContainer,body.zeus-site .lb-container{background:#1c251a;border-radius:8px}
body.zeus-site .lightbox .lb-image{border-color:#576447;background:#1c251a}
body.zeus-site .lb-data{color:#dce5ce}
