#personal-time-workbench-overlay .twq-panel { margin-bottom: 1.3rem; }
#personal-time-workbench-overlay .twq-head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
#personal-time-workbench-overlay .twq-head h2 { font-size: 1.1rem; }
#personal-time-workbench-overlay .twq-head p { margin: .45rem 0 0; color: var(--tw-muted); font-size: .82rem; line-height: 1.6; }
#personal-time-workbench-overlay .twq-body { display: grid; gap: 1rem; margin-top: 1.2rem; }
#personal-time-workbench-overlay .twq-body > label { display: grid; gap: .45rem; color: var(--tw-text); font-size: .85rem; }
#personal-time-workbench-overlay .twq-body textarea, #personal-time-workbench-overlay .twq-body select { box-sizing: border-box; max-width: 100%; width: 100%; padding: .8rem; color: var(--tw-text); background: var(--tw-raised); border: 1px solid var(--tw-line); border-radius: .65rem; font: inherit; line-height: 1.6; color-scheme: dark; }
#personal-time-workbench-overlay .twq-body textarea { min-height: 125px; resize: vertical; }
#personal-time-workbench-overlay .twq-body :is(textarea,select,input,button):focus-visible { outline: 2px solid var(--tw-accent); outline-offset: 3px; }
#personal-time-workbench-overlay .twq-hint { margin: 0; color: var(--tw-muted); font-size: .76rem; line-height: 1.6; }
#personal-time-workbench-overlay .twq-body > button { justify-self: start; min-height: 44px; }
#personal-time-workbench-overlay .twq-preview { display: grid; gap: .5rem; }
#personal-time-workbench-overlay .twq-row { display: flex; gap: .8rem; align-items: start; padding: .8rem; border: 1px solid var(--tw-line); border-radius: .7rem; background: var(--tw-raised); }
#personal-time-workbench-overlay .twq-row > div { min-width: 0; display: grid; gap: .3rem; overflow-wrap: anywhere; font-size: .84rem; }
#personal-time-workbench-overlay .twq-row > div span { color: var(--tw-muted); font-size: .76rem; }
#personal-time-workbench-overlay .twq-kind { flex-shrink: 0; color: var(--tw-accent); font-size: .74rem; }
#personal-time-workbench-overlay .twq-invalid { border-color: #d67b7b; }
#personal-time-workbench-overlay .twq-body label.twq-consent { display: flex; align-items: start; gap: .65rem; font-size: .8rem; line-height: 1.6; }
#personal-time-workbench-overlay .twq-consent input { width: 20px; height: 20px; flex-shrink: 0; accent-color: var(--tw-accent); }
#personal-time-workbench-overlay .twq-error { color: #ffa5a5; margin: 0; font-size: .83rem; line-height: 1.6; }
#personal-time-workbench-overlay .twq-success { color: #a4dfbe; margin: 0; font-size: .83rem; line-height: 1.6; }
html.light-mode #personal-time-workbench-overlay .twq-body :is(textarea,select) { color-scheme: light; }
html.light-mode #personal-time-workbench-overlay .twq-error { color: #9c3030; }
html.light-mode #personal-time-workbench-overlay .twq-success { color: #21673f; }
.criteria-availability { --cav-bg: #182820; --cav-card: #20352a; --cav-text: #edf6ef; --cav-muted: #b6cabb; --cav-line: #416e54; --cav-link: #b0dfbf; margin: 1.25rem 0; padding: 1.2rem; border: 1px solid var(--cav-line); border-radius: 1rem; background: var(--cav-bg); color: var(--cav-text); }
html.light-mode .criteria-availability { --cav-bg: #edf7ee; --cav-card: #f8fcf8; --cav-text: #244332; --cav-muted: #4b6a57; --cav-line: #bad9c2; --cav-link: #246d40; }
.criteria-availability * { box-sizing: border-box; }
.cav-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .8rem; }
.cav-header h2 { color: var(--cav-text); margin: 0; font-size: 1.05rem; font-weight: 700; }
.cav-header p, .cav-note { margin: .4rem 0 0; font-size: .75rem; color: var(--cav-muted); line-height: 1.6; }
.criteria-availability a { color: var(--cav-link); font-size: .82rem; text-decoration: none; padding: .5rem 0; }
.criteria-availability a:hover { text-decoration: underline; }
.criteria-availability a:focus-visible { outline: 2px solid var(--cav-link); outline-offset: 4px; }
.cav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(270px,100%),1fr)); gap: .75rem; margin: 1rem 0; }
.cav-judge { min-width: 0; display: grid; gap: .6rem; padding: 1rem; border: 1px solid var(--cav-line); border-radius: .7rem; background: var(--cav-card); }
.cav-judge > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: .6rem; }
.cav-judge strong { color: var(--cav-text); font-size: .93rem; overflow-wrap: anywhere; }
.cav-judge span { color: var(--cav-muted); font-size: .76rem; overflow-wrap: anywhere; }
.cav-judge ul { margin: 0; padding: 0; list-style: none; display: grid; gap: .4rem; }
.cav-judge li { color: var(--cav-text); font-size: .82rem; line-height: 1.5; }
.cav-empty { margin: 1rem 0; color: var(--cav-muted); font-size: .84rem; line-height: 1.6; }
.cav-empty button { color: var(--cav-link); background: transparent; border: 1px solid var(--cav-line); padding: .35rem .7rem; border-radius: .4rem; cursor: pointer; }
@media(max-width:600px) {
  #personal-time-workbench-overlay .twq-head { align-items: start; flex-direction: column; }
  #personal-time-workbench-overlay .twq-panel { padding: 1rem; }
  #personal-time-workbench-overlay .twq-row { flex-direction: column; gap: .4rem; }
  .criteria-availability { padding: 1rem; }
  .cav-header { flex-direction: column; align-items: start; }
}