/* Compact labels and numbers shrink with their container, never digit by digit.
   Long report text and editable fields retain their natural wrapping/size. */
.kimia-page-bar{container-type:inline-size;gap:clamp(6px,1.2vw,12px)}
.kimia-page-bar h1{font-size:clamp(16px,4.3cqi,24px);overflow-wrap:normal}
.kimia-page-bar p{font-size:12px}
.kimia-page-count,.kimia-page-bar h1 small,.kimia-page-back{white-space:nowrap}
.kimia-page-back .kimia-icon{flex:none}
.kimia-page-count{display:inline-block;font-variant-numeric:tabular-nums}
.kimia-inbox-queue__heading [data-inbox-count],.kimia-inbox-priority{flex:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.kimia-inbox-priority::before{flex:none}
.kimia-inbox-row__foot time{display:inline-block;white-space:nowrap;font-variant-numeric:tabular-nums}
.kimia-inbox-kinds button{white-space:nowrap}

/* Unequal labels need unequal space. Extremely large counts can scroll within
   the controls, without pushing the whole page wider or concealing a value. */
body .kimia-manager-sections{grid-template-columns:minmax(max-content,1.5fr) minmax(max-content,1fr);gap:6px;overflow-x:auto}
body :is(.kimia-manager-sections,.kimia-support-sections) a{min-height:48px;gap:5px;padding-inline:clamp(6px,1.6vw,12px);font-size:clamp(12px,3.7vw,14px)}
body :is(.kimia-manager-sections,.kimia-support-sections) a>span{white-space:nowrap}
body :is(.kimia-manager-sections,.kimia-support-sections) b{flex:none;white-space:nowrap;min-width:1.6rem;font-variant-numeric:tabular-nums}

@media(max-width:480px){
 .kimia-page-back{gap:5px;padding-inline:8px;font-size:12px}
 .kimia-inbox-kinds button{flex-basis:136px;padding-inline:6px}
 .kimia-inbox-row__title{font-size:14px}
 body .kimia-support-sections a{padding-inline:4px}
}
