/* UTEC English v1.0.08 — dialog konfirmasi desain website, bukan dialog browser */
dialog.utec-dialog{position:fixed;inset:0;margin:auto;border:none;padding:0;max-width:calc(100vw - 32px);width:460px;max-height:min(88vh,760px);overflow-y:auto;background:#fff;color:#103a75;border-radius:22px;box-shadow:0 28px 90px rgba(5,34,87,.26);font-family:inherit;z-index:100001;animation:utec-dialog-pop .18s ease-out}
dialog.utec-dialog::backdrop{background:rgba(9,27,57,.58);backdrop-filter:blur(4px)}
.utec-dialog-body{padding:28px}
.utec-dialog-heading{display:flex;gap:14px;align-items:flex-start}
.utec-dialog-icon{width:54px;height:54px;flex:none;display:grid;place-items:center;background:#e8f2ff;color:#095fd7;border-radius:16px}
.utec-dialog-eyebrow{display:block;font-size:10px;letter-spacing:.11em;font-weight:800;color:#2874c4;margin:2px 0 5px}
.utec-dialog h2{margin:0;color:#092e71;font-size:21px;font-weight:850;line-height:1.3;letter-spacing:-.025em}
.utec-dialog-description{color:#557093;line-height:1.6;font-size:14px;margin:18px 0 20px;white-space:pre-line}
.utec-dialog-description[hidden]{display:none}
.utec-dialog-fields{display:grid;gap:14px;margin:0 0 20px}
.utec-dialog-fields:empty{display:none}
.utec-dialog-field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#24496f}
.utec-dialog-field input:not([type=checkbox]),.utec-dialog-field select,.utec-dialog-field textarea{width:100%;border:1px solid #cbdaf0;border-radius:11px;padding:12px 13px;font:inherit;font-size:14px;line-height:1.3;color:#163967;background:#fbfdff;min-height:44px;box-sizing:border-box}
.utec-dialog-field input:focus-visible,.utec-dialog-field select:focus-visible,.utec-dialog-field textarea:focus-visible{outline:2px solid #1174ee;outline-offset:2px}
.utec-dialog-field textarea{min-height:82px;resize:vertical}
.utec-dialog-field.is-checkbox{flex-direction:row;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e3eaf5;border-radius:11px;background:#f7faff;cursor:pointer}
.utec-dialog-field.is-checkbox input{accent-color:#126bea;width:18px;height:18px;flex:none}
.utec-dialog-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;padding-top:16px;border-top:1px solid #ebf0f6}
.utec-dialog-actions button{border-radius:11px;border:1px solid #d2e0f3;cursor:pointer;font-family:inherit;font-size:13px;font-weight:800;min-height:45px;transition:transform .15s,background .15s,box-shadow .15s}
.utec-dialog-actions button:hover{transform:translateY(-1px)}
.utec-dialog-cancel{color:#234d83;background:#f4f8ff}
.utec-dialog-confirm{background:linear-gradient(120deg,#0c70f2,#0752c3);color:white;border-color:transparent!important;box-shadow:0 7px 18px rgba(16,89,199,.2)}
.utec-dialog-confirm.tone-warning{background:linear-gradient(120deg,#ffc52c,#efa811);color:#123b72;box-shadow:0 7px 18px rgba(250,184,30,.22)}
.utec-dialog-confirm.tone-danger{background:linear-gradient(120deg,#eb424e,#bd2436);box-shadow:0 7px 18px rgba(196,36,49,.22)}
@keyframes utec-dialog-pop{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:540px){dialog.utec-dialog{border-radius:17px;max-height:85vh}.utec-dialog-body{padding:20px}.utec-dialog h2{font-size:19px}.utec-dialog-icon{width:46px;height:46px}.utec-dialog-actions{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){dialog.utec-dialog{animation:none}.utec-dialog-actions button{transition:none}}