/* v1.7: readable matrix and strict clockwise seating */
@media (min-width:1001px){
 body.matrix-mode{overflow:hidden}
 #ranges.on{height:calc(100vh - 76px)!important;padding:5px 8px 7px!important;grid-template-rows:auto auto minmax(0,1fr)!important;gap:5px!important}
 #ranges>.head{display:none!important}
 #ranges .chart-manager{margin:0!important}
 #ranges .chart-manager-head{min-height:48px!important;padding:5px 9px!important}
 #ranges .chart-manager-head>div:first-child{display:none!important}
 #ranges .manager-actions{width:100%;display:flex!important;justify-content:flex-end;gap:6px!important}
 #ranges .manager-actions button,#ranges .manager-actions label{min-height:38px!important;height:38px!important;padding:0 11px!important;font-size:10px!important}
 #ranges .folder-training{min-height:46px!important;padding:4px 8px!important;grid-template-columns:minmax(170px,1fr) 260px auto auto auto!important;gap:6px!important}
 #ranges .folder-training>div span{font-size:7px!important}
 #ranges .folder-training>div b{font-size:10px!important}
 #ranges .folder-training select,#ranges .folder-training button{height:38px!important;padding:0 10px!important;font-size:10px!important}
 #ranges .controls{min-height:44px!important;height:44px!important;margin:0!important;padding:3px 6px!important;display:flex!important;align-items:center!important;gap:7px!important}
 #ranges .controls label{display:none!important}
 #ranges .controls select{height:36px!important;min-width:235px!important}
 #ranges .controls .pill{height:34px!important;display:flex!important;align-items:center!important;padding:0 10px!important}
 #ranges .controls .btn{height:36px!important;min-height:36px!important;padding:0 13px!important}
 #ranges .layout{display:block!important;height:100%!important;min-height:0!important}
 #ranges .layout>.panel,#ranges .layout>aside{display:none!important}
 #ranges .matrix-wrap{width:100%!important;height:100%!important;padding:5px!important;border-radius:5px!important}
 #ranges .legend{height:25px!important;padding:1px 3px!important;font-size:10px!important}
 #ranges .grid{height:calc(100% - 25px)!important;width:100%!important;grid-template-columns:repeat(13,minmax(0,1fr))!important;grid-template-rows:repeat(13,minmax(0,1fr))!important;gap:2px!important}
 #ranges .cell{aspect-ratio:auto!important;min-height:43px!important;border-radius:2px!important;padding:5px!important;text-align:left!important;align-content:space-between!important}
 #ranges .cell b{font-size:clamp(12px,1.55vh,16px)!important;line-height:1!important;text-shadow:0 1px 2px #000!important}
 #ranges .cell small{font-size:clamp(7px,.9vh,10px)!important;line-height:1!important;text-align:right!important;align-self:end!important}
 #ranges:fullscreen{height:100vh!important;padding:5px!important}
 #ranges:fullscreen .cell{min-height:46px!important}
}
#pre .table-chip[data-slot]{transition:left .28s ease,right .28s ease,top .28s ease,bottom .28s ease,box-shadow .28s ease!important}
#pre .clockwise-note{position:absolute;left:50%;top:13%;transform:translateX(-50%);font-size:8px;letter-spacing:.16em;color:#4ac6dd99;white-space:nowrap}
@media(max-height:760px) and (min-width:1001px){#ranges .folder-training>div{display:none!important}#ranges .folder-training{grid-template-columns:260px auto auto auto!important}#ranges .cell{min-height:36px!important;padding:3px!important}#ranges .cell b{font-size:12px!important}#ranges .cell small{font-size:7px!important}}