@media screen {
  html[data-altoud-appearance] body { background: var(--office-background) !important; color: var(--office-ink); font: var(--office-weight) var(--office-size)/1.55 var(--office-font); }
  html[data-altoud-appearance] :is(button, input, select, textarea, dialog, table) { font-family: var(--office-font) !important; }
  html[data-altoud-appearance] :is(input,select,textarea,td) { font-size: var(--office-size); font-weight: var(--office-weight); }
  html[data-altoud-appearance] :is(main,dialog) :is(td,label,p) { color: var(--office-ink); }
  html[data-altoud-appearance] button:not(.secondary):not(.project-delete-button) { background-color: var(--office-accent); color: white; }
  html[data-altoud-appearance] :is(.card,.project-group,.office-table-dialog) :is(h2,h3) { color: var(--office-accent); }
}
.office-table-dialog input[type=color] { display:block; width:3.5rem; min-width:0; height:2.3rem; padding:3px; cursor:pointer; }
.office-table-dialog input[type=checkbox] { width:auto; }
.radio-dialog { width:min(720px,94vw); }
.radio-dialog audio { width:min(100%,450px); display:block; margin:12px 0; }
.radio-results { display:grid; grid-template-columns:repeat(auto-fit,minmax(175px,1fr)); gap:8px; }
.radio-results button { text-align:start; min-height:58px; }
.radio-results small { display:block; direction:ltr; text-align:start; }
.payment-paper .bill-table { table-layout:fixed; }
.payment-paper .bill-table thead th { background:#bdd6ee; }
.payment-paper .bill-table :is(td,th) { overflow-wrap:anywhere; vertical-align:middle; }
.payment-paper .bill-table td:nth-child(2) { min-width:0; }
.payment-paper .bill-table thead th { border-color:#8296a7; }
.payment-paper .bill-table td { border-color:#9babba; }
@media print {
  .radio-dialog { display:none!important; }
  .payment-paper .bill-table thead th { background:#bdd6ee; }
}

.office-table-dialog { width:min(1100px,94vw); max-height:90vh; border:1px solid #bfd2e8; border-radius:16px; padding:clamp(12px,3vw,24px); }
.radio-dialog { width:min(720px,94vw); }