/* Scaled Time Lock Frontend v1.3 */
:root { --stl:#14903D; }
.stl-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.35); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); z-index:999999; display:none; }
.stl-modal   { position:fixed; inset:0; display:grid; place-items:center; z-index:1000000; pointer-events:none; }
.stl-card    { width:min(560px,92vw); background:rgba(255,255,255,0.96); border:1px solid rgba(20,144,61,0.15); box-shadow:0 20px 60px rgba(0,0,0,0.15); border-radius:16px; padding:20px 22px; pointer-events:auto; }
.stl-brand{ font-weight:700; font-size:14px; color:var(--stl); text-transform:uppercase; letter-spacing:.08em; }
.stl-title{ margin:4px 0 8px; font-weight:700; font-size:22px; }
.stl-desc { margin:0 0 10px; color:#444; }
.stl-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.stl-field{ display:flex; flex-direction:column; gap:6px; margin:8px 0; }
.stl-field label{ font-size:13px; font-weight:600; }
.stl-field input, .stl-field textarea, .stl-field select{ border:1px solid #e6e6e6; border-radius:10px; padding:10px 12px; font-size:14px; outline:none; }
.stl-field textarea{ min-height:100px; resize:vertical; }
.stl-actions{ display:flex; align-items:center; gap:10px; margin-top:10px; flex-wrap:wrap; }
.stl-btn{ background:var(--stl); color:#fff; border:none; border-radius:10px; padding:10px 14px; font-weight:700; cursor:pointer; }
.stl-btn.outline{ background:transparent; border:1px solid var(--stl); color:var(--stl); }
.stl-btn[disabled]{ opacity:.6; cursor:not-allowed; }
.stl-note{ font-size:12px; color:#666; }
.stl-error{ color:#b00020; font-size:12px; margin-top:2px; }
.stl-hidden{ display:none !important; }
@media (max-width:560px){ .stl-row{ grid-template-columns:1fr; } }
body.stl-locked{ overflow:hidden !important; }