/* Submit app extras on top of win95.css */
label { display: block; font-weight: bold; margin: 14px 0 3px; }
label.btn { display: inline-block; margin: 0; font-weight: normal; }
input[type=text], textarea {
  width: 100%; font: inherit; font-size: 16px; /* 16px stops iOS zoom-on-focus */
  padding: 4px 6px; background: #fff; border-radius: 0;
  border: 2px solid; border-color: #808080 #fff #fff #808080;
}
textarea { min-height: 220px; resize: vertical; }
.hint { font-size: 12px; color: #555; margin: 4px 0 0; }
.msg { margin: 10px 0 0; min-height: 1.4em; }
.msg.err { color: #c00000; font-weight: bold; }
.drop { margin-top: 6px; padding: 14px; text-align: center; border: 2px dashed #808080; background: #f4f4f4; }
.drop.over { background: #ffffcc; border-color: #000080; }
.thumbs { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; justify-content: center; }
.th { width: 104px; padding: 3px; background: #c0c0c0; border: 2px solid; border-color: #808080 #fff #fff #808080; }
.th img { display: block; width: 100%; height: 72px; object-fit: cover; background: #fff; }
.th .n { font-size: 11px; text-align: center; margin: 2px 0; }
.th .btn { padding: 1px 4px; min-height: 26px; font-size: 12px; }
.thbtns { display: flex; gap: 3px; justify-content: space-between; }
.row { display: flex; gap: 8px; margin-top: 16px; flex-wrap: wrap; }
.who { flex: 1; min-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gsi { margin: 16px 0 6px; min-height: 44px; }
.entry-actions { margin-left: auto; display: flex; gap: 4px; align-self: center; }
#entries li { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }