/* Deploy 296 readability (generated) */
@media screen{
body{color:var(--text)}
h1{font-size:1.35rem;color:var(--gold)}
.sub{font-size:14.8px;color:var(--muted)}
.composer h2{font-size:1rem}
.field label{font-size:14.2px;color:var(--muted)}
.field input[type="text"], .field textarea, .field select{font-size:15.2px;color:var(--text)}
.attach-list-item{font-size:14.6px}
.attach-remove{font-size:15.2px;color:var(--danger)}
.editing-banner{font-size:14.6px;color:var(--info)}
.type-row label{font-size:14.8px;color:var(--text)}
.file-drop{font-size:14.8px;color:var(--muted)}
.file-drop:hover{color:var(--gold)}
.file-drop.has-file{color:var(--text)}
.btn{font-size:15.2px}
.btn-gold{color:rgb(36, 26, 0)}
.btn-ghost{color:var(--muted)}
.notice-title{font-size:1rem}
.badge{font-size:13.4px}
.badge.info{color:var(--info)}
.badge.warning{color:var(--gold)}
.badge.urgent{color:var(--danger)}
.notice-body{font-size:15px;color:var(--text)}
.notice-date{font-size:14px;color:var(--muted)}
.notice-attachment{font-size:14.6px;color:var(--gold)}
.icon-btn{font-size:14.4px;color:var(--muted)}
.icon-btn:hover{color:var(--danger)}
.empty{color:var(--muted)}
.empty i{font-size:2.2rem}
.toast{font-size:14.8px}
.loading{color:var(--muted)}


}