/* KDB overview queues, based on the Meridian work-overview interaction. */
.kdb-overview-board{position:relative;isolation:isolate;overflow:hidden;margin:0 0 16px;padding:22px;border:1px solid #315653;border-radius:16px;background:#122b30;box-shadow:0 17px 38px #132e3026}
.kdb-overview-board::before{position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(155deg,transparent 0 85px,#a993ce16 86px 87px,transparent 88px 162px);content:"";pointer-events:none}
.kdb-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:17px}
.kdb-overview-head h2{margin:0;color:#f4f8f5;font-size:22px;line-height:1.25;letter-spacing:-.025em}
.kdb-overview-head p{margin:5px 0 0;color:#b9d1c9;font-size:12px;line-height:1.5}
.kdb-overview-head>span{flex:none;padding:7px 11px;border:1px solid #4f7975;border-radius:999px;color:#c3ecda;font-size:11px;line-height:1.25}
.kdb-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:4px 3px 7px}
.kdb-overview-card{--tilt:-1deg;display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:164px;padding:16px 17px 14px;border:1px solid #ffffff88;border-radius:13px;background:var(--card-surface);color:#15353c;text-align:left;box-shadow:0 13px 24px #07171e38;transform:rotate(var(--tilt));transform-origin:50% 80%;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease;cursor:pointer;touch-action:manipulation}
.kdb-overview-card:nth-child(even){--tilt:1deg}
.kdb-overview-card:hover:not(:disabled){border-color:#ffffff88;background:var(--card-surface);transform:rotate(0) translateY(-5px);box-shadow:0 18px 29px #07171e4d}
.kdb-overview-card:focus-visible{outline:3px solid #a9efcf;outline-offset:3px}
.kdb-overview-card[aria-pressed="true"]{outline:3px solid #a9efcf;outline-offset:3px}
.kdb-overview-all{--card-surface:linear-gradient(140deg,#d8c5f4,#bda7ec)}
.kdb-overview-approved{--card-surface:linear-gradient(140deg,#aeebea,#70d3d6)}
.kdb-overview-unapproved{--card-surface:linear-gradient(140deg,#ffe5a7,#ffd17a)}
.kdb-overview-mine{--card-surface:linear-gradient(140deg,#f5c8df,#eca6c8)}
.kdb-overview-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.kdb-overview-card-top strong{font-size:16px;line-height:1.25}
.kdb-overview-card-top svg{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kdb-overview-card-subtitle{margin-top:3px;color:#2c4c51;font-size:11px;line-height:1.35}
.kdb-overview-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:7px;margin-top:auto;padding-top:11px;border-top:1px solid #14353c3d}
.kdb-overview-count{display:flex;align-items:baseline;gap:5px;font-size:37px;font-weight:760;line-height:1;font-variant-numeric:tabular-nums}
.kdb-overview-count small{font-size:10px;font-weight:650;white-space:nowrap}
.kdb-overview-action{display:inline-flex;align-items:center;justify-content:flex-end;gap:2px;max-width:48%;font-size:11px;font-weight:750;line-height:1.25;text-align:right}
.kdb-overview-action svg{flex:none;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1100px){.kdb-overview-board{padding:18px}.kdb-overview-grid{gap:9px}.kdb-overview-card{min-height:150px;padding:13px}.kdb-overview-card-top strong{font-size:14px}.kdb-overview-count{font-size:31px}}
@media(max-width:720px){.kdb-overview-board{margin-bottom:14px;padding:15px 13px;border-radius:12px}.kdb-overview-head{align-items:center;gap:10px;margin-bottom:12px}.kdb-overview-head h2{font-size:18px}.kdb-overview-head p{max-width:26ch;font-size:10px}.kdb-overview-head>span{padding:5px 7px;font-size:9px}.kdb-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:3px 3px 5px}.kdb-overview-card{min-height:128px;padding:12px;border-radius:10px;transform:none}.kdb-overview-card:nth-child(even){transform:none}.kdb-overview-card:hover{transform:translateY(-3px)}.kdb-overview-card-top strong{font-size:14px}.kdb-overview-card-top svg{width:17px;height:17px}.kdb-overview-card-subtitle{font-size:10px}.kdb-overview-card-bottom{padding-top:7px}.kdb-overview-count{font-size:28px}.kdb-overview-count small{font-size:9px}.kdb-overview-action{font-size:9px}.kdb-overview-action svg{width:11px;height:11px}}
@media(max-width:360px){.kdb-overview-board{padding:13px 11px}.kdb-overview-head>span{display:none}.kdb-overview-grid{gap:7px}.kdb-overview-card{min-height:124px;padding:10px}.kdb-overview-card-top strong{font-size:12px}.kdb-overview-card-subtitle{font-size:9px}.kdb-overview-count{font-size:26px}.kdb-overview-action{font-size:9px}}
@media(prefers-reduced-motion:reduce){.kdb-overview-card{transition:none!important}.kdb-overview-card:hover{transform:none!important}}