/* Mobile-first: base = phone, min-width queries enlarge. Inputs are 16px+ to avoid iOS zoom; tap targets >= 44px. */
:root{--ubm-navy:#1D2320;--ubm-blue:#08655B;--ubm-gold:#E67726;--ubm-green:#7FB140;--ubm-white:#fff;--ubm-grey:#F2F8F6;--ubm-font:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Arabic",sans-serif}
.ubm-form-wrap,.ubm-dash,.ubm-cta{font-family:var(--ubm-font)}
.ubm-dash h3,.ubm-dash h4{font-weight:800;color:var(--ubm-navy)}
.ubm-btn,.ubm-badge{font-family:var(--ubm-font);letter-spacing:.02em}
.ubm-btn-gold{color:#fff!important;border-radius:999px;box-shadow:0 6px 14px rgba(230,119,38,.3)}
.ubm-version,.ubm-comment,.ubm-decision{box-shadow:0 4px 18px rgba(0,0,0,.05)}
.ubm-form-wrap,.ubm-dash{max-width:760px;margin-inline:auto;padding-inline:16px}
.ubm-form label{font-weight:600;color:var(--ubm-navy);display:block;margin-block-start:.8em}
.ubm-form input[type=text],.ubm-form input[type=email],.ubm-form input[type=tel],.ubm-form input[type=number],.ubm-form select,.ubm-form textarea,.ubm-actions textarea,.ubm-dash textarea{width:100%;box-sizing:border-box;min-height:48px;font-size:16px;padding:.7em .8em;border:1px solid #c9d2db;border-radius:8px;background:var(--ubm-white)}
.ubm-drop{background:var(--ubm-grey);border:2px dashed var(--ubm-blue);border-radius:10px;padding:1em;overflow-wrap:anywhere}
.ubm-drop small{display:block;font-weight:400;color:#52606d;margin-top:.4em}
.ubm-hp{position:absolute;inset-inline-start:-9999px;height:0;overflow:hidden}
.ubm-btn{display:block;width:100%;min-height:48px;background:var(--ubm-blue);color:var(--ubm-white);border:0;border-radius:8px;padding:.8em 1.4em;font-size:16px;font-weight:700;cursor:pointer;text-align:center}
.ubm-btn-gold{background:var(--ubm-gold);color:#fff}
.ubm-btn-link{background:none;border:0;min-height:44px;color:#9b1c1c;text-decoration:underline;cursor:pointer}
.ubm-cta{margin-block:1em}
.ubm-notice{padding:.8em 1em;border-radius:8px;margin-block-end:1em}
.ubm-success{background:#e6f4ea;border-inline-start:4px solid #2e7d32}
.ubm-error{background:#fdecea;border-inline-start:4px solid #c62828}
.ubm-badge{display:inline-block;background:var(--ubm-blue);color:var(--ubm-white);border-radius:999px;padding:.15em .75em;font-size:.8em;vertical-align:middle}
.ubm-table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;-webkit-overflow-scrolling:touch}
.ubm-table th,.ubm-table td{padding:.6em;text-align:start;border-block-end:1px solid #e1e6eb;white-space:nowrap}
.ubm-decision{background:#fff8e5;border-inline-start:4px solid var(--ubm-gold);padding:.8em 1em;margin-block:1em}
.ubm-version{background:var(--ubm-grey);border-radius:10px;padding:1em;margin-block-end:1em}
.ubm-mockup-img{display:block;max-width:100%;height:auto;border-radius:8px;margin-block:.6em}
.ubm-dl{display:inline-block;padding-block:.6em;margin-inline-end:1em}
.ubm-actions{display:grid;grid-template-columns:1fr;gap:1em;margin-block:1em}
.ubm-comment{padding:.6em .8em;border-radius:8px;background:var(--ubm-grey);margin-block-end:.5em}
.ubm-by-admin{border-inline-start:3px solid var(--ubm-gold)}

@media (min-width:640px){
	.ubm-btn{display:inline-block;width:auto}
	.ubm-actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
	.ubm-table{display:table}
	.ubm-table th,.ubm-table td{white-space:normal}
}
.ubm-back{margin:0 0 1em}
.ubm-back a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--ubm-blue);text-decoration:none}
.ubm-back a:hover{color:var(--ubm-gold)}