/* Dalil Vertigo Assistant — Frontend */
.dva-container{max-width:880px;margin:24px auto;padding:0 16px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Naskh Arabic UI","Tahoma",Arial,"Noto Sans Arabic",sans-serif;color:#111}
.dva-card{background:#fff;border:1px solid #e7e7e7;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.08);overflow:hidden}
.dva-header{padding:16px 20px;border-bottom:1px solid #eee;background:var(--dva-bg,#fff)}
.dva-title{margin:0 0 4px;font-weight:800;font-size:22px;color:var(--dva-text,#111)}
.dva-subtext{margin:0;color:#555}
.dva-body{padding:16px 20px}
.dva-options{display:grid;gap:12px}
.dva-option{border:1px solid #e4e4e4;border-radius:12px;padding:14px 14px;background:#fafafa;cursor:pointer;transition:transform .08s ease,box-shadow .12s ease}
.dva-option:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.06)}
.dva-option strong{display:block;margin-bottom:6px;color:#111}
.dva-actions{margin-top:10px;border-top:1px dashed #eee;padding-top:10px}
.dva-action{background:#f7fbff;border-left:4px solid var(--dva-primary,#0052CC);padding:10px 12px;margin:10px 0;border-radius:8px}
.dva-footer{display:flex;gap:10px;justify-content:space-between;background:#fcfcfc;border-top:1px solid #eee;padding:12px 16px}
.dva-btn{background:var(--dva-primary,#0052CC);color:#fff;border:none;border-radius:8px;padding:10px 14px;cursor:pointer}
.dva-btn.dva-back{background:#888}
.dva-btn.dva-restart{background:var(--dva-accent,#FFAB00);color:#111}

/* Floating Action Button */
.dva-fab{position:fixed;bottom:22px;z-index:99999;background:var(--dva-primary,#0052CC);color:#fff;border:none;border-radius:999px;padding:12px 18px;font-weight:700;box-shadow:0 10px 26px rgba(0,0,0,.18);cursor:pointer}
.dva-fab span{display:inline-block}
.dva-pos-right{right:22px}
.dva-pos-left{left:22px}

/* Modal */
.dva-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:flex-end;justify-content:center;z-index:99998}
.dva-modal[aria-hidden="false"]{display:flex}
.dva-modal-content{background:#fff;width:min(980px,96vw);max-height:90vh;overflow:auto;border-radius:16px 16px 0 0;padding:10px 10px 20px;border:2px solid var(--dva-primary,#0052CC)}
.dva-modal-close{position:sticky;top:0;margin-left:auto;border:none;background:transparent;font-size:28px;cursor:pointer}

/* Colors via CSS vars */
:root{
  --dva-primary:#0052CC;
  --dva-accent:#FFAB00;
  --dva-text:#111111;
  --dva-bg:#FFFFFF;
  --dva-danger:#D32F2F;
}


/* Draggable improvements for FAB on mobile (iOS/Android) */
#dvaFab {
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: grab;
}
#dvaFab:active {
  cursor: grabbing;
}