/* Comfortable touch targets without changing the desktop visual language. */
/* Control boundaries remain visible on both the input and panel backgrounds. */
input,select,textarea{border-color:#7a8c82}
nav a{display:inline-flex;align-items:center;min-height:44px}
summary{cursor:pointer;min-height:44px;padding:10px 0}
.metric strong{overflow-wrap:anywhere;text-align:right}
.panel,.fields>*{min-width:0}
@media(max-width:480px){
 .fields{grid-template-columns:1fr}
 .actions button,.actions .button{width:100%}
 .board{grid-template-columns:1fr;overflow:visible}
 .board .panel{width:100%}
 nav{gap:4px 16px}
 .metric{gap:12px;flex-wrap:wrap}
}