
/* SLKRD approved layout v1 */
[data-prognosis-nav]{display:none!important}
aside nav{overflow-y:auto;scrollbar-width:thin}
.slkrd-nav-section{padding:.65rem .75rem .45rem;margin-top:.75rem;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#94a3b8}
.slkrd-nav-icon{display:grid;place-items:center;width:18px;height:18px;font-size:15px}
.slkrd-admin-badge{margin-left:auto;border-radius:999px;background:#fef3c7;color:#92400e;padding:2px 7px;font-size:9px;font-weight:800;text-transform:uppercase}
.slkrd-costpocket{background:#0f766e!important;color:white!important}
.slkrd-costpocket[disabled]{opacity:.55;cursor:not-allowed}
main header{min-width:0}
table{position:relative}
table thead{position:relative!important;z-index:1!important}
table tbody{position:relative;z-index:0}
@media(max-width:1023px){
 html,body,#root{width:100%;max-width:100%;overflow-x:hidden}
 main{padding-left:0!important;width:100%;min-width:0}
 main>header{height:auto!important;min-height:64px;flex-wrap:wrap;gap:10px;padding:12px 16px!important}
 main>div,main>section{max-width:100%}
 .overflow-x-auto{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 table{min-width:760px!important}
}
@media(max-width:640px){
 main>header h1{font-size:1.25rem!important}
 main>header p{font-size:.7rem!important}
 main .grid{grid-template-columns:minmax(0,1fr)!important}
 main .flex{min-width:0}
 main button,main a{max-width:100%}
 table{min-width:0!important;display:block}
 table thead{display:none}
 table tbody{display:grid;gap:12px;padding:12px}
 table tbody tr{display:grid!important;grid-template-columns:1fr auto;border:1px solid #dbe5e9!important;border-radius:16px!important;padding:12px!important;background:inherit}
 table tbody td{display:block!important;border:0!important;padding:5px 8px!important;text-align:left!important;min-width:0}
 table tbody td:first-child{grid-column:1/-1}
 table tbody td:last-child{grid-column:2;grid-row:2/7;align-self:center}
 .slkrd-hide-mobile{display:none!important}
}
