/* Red font and compact calendar + flipbook viewer */
.dfa-wrap{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.dfa-calendar{flex:0 0 320px;max-width:320px;background:#fff;border:1px solid #e3e3e3;padding:8px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,0.04)}
.dfa-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.dfa-title{font-weight:600;font-size:14px;color:#d00} /* red title */
.dfa-controls select{padding:6px;border-radius:4px}
.dfa-dates{display:block}
.dfa-weekrow,.dfa-row{display:flex}
.dfa-cell{box-sizing:border-box;border:0;background:transparent;padding:6px;min-width:34px;min-height:34px;display:flex;align-items:center;justify-content:center;color:#d00} /* red font for all cells */
.dfa-weekname{font-size:11px;color:#d00}
.dfa-day{cursor:pointer;border-radius:4px}
.dfa-day:hover{background:#fff0f0}
.dfa-today{background:#fff0f0;border:1px solid #ffb3b3}
.dfa-selected{background:#ffecec;border:1px solid #ff7b7b}
.dfa-empty{visibility:hidden}
.dfa-haspdf{font-weight:700}
.dfa-no-pdf{opacity:0.45}
.dfa-viewer{flex:1;min-width:280px;max-width:calc(100% - 340px);position:relative}
.dfa-spinner{position:absolute;left:50%;top:10px;transform:translateX(-50%);display:none;font-size:13px;padding:6px}
.dfa-msg{margin-top:8px;color:#d00;font-size:13px}
@media (max-width:800px){
    .dfa-wrap{flex-direction:column}
    .dfa-calendar{max-width:100%;width:100%}
    .dfa-viewer{max-width:100%}
}
#dfa-flipbook-container{width:100%}