:root{--bg:#0b1020;--card:#101a33;--text:#e7eefc;--muted:#9fb0d0;--accent:#7aa2ff;--border:rgba(255,255,255,.08)}
html,body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;line-height:1.5;margin:0}
a{color:var(--accent);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:980px;margin:0 auto;padding:18px}
.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:16px;margin:14px 0}
.muted{color:var(--muted)}
nav.top{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 18px 0}
nav.top a{padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.03)}
input,textarea,select{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:10px 12px}
button{background:linear-gradient(90deg,#6ea8ff,#8a7dff);border:0;color:#0b1020;padding:12px 14px;border-radius:14px;font-weight:800}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:14px;z-index:9999}
.modal{max-width:820px;width:100%;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px}
.actions{display:flex;gap:10px;flex-wrap:wrap}

/* ORDERS_RESP_V1 */
*, *::before, *::after { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden; }

.container{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 16px;
}

.card, .box{
  width: 100%;
  max-width: 100%;
}

input, select, textarea{
  width: 100%;
  max-width: 100%;
}

textarea{ resize: vertical; min-height: 90px; }

label{ display:block; }

pre, code{
  white-space: pre-wrap;
  word-break: break-word;
}

@media (max-width: 480px){
  .container{ padding: 0 12px; }
  .btn-primary, .btn-secondary { width: 100%; }
}

/* VERTIDOC_FORMS_RESP_V1 */
*, *::before, *::after { box-sizing: border-box; }
.container { max-width: 980px; margin: 0 auto; padding: 0 16px; }
.card { overflow: hidden; }
input, select, textarea, button { max-width: 100%; }
input, select, textarea { width: 100%; }
textarea { resize: vertical; }
label { display:block; }

/* VERTIDOC_FORM_VALIDATION_V1 */
.field-err { border-color: rgba(239,63,35,.85) !important; box-shadow: 0 0 0 2px rgba(239,63,35,.18) !important; }
.errbox { margin-top:10px; padding:10px; border-radius:14px; border:1px solid rgba(239,63,35,.35); background: rgba(239,63,35,.08); color: #ffd6d0; display:none; }
.errbox b { color:#fff; }
.errbox ul { margin:8px 0 0 18px; }

/* VERTIDOC_VALIDATION_CSS_V2 */
.err{outline:2px solid rgba(255,77,77,.85)!important;border-color:rgba(255,77,77,.85)!important}
.errbox{display:none;margin-top:12px;padding:10px 12px;border:1px solid rgba(255,77,77,.55);border-radius:12px;background:rgba(255,77,77,.08);color:#ffd2d2}
.errbox.show{display:block}

/* VERTIDOC_MODAL_FIX_V1 */
.modal-backdrop{ display:none; }
.modal-backdrop[style*="display: flex"]{ display:flex; }
.modal-backdrop{ pointer-events:none; }
.modal-backdrop[style*="display: flex"]{ pointer-events:auto; }

/* VERTIDOC_CLICK_FIX_V1 */
.modal-backdrop { display:none; pointer-events:none; }
.modal-backdrop[style*="display: flex"] { display:flex; pointer-events:auto; }

#submit { position: relative; z-index: 99999; pointer-events: auto !important; }
#errBox { position: relative; z-index: 99999; pointer-events: auto; }

.card, .container { position: relative; z-index: 1; }

/* VERTIDOC_ORDERS_UI_FIX_V1 */
*, *::before, *::after { box-sizing: border-box; }
.card input, .card textarea, .card select { max-width: 100%; width: 100%; }
.errbox { margin-top: 10px; color: #ff6b6b; font-size: 13px; }
.errbox ul { margin: 8px 0 0; padding-left: 18px; }
.field-bad { outline: 2px solid rgba(255, 80, 80, 0.55) !important; border-color: rgba(255, 80, 80, 0.75) !important; }