.daktela-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:16px}
.daktela-toolbar label{display:flex;flex-direction:column;gap:5px;font-size:.78rem;color:var(--muted)}
.daktela-toolbar select,.daktela-toolbar input{color:var(--text)}
.daktela-toolbar .daktela-q{flex:1;min-width:200px}
.daktela-meta{margin:-4px 0 12px;font-size:.82rem}
.daktela-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:10px}
.daktela-controls label{display:flex;flex-direction:column;gap:4px;font-size:.74rem;color:var(--muted)}
.daktela-controls select{color:var(--text);padding:7px 9px}
.daktela-thread{display:flex;flex-direction:column;gap:10px;max-height:55vh;overflow:auto;padding:14px 2px;border-block:1px solid var(--border);margin:12px 0}
.daktela-item{border-radius:8px;padding:10px 12px;max-width:92%;overflow-wrap:anywhere;background:var(--soft);align-self:flex-start}
.daktela-item.out{align-self:flex-end;border:1px solid var(--accent);background:var(--surface)}
.daktela-item.comment{align-self:stretch;max-width:none;background:var(--amberbg);border:1px dashed var(--amber)}
.daktela-item .outlook-body{white-space:pre-wrap;max-height:320px;overflow:auto}
.daktela-subject{font-weight:600;font-size:.84rem;margin:4px 0 6px}
.daktela-tabs{margin:12px 0 8px}
#daktela-compose fieldset{border:0;padding:0;margin:0;min-width:0}
#daktela-compose label{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
#daktela-compose textarea{resize:vertical;min-height:110px}
#daktela-compose .formactions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#daktela-compose .daktela-check{flex-direction:row;align-items:center;gap:8px;margin:0;font-size:.84rem}
.attention-source.daktela{color:var(--amber)}
.daktela-mail{grid-template-columns:minmax(190px,220px) minmax(260px,.9fr) minmax(0,1.3fr)}
.daktela-rail{display:flex;flex-direction:column;gap:2px;position:sticky;top:12px}
.rail-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;font-size:.86rem;line-height:1.35}
.rail-item:hover{background:var(--soft)}
.rail-item.selected{background:var(--soft);box-shadow:inset 3px 0 var(--accent);font-weight:600}
.rail-item b{min-width:26px;padding:1px 7px;border-radius:999px;background:var(--border);color:var(--muted);font-size:.74rem;font-weight:600;text-align:center}
.rail-item.selected b{background:var(--accent);color:var(--c-on-accent)}
.rail-group{margin:14px 0 4px;padding:0 12px;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.rail-loading{padding:8px 12px;font-size:.78rem}
@media(max-width:1200px){.daktela-mail{grid-template-columns:1fr}.daktela-rail{flex-direction:row;flex-wrap:wrap;position:static}.rail-item{width:auto;border:1px solid var(--border)}.rail-group{width:100%;margin:8px 0 2px}}

/* Határidő: a lejárt piros, a mai-holnapi sárga, a többi halk. Egy pillantásra látszik, mi sürgős. */
.daktela-deadline { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--c-text-muted, var(--c-muted)); white-space: nowrap; }
.daktela-deadline.soon { color: var(--c-warning); font-weight: 600; }
.daktela-deadline.late { color: var(--c-danger); font-weight: 700; }
.outlook-message .daktela-meta { margin-top: 2px; }