/* Promidata dashboard visual refresh. Loaded after the legacy styles. */
:root{--pd-navy:#182e49;--pd-ink:#20334d;--pd-muted:#617088;--pd-orange:#f3a225;--pd-orange-dark:#d88409;--pd-canvas:#f6f8fb;--pd-border:#e5ebf2;--pd-shadow:0 12px 32px rgba(27,49,76,.075)}
html{scroll-behavior:smooth}
body{background:var(--pd-canvas);color:var(--pd-ink);font-family:Lato,Roboto,Arial,sans-serif;line-height:1.5}
h1,h2,h3,h4,h5,h6{color:var(--pd-navy);font-family:Lato,Roboto,Arial,sans-serif;font-weight:800;letter-spacing:-.025em}
a{color:#bc7309}a:hover{color:var(--pd-orange-dark)}
.header,.bg-dark,nav.bg-dark{background:var(--pd-navy)!important;box-shadow:0 5px 22px rgba(24,46,73,.13)}
.banner{background:linear-gradient(120deg,rgba(24,46,73,.98),rgba(31,66,105,.91));border-radius:0 0 22px 22px}
.sidenav{background:var(--pd-navy);box-shadow:12px 0 40px rgba(17,34,57,.25);padding-top:64px}
.sidenav a,.sidenav button#navigationItem{color:#d7e0ec;border-radius:9px;margin:2px 12px;padding:10px 14px;font-weight:600;transition:background .2s,color .2s}
.sidenav a i,.sidenav button#navigationItem i{color:#9eafc4;min-width:22px}
.sidenav a:hover,.sidenav a:focus,.sidenav button#navigationItem:hover{background:rgba(255,255,255,.10);color:#fff}
.sidenav a:hover i{color:var(--pd-orange)}
.sidenav .closebtn{right:14px;top:7px;margin:0;padding:0 12px;color:#fff;font-size:32px}
.sidenav a#support,.sidenav a#settings,.sidenav a#profileselect,.sidenav a#logout,.sidenav a#videotutorials{position:static;bottom:auto;left:auto}
.sidenav a#support{margin-top:24px;border-top:1px solid rgba(255,255,255,.14);padding-top:20px}
.card,.modal-content,.jumbotron,.dropdown-menu{background:#fff;border:1px solid var(--pd-border);border-radius:16px;box-shadow:var(--pd-shadow)}
.card{overflow:visible}
.card .card-header[class*="card-header-"]{border-radius:12px;background:var(--pd-navy);box-shadow:0 7px 18px rgba(24,46,73,.16);color:#fff}
.card .card-header[class*="card-header-"] h1,.card .card-header[class*="card-header-"] h2,.card .card-header[class*="card-header-"] h3,.card .card-header[class*="card-header-"] h4,.card .card-header[class*="card-header-"] h5,.card .card-header[class*="card-header-"] .card-title{color:#fff}
.card .card-header.card-header-warning{background:linear-gradient(115deg,#f2a326,#df8c13)}
.card .card-header.card-header-danger{background:linear-gradient(115deg,#b94d4d,#9c3d49)}
.card .card-header.card-header-success{background:linear-gradient(115deg,#368b79,#267469)}
.card .card-header.card-header-info{background:linear-gradient(115deg,#366b9c,#245680)}
.card-body{color:var(--pd-ink)}.card-footer{border-color:var(--pd-border);background:#fff}
.btn,.btn.btn-rounded,.btn.rounded-pill{border-radius:10px!important;text-transform:none;font-weight:700;letter-spacing:0;box-shadow:none;transition:transform .18s,box-shadow .18s,background .18s}
.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(24,46,73,.14)}
.btn-elegant,.btn-primary,.btn-warning,.btn-orange{background:var(--pd-orange)!important;color:#fff!important}
.btn-elegant:hover,.btn-primary:hover,.btn-warning:hover{background:var(--pd-orange-dark)!important}
.btn-outline-primary,.btn-outline-warning{border-color:var(--pd-orange)!important;color:var(--pd-orange-dark)!important}
.btn-outline-primary:hover,.btn-outline-warning:hover{background:var(--pd-orange)!important;color:#fff!important}
.form-control,select.form-control,.custom-select,.custom-file-label{border:1px solid #d8e1eb;border-radius:10px;background-color:#fff;color:var(--pd-ink)}
.form-control:focus,select.form-control:focus,.custom-select:focus{border-color:var(--pd-orange);box-shadow:0 0 0 3px rgba(243,162,37,.17)}
label{color:var(--pd-ink);font-weight:600}input[type=checkbox],input[type=radio]{accent-color:var(--pd-orange)}
.table{color:var(--pd-ink)}.table thead th{color:var(--pd-navy);background:#f1f5fa;font-weight:800;border-bottom:1px solid var(--pd-border)}
.table td,.table th{border-color:var(--pd-border)}.table-striped>tbody>tr:nth-child(2n+1)>td,.table-striped>tbody>tr:nth-child(2n+1)>th{background:#f8fafc}
.table.table-hover tbody tr:hover{background:#fff9ed}
.pagination .page-item.active .page-link{background:var(--pd-navy);border-color:var(--pd-navy)}
.nav-tabs{border-bottom:1px solid var(--pd-border)}.nav-tabs .nav-link.active{color:var(--pd-orange-dark)!important;border-bottom:2px solid var(--pd-orange)!important}
.footer{height:auto;min-height:34px;background:var(--pd-navy);font-size:12px;box-shadow:none}
.modal-content{overflow:hidden}.modal-header{border-color:var(--pd-border)}.modal-footer{border-color:var(--pd-border)}
@media(max-width:767px){.content{width:94%;padding-bottom:65px}.card{width:100%;margin:16px 0}.card-body{padding:18px}.sidenav{max-width:min(300px,90vw)}.table-responsive{overflow-x:auto}.banner{padding:22px 18px}}
/* Sign in: same form action and field names, new presentation. */
body.pd-login{background:#fff!important;min-height:100vh;overflow-x:hidden}
.pd-login .footer{position:static;background:var(--pd-navy);min-height:56px}
.pd-login-shell{min-height:calc(100vh - 56px);display:flex;flex-direction:column}
.pd-login-top{height:84px;display:flex;align-items:center;justify-content:space-between;max-width:1220px;width:100%;margin:auto;padding:0 32px;border-bottom:1px solid var(--pd-border)}
.pd-wordmark{font-size:29px;font-weight:800;letter-spacing:-.075em;color:var(--pd-orange);line-height:1}.pd-wordmark span{color:var(--pd-navy)}
.pd-top-label{color:var(--pd-muted);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.pd-login-main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,440px);gap:clamp(36px,7vw,110px);align-items:center;max-width:1220px;width:100%;margin:auto;padding:70px 32px 85px}
.pd-login-story{max-width:600px}.pd-eyebrow{display:inline-block;color:var(--pd-orange-dark);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px}
.pd-login-story h1{font-size:clamp(42px,5vw,68px);line-height:1.05;margin:0 0 24px;letter-spacing:-.055em}.pd-login-story h1 em{color:var(--pd-orange);font-style:normal}
.pd-login-story p{font-size:18px;line-height:1.75;color:var(--pd-muted);max-width:460px}
.pd-login-visual{height:164px;display:flex;align-items:flex-end;gap:14px;margin-top:50px;max-width:510px}
.pd-visual-card{flex:1;background:#fff;border:1px solid var(--pd-border);border-radius:18px;padding:18px 16px;box-shadow:var(--pd-shadow);height:135px}
.pd-visual-card:nth-child(2){height:164px;background:var(--pd-navy);color:#fff}.pd-visual-card:nth-child(3){height:118px}
.pd-visual-card i{font-size:21px;color:var(--pd-orange)}.pd-visual-card span{display:block;font-size:12px;font-weight:700;margin-top:20px}.pd-visual-card:nth-child(2) span{color:#fff}
.pd-login-panel{background:#fff;border:1px solid var(--pd-border);border-radius:22px;padding:clamp(28px,4vw,48px);box-shadow:0 22px 60px rgba(24,46,73,.11)}
.pd-login-panel h2{font-size:30px;margin-bottom:9px}.pd-login-panel .pd-subtitle{color:var(--pd-muted);font-size:14px;margin-bottom:30px}
.pd-login-panel .form-group{margin-bottom:21px}.pd-login-panel label{font-size:13px;margin-bottom:9px}.pd-login-panel .form-control{height:48px;padding:10px 15px;background:#fbfcfe;width:100%}
.pd-login-panel #signin{width:100%!important;height:48px;margin:9px 0 22px;border-radius:10px!important;background:var(--pd-orange)!important;font-size:14px}
.pd-login-panel .pd-login-note{border-top:1px solid var(--pd-border);padding-top:20px;color:var(--pd-muted);font-size:12px;line-height:1.7}.pd-login-panel .pd-login-note small{font-size:12px}.pd-login-panel .pd-login-note b small{color:var(--pd-orange-dark)!important}
@media(max-width:800px){.pd-login-main{grid-template-columns:1fr;gap:40px;padding:50px 24px 75px}.pd-login-story h1{font-size:44px}.pd-login-visual{display:none}.pd-login-panel{max-width:520px;width:100%;margin:auto}.pd-login-top{padding:0 24px}}
@media(max-width:480px){.pd-login-top{height:72px}.pd-wordmark{font-size:25px}.pd-top-label{font-size:10px}.pd-login-main{padding:38px 18px 65px}.pd-login-story h1{font-size:38px}.pd-login-story p{font-size:15px}.pd-login-panel{padding:26px 22px}}
/* The legacy login template prints its footer before its page content. */
body.pd-login{display:flex;flex-direction:column}
.pd-login .pd-login-shell{order:-1;width:100%}
.pd-login .footer{order:1;width:100%}

/* Dashboard refinement: neutral surfaces across all profile and admin pages. */
:root{--pd-shadow:0 8px 28px rgba(24,46,73,.055)}
body{font-weight:400}
h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.015em}
.card .card-title,.card .card-header .card-title{font-weight:600!important;letter-spacing:-.01em}
.btn,.btn.btn-rounded,.btn.rounded-pill{font-weight:600}
label,.table thead th{font-weight:600}
.pd-wordmark{font-weight:700}.pd-login-story h1{font-weight:700}.pd-eyebrow,.pd-top-label{font-weight:600}
/* Material Dashboard applies its strong gradients to both headers and icon tiles. */
.card .card-header[class*="card-header-"]:not(.card-header-image),
.card .card-header.card-header-primary,
.card .card-header.card-header-info,
.card .card-header.card-header-success,
.card .card-header.card-header-warning,
.card .card-header.card-header-danger,
.card .card-header.card-header-secondary,
.card .card-header.card-header-rose{
  background:#fff!important;color:var(--pd-navy)!important;
  border:0!important;border-bottom:1px solid var(--pd-border)!important;
  border-radius:15px 15px 0 0!important;
  box-shadow:none!important;
}
.card [class*="card-header-"]:not(.card-header-icon):not(.card-header-text):not(.card-header-image){
  margin:0!important;padding:17px 22px!important;
}
.card .card-header[class*="card-header-"] .card-title,
.card .card-header[class*="card-header-"] h1,
.card .card-header[class*="card-header-"] h2,
.card .card-header[class*="card-header-"] h3,
.card .card-header[class*="card-header-"] h4,
.card .card-header[class*="card-header-"] h5,
.card .card-header[class*="card-header-"] .card-category{
  color:var(--pd-navy)!important;text-shadow:none!important;
}
.card .card-header[class*="card-header-"] .card-category{color:var(--pd-muted)!important}
.card .card-header[class*="card-header-"] .card-title{margin:0!important;font-size:1.16rem;line-height:1.35}
/* Action tiles: one quiet visual language, independent of their Bootstrap color class. */
.card.card-stats{border:1px solid var(--pd-border);border-radius:15px;box-shadow:var(--pd-shadow);overflow:hidden;min-height:100px;transition:transform .18s ease,box-shadow .18s ease}
.card.card-stats[onclick]:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(24,46,73,.10)}
.card.card-stats .card-header.card-header-icon{
  background:#fff!important;border:0!important;border-radius:15px!important;box-shadow:none!important;
  padding:19px 18px!important;min-height:98px;display:flex;align-items:center;gap:14px;text-align:left;
}
.card.card-stats .card-header .card-icon{
  float:none!important;flex:0 0 48px;width:48px;height:48px;margin:0!important;padding:0!important;
  display:flex;align-items:center;justify-content:center;
  background:#fff6e7!important;color:var(--pd-orange-dark)!important;border-radius:12px!important;box-shadow:none!important;
}
.card.card-stats .card-header.card-header-icon .card-icon i{
  color:var(--pd-orange-dark)!important;font-size:20px!important;line-height:1!important;width:auto!important;height:auto!important;
}
.card.card-stats .card-header.card-header-icon .card-category{display:none}
.card.card-stats .card-header.card-header-icon .card-title{
  margin:0!important;padding:0!important;color:var(--pd-navy)!important;font-size:15px!important;font-weight:600!important;line-height:1.3;text-align:left;
}
.card.card-stats .card-header.card-header-icon .card-title::after{content:'  →';color:var(--pd-orange-dark);font-weight:400}
/* Compact menu; leave scrolling available only when the viewport itself is short. */
.sidenav{z-index:1001;padding-top:49px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#73869e transparent}
.sidenav a,.sidenav button#navigationItem{margin:0 9px;padding:5px 12px;font-size:13px;line-height:19px;font-weight:400;border-radius:7px}
.sidenav i{font-size:13px;min-width:18px}
.sidenav hr{margin:4px 17px!important;border-color:rgba(255,255,255,.13)}
.sidenav .closebtn{position:absolute;top:3px;right:9px;margin:0;padding:0 10px;line-height:38px}
.sidenav a#support{margin-top:8px;padding-top:10px}
.sidenav a#settings,.sidenav a#profileselect,.sidenav a#logout,.sidenav a#videotutorials{margin-top:0}
body:not(.pd-login) .footer{z-index:5;pointer-events:none}
body:not(.pd-login){padding-bottom:40px}
@media(max-height:760px){.sidenav{padding-top:42px}.sidenav a,.sidenav button#navigationItem{padding-top:3px;padding-bottom:3px;line-height:18px}.sidenav hr{margin:2px 17px!important}}
@media(max-width:767px){.card.card-stats{min-height:88px}.card.card-stats .card-header.card-header-icon{min-height:86px;padding:14px!important}.card.card-stats .card-header .card-icon{flex-basis:40px;width:40px;height:40px}}

/* Final color and spacing pass for links, buttons and cards. */
.card{margin-top:8px!important;margin-bottom:8px!important}
.card .card{margin-top:8px!important;margin-bottom:8px!important}
.pd-dashboard-home .row[style*="margin-bottom: 22px"]{margin-bottom:0!important}
.pd-dashboard-home .row[style*="margin-top: 6px"]{margin-top:0!important}
/* Keep Bootstrap button variants but give them one coherent palette. */
.btn.btn-info,.btn.btn-success,.btn.btn-secondary,.btn.btn-dark,
a.btn.btn-info,a.btn.btn-success,a.btn.btn-secondary,a.btn.btn-dark{
  background:var(--pd-navy)!important;border-color:var(--pd-navy)!important;color:#fff!important;box-shadow:none!important;
}
.btn.btn-info:hover,.btn.btn-success:hover,.btn.btn-secondary:hover,.btn.btn-dark:hover{
  background:#294866!important;border-color:#294866!important;
}
.btn.btn-danger{background:#a85050!important;border-color:#a85050!important;color:#fff!important;box-shadow:none!important}
.btn.btn-danger:hover{background:#8f4040!important;border-color:#8f4040!important}
.btn.btn-outline-info,.btn.btn-outline-success,.btn.btn-outline-secondary,.btn.btn-outline-light,
a.btn.btn-outline-info,a.btn.btn-outline-success,a.btn.btn-outline-secondary,a.btn.btn-outline-light{
  background:transparent!important;border:1px solid var(--pd-navy)!important;color:var(--pd-navy)!important;box-shadow:none!important;
}
.btn.btn-outline-info:hover,.btn.btn-outline-success:hover,.btn.btn-outline-secondary:hover,.btn.btn-outline-light:hover{
  background:var(--pd-navy)!important;color:#fff!important;
}
.btn.btn-outline-danger,a.btn.btn-outline-danger{
  background:transparent!important;border:1px solid #a85050!important;color:#a85050!important;box-shadow:none!important;
}
.btn.btn-outline-danger:hover{background:#a85050!important;color:#fff!important}
.btn.btn-outline-primary,.btn.btn-outline-warning{
  background:transparent!important;border:1px solid var(--pd-orange-dark)!important;color:var(--pd-orange-dark)!important;box-shadow:none!important;
}
.btn.btn-outline-primary:hover,.btn.btn-outline-warning:hover{background:var(--pd-orange)!important;color:#fff!important}
a.text-primary,a.text-info,a.text-success,a.text-warning{color:var(--pd-orange-dark)!important}
a.text-danger{color:#a85050!important}
/* Older styles enlarge menu labels on tall monitors. Keep the compact size there too. */
@media screen and (min-height:900px){.sidenav a,.sidenav button#navigationItem{font-size:13px!important}}
@media(max-width:767px){.card{margin-top:7px!important;margin-bottom:7px!important}}
/* Bootstrap's 30px column gutters made adjacent cards feel too far apart. */
.pd-dashboard-home .row > [class*="col-"],.pd-dashboard-home .row > .col{padding-left:10px;padding-right:10px}
/* Shared accent for links and icons formerly colored in inline HTML. */
.pd-accent-link,.pd-accent-link i,.pd-clickable-accent{color:var(--pd-orange-dark)!important;font-weight:500}
.pd-accent-link:hover{color:var(--pd-navy)!important}
/* Push utility actions to the bottom without fixed positioning over page chrome. */
.sidenav{display:flex;flex-direction:column;align-items:stretch}
.sidenav > a:not(.closebtn),.sidenav > button,.sidenav > hr{flex-shrink:0}
.sidenav a#support{margin-top:auto!important}
.sidenav a#profileselect{margin-top:0!important}
.sidenav.pd-admin-nav a#profileselect{margin-top:auto!important}
.sidenav a#logout{margin-bottom:12px}

.pd-ink-link{color:var(--pd-navy)!important}.pd-ink-link:hover{color:var(--pd-orange-dark)!important}
.pd-muted-link{color:var(--pd-muted)!important}.pd-muted-link:hover{color:var(--pd-orange-dark)!important}
.pd-light-link{color:#fff!important}.pd-light-link:hover{color:#ffca72!important}
.pd-error-link{color:#a85050!important}.pd-error-link:hover{color:#843c3c!important}
/* Profile selection and actions previously carried fixed Bootstrap colors. */
body.selectProfile .card.card-stats{background:#fff!important}
body.selectProfile .card.card-stats .card-header.card-header-icon > i{color:var(--pd-orange-dark)!important}
body.selectProfile .card.card-stats .card-header.card-header-icon > .card-title{color:var(--pd-navy)!important;font-weight:600!important}
.pd-dashboard-home input#accordDTShop{background:var(--pd-navy)!important;color:#fff!important}
.pd-dashboard-home input#deleteDTShop{background:#a85050!important;color:#fff!important}

/* Keep the Add suppliers action outside the table's scrolling viewport. */
#editSuppAndPG #editform > input.btn-block {
    display: block;
    width: 100%;
    margin: 0 0 12px !important;
    border: 1px solid var(--pd-navy) !important;
    box-sizing: border-box;
}

/* Typography: raise the dashboard's base size and its previously fixed small labels. */
html { font-size: 17px; }
body { font-size: 1rem; }
.btn, .btn.btn-rounded, .btn.rounded-pill { font-size: 14px; }
.sidenav a, .sidenav button#navigationItem { font-size: 14px; }
@media screen and (min-height:900px) {
    .sidenav a, .sidenav button#navigationItem { font-size: 15px !important; }
}
.card.card-stats .card-header.card-header-icon .card-title { font-size: 16px !important; }
.card-stats .card-header .card-category:not([class*="text-"]) { font-size: 15px; }
.card .card-header[class*="card-header-"] .card-title { font-size: calc(1.16rem + 1px); }
.footer { font-size: 13px; }
small { font-size: calc(.8em + 1px); }

/* The dashboard wordmark keeps each word distinct until hover. */
.pd-dashboard-brand, .pd-dashboard-brand:focus { color: #fff !important; text-decoration: none; }
.pd-dashboard-brand .pd-brand-name { color: var(--pd-orange) !important; }
.pd-dashboard-brand .pd-brand-dashboard { color: #fff !important; }
.pd-dashboard-brand:hover .pd-brand-name,
.pd-dashboard-brand:hover .pd-brand-dashboard,
.pd-dashboard-brand:focus-visible .pd-brand-name,
.pd-dashboard-brand:focus-visible .pd-brand-dashboard { color: var(--pd-orange) !important; }

/* Material Dashboard defines more specific purple/red :focus and :active rules.
   Keep all interactive states within the same brand palette. */
.btn.btn-outline-primary,
.btn.btn-outline-warning {
    background-color: transparent !important;
    color: var(--pd-orange-dark) !important;
    border: 1px solid var(--pd-orange-dark) !important;
    box-shadow: none !important;
}
.btn.btn-outline-primary:is(:focus,:active,.focus,.active):not(:disabled),
.btn.btn-outline-warning:is(:focus,:active,.focus,.active):not(:disabled) {
    background-color: #fff7e9 !important;
    color: var(--pd-navy) !important;
    border-color: var(--pd-orange-dark) !important;
    box-shadow: 0 0 0 3px rgba(243,162,37,.15) !important;
}
.btn.btn-outline-primary:hover:not(:disabled),
.btn.btn-outline-warning:hover:not(:disabled),
.btn.btn-outline-primary:is(:active,.active):hover:not(:disabled),
.btn.btn-outline-warning:is(:active,.active):hover:not(:disabled) {
    background-color: var(--pd-orange) !important;
    color: #fff !important;
    border-color: var(--pd-orange-dark) !important;
    box-shadow: none !important;
}
a#btnRight.btn.btn-outline-primary:is(:hover,:focus,:active,.focus,.active) {
    background-color: var(--pd-orange) !important;
    color: #fff !important;
    border-color: var(--pd-orange-dark) !important;
}
/* Outline danger was used for ordinary actions such as 'Verzenden'. */
.btn.btn-outline-danger, a.btn.btn-outline-danger {
    background-color: transparent !important;
    color: var(--pd-navy) !important;
    border: 1px solid var(--pd-navy) !important;
    box-shadow: none !important;
}
.btn.btn-outline-danger:is(:focus,:active,.focus,.active):not(:disabled) {
    background-color: var(--pd-canvas) !important;
    color: var(--pd-navy) !important;
    border-color: var(--pd-navy) !important;
    box-shadow: 0 0 0 3px rgba(24,46,73,.14) !important;
}
.btn.btn-outline-danger:hover:not(:disabled),
.btn.btn-outline-danger:is(:active,.active):hover:not(:disabled) {
    background-color: var(--pd-navy) !important;
    color: #fff !important;
    border-color: var(--pd-navy) !important;
    box-shadow: none !important;
}
/* Remaining outline variants also need visible text after a context click. */
.btn.btn-outline-info:is(:focus,:active,.focus,.active):not(:disabled),
.btn.btn-outline-success:is(:focus,:active,.focus,.active):not(:disabled),
.btn.btn-outline-secondary:is(:focus,:active,.focus,.active):not(:disabled),
.btn.btn-outline-light:is(:focus,:active,.focus,.active):not(:disabled) {
    background-color: var(--pd-canvas) !important;
    color: var(--pd-navy) !important;
    border-color: var(--pd-navy) !important;
    box-shadow: 0 0 0 3px rgba(24,46,73,.14) !important;
}
.btn.btn-outline-info:hover:not(:disabled),
.btn.btn-outline-success:hover:not(:disabled),
.btn.btn-outline-secondary:hover:not(:disabled),
.btn.btn-outline-light:hover:not(:disabled),
.btn.btn-outline-info:is(:active,.active):hover:not(:disabled),
.btn.btn-outline-success:is(:active,.active):hover:not(:disabled),
.btn.btn-outline-secondary:is(:active,.active):hover:not(:disabled),
.btn.btn-outline-light:is(:active,.active):hover:not(:disabled) {
    background-color: var(--pd-navy) !important;
    color: #fff !important;
    border-color: var(--pd-navy) !important;
    box-shadow: none !important;
}
/* Filled Bootstrap variants use the same colors when focused or pressed. */
.btn.btn-primary:is(:hover,:focus,:active,.focus,.active):not(:disabled),
.btn.btn-warning:is(:hover,:focus,:active,.focus,.active):not(:disabled),
.btn.btn-elegant:is(:hover,:focus,:active,.focus,.active):not(:disabled) {
    background-color: var(--pd-orange-hover) !important;
    color: #fff !important;
    border-color: var(--pd-orange-hover) !important;
    box-shadow: none !important;
}
.btn.btn-info:is(:hover,:focus,:active,.focus,.active):not(:disabled),
.btn.btn-success:is(:hover,:focus,:active,.focus,.active):not(:disabled),
.btn.btn-secondary:is(:hover,:focus,:active,.focus,.active):not(:disabled),
.btn.btn-dark:is(:hover,:focus,:active,.focus,.active):not(:disabled) {
    background-color: var(--pd-navy-hover) !important;
    color: #fff !important;
    border-color: var(--pd-navy-hover) !important;
    box-shadow: none !important;
}

.pd-login-panel input:invalid {
    border: 1px solid #d8e1eb;
}

.pd-login-panel input:invalid:focus {
    border-color: var(--pd-orange);
}

.modal .modal-content {
    background: #fff;
    color: var(--pd-ink);
    border: 1px solid var(--pd-border);
    border-radius: 16px;
    box-shadow: 0 24px 60px rgba(24, 46, 73, .18);
    overflow: hidden;
}

.modal .modal-header {
    padding: 20px 24px;
    background: #fff;
    border-bottom: 1px solid var(--pd-border);
}

.modal .modal-title {
    color: var(--pd-navy);
    font-weight: 600;
}

.modal .modal-header .close {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    margin: -6px -8px -6px auto;
    border-radius: 9px;
    color: var(--pd-muted);
    opacity: 1;
}

.modal .modal-header .close:hover {
    background: var(--pd-canvas);
    color: var(--pd-navy);
}

.modal .modal-body {
    padding: 24px;
    color: var(--pd-ink);
}

.modal .modal-footer {
    padding: 16px 24px;
    gap: 8px;
    background: #f8fafc;
    border-top: 1px solid var(--pd-border);
}

.modal-backdrop.show {
    opacity: .45;
}

@media (max-width: 576px) {
    .modal .modal-header,
    .modal .modal-body,
    .modal .modal-footer {
        padding-left: 18px;
        padding-right: 18px;
    }
}

input, button, select, optgroup, textarea {
    font-size: 15px;
}


.modal .modal-content > form {
    margin-bottom: 0;
}

.footer { padding: 0; }