/* DT_FEAT_V1 core (2026-11-12): the one shared surface of the app features - a calm single line at the bottom of the
   screen. Colours follow the page theme (html[data-theme=dark]); the type is the page's own font (inherit). */
.dtf-toast{position:fixed;inset-inline:12px;z-index:2147482000;display:flex;align-items:center;gap:12px;max-width:520px;margin-inline:auto;padding:12px 16px;background:#0f1d3a;color:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(11,21,48,.22);font:inherit;font-size:14px;line-height:1.7;direction:rtl;text-align:right}
.dtf-toast[hidden]{display:none}
.dtf-toast-text{flex:1 1 auto;min-width:0}
.dtf-toast-btn{flex:0 0 auto;min-height:44px;min-width:44px;padding:0 14px;border:1px solid rgba(255,255,255,.32);border-radius:10px;background:transparent;color:inherit;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.dtf-toast-btn:focus-visible{outline:3px solid #7fa6ff;outline-offset:2px}
.dtf-toast--calm{background:#12305c}
.dtf-toast--ok{background:#0f5132}
html[data-theme="dark"] .dtf-toast{background:#e8eefc;color:#0b1530;box-shadow:0 8px 24px rgba(0,0,0,.5)}
html[data-theme="dark"] .dtf-toast-btn{border-color:rgba(11,21,48,.35)}
html[data-theme="dark"] .dtf-toast--calm{background:#dbe7ff}
html[data-theme="dark"] .dtf-toast--ok{background:#d6f5e3}
@media (prefers-reduced-motion:no-preference){.dtf-toast{animation:dtf-toast-in .18s ease-out}}
@keyframes dtf-toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}