/* The taste survey (taste.js). Win98 chrome comes from app.css; this is the inside of the window. */
.tsw{max-height:calc(100% - 50px)}
.tsw *{font-style:normal}
.ts-main{flex:1;min-height:0;overflow-y:auto;padding:0;font-size:15px;line-height:1.45}
.ts-wait,.ts-empty{padding:18px 14px}
.ts-empty p{margin:0 0 8px}
.ts-practice{margin:0;padding:6px 14px;background:#ffef00;border-bottom:1px solid #8a7a1a;font-weight:700;font-size:14px}

.ts-head{padding:14px 16px 12px;color:#fff;background:linear-gradient(90deg,#000080,#1084d0)}
.ts-head h2{margin:0 0 4px;font-size:24px;line-height:1.15;font-weight:700}
.ts-head p{margin:0 0 4px;font-size:15.5px}
.ts-head .hint{color:#dfe8ff;margin:4px 0 0}

.ts-q{border:0;border-bottom:1px solid #c8c8c8;margin:0;padding:12px 16px 14px;min-width:0}
.ts-q legend{float:left;width:100%;padding:0;margin:0 0 6px;font-size:16px;line-height:1.35}
.ts-q legend + *{clear:both}
.ts-words{height:auto;min-height:68px;resize:vertical;font:inherit;line-height:1.4;padding:6px 7px}
.ts-help{margin:0 0 8px}
.ts-opts{display:flex;flex-direction:column;gap:4px}
.ts-opt{display:flex;gap:8px;align-items:center;padding:6px 8px;background:#fff;border:1px solid #c0c0c0;cursor:pointer}
.ts-opt:has(input:checked){background:#e8efff;border-color:#000080}
.ts-opt input{width:18px;height:18px;margin:0;flex:none;cursor:pointer}
.ts-notel{display:block;margin:10px 0 3px}
.ts-note{height:28px;font:inherit}
.ts-err{margin:8px 16px 0;color:#900}
.ts-foot{display:flex;gap:10px;align-items:center;padding:12px 16px 14px}
.ts-foot .btn{min-width:110px}

.ts-done{padding:16px}
.ts-big{margin:0 0 12px;font-size:19px;font-weight:700;color:#1d4d24}
.ts-sum{margin:0;padding:10px 12px;background:#f6f6f6;border:1px solid #c8c8c8}
.ts-sum dt{font-weight:700;margin-top:8px}
.ts-sum dt:first-child{margin-top:0}
.ts-sum dd{margin:2px 0 0;white-space:pre-wrap}
.ts-done .ts-foot{padding:14px 0 0}
.ts-next{margin:0 0 14px;padding:10px 12px;background:#ffffe1;border:1px solid #8a7a1a}
.ts-nhead{margin:0 0 8px;font-weight:700;font-size:16px}
.ts-nitem{margin:0 0 10px}
.ts-nitem:last-child{margin-bottom:0}
.ts-nitem p{margin:0 0 6px}

/* staff */
.tsw h3{margin:14px 16px 6px;font-size:16px}
.ts-tally{margin:0 16px;border-collapse:collapse;width:calc(100% - 32px)}
.ts-tally td{padding:3px 6px 3px 0;vertical-align:middle}
.ts-tally td:first-child{width:46%}
.ts-n{width:36px;text-align:right;font-weight:700;padding-right:10px !important}
.ts-bar{display:block;height:14px;min-width:2px;background:#000080}
.ts-watch{margin:0 16px;padding-left:18px;font-size:14.5px;line-height:1.45}
.ts-watch li{margin-bottom:5px}
.ts-row{margin:0 16px;padding:8px 0;border-top:1px solid #ddd}
.ts-row p{margin:2px 0;white-space:pre-wrap}
.ts-who{margin-bottom:4px !important}
.ts-qn{display:inline-block;min-width:18px;font-weight:700;color:#000080}

@media (max-width:760px){
  .tsw{max-height:none}
  .ts-head{padding:12px}
  .ts-head h2{font-size:21px}
  .ts-q{padding:12px}
  .ts-foot{padding:12px}
  .ts-foot .btn{flex:1;min-width:0;min-height:40px}
  .ts-opt{padding:9px 8px}
}