.sg-dtec{--sg-primary:#0f4c5c;--sg-accent:#f2994a;--sg-text:#111827;--sg-muted:#64748b;--sg-border:#dbe4e8;--sg-bg:#f7fafb;max-width:1180px;margin:24px auto;font-family:inherit;color:var(--sg-text)}
.sg-dtec *{box-sizing:border-box}.sg-dtec__header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:28px;border-radius:18px;background:linear-gradient(135deg,#0f4c5c,#17677a);color:#fff;box-shadow:0 14px 36px rgba(15,76,92,.18)}
.sg-dtec__header h2{margin:4px 0 8px;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.2;color:#fff}.sg-dtec__header p{margin:0;max-width:760px;color:rgba(255,255,255,.86)}.sg-dtec__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:700;color:#ffd7ae}.sg-dtec__live-dot{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;white-space:nowrap}.sg-dtec__live-dot span{width:9px;height:9px;border-radius:50%;background:#75f0a4;box-shadow:0 0 0 5px rgba(117,240,164,.14)}
.sg-dtec__panel{margin-top:20px;padding:24px;border:1px solid var(--sg-border);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,76,92,.07)}.sg-dtec__panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.sg-dtec__panel h3{margin:0 0 5px;font-size:1.2rem}.sg-dtec__panel p{margin:0;color:var(--sg-muted)}
.sg-dtec__timezone-field{max-width:520px;margin-bottom:20px}.sg-dtec__clock-grid{display:grid;grid-template-columns:minmax(260px,2fr) repeat(4,minmax(115px,1fr));gap:12px}.sg-dtec__clock-main,.sg-dtec__metric{padding:18px;border-radius:13px;background:var(--sg-bg);border:1px solid #e8eef0}.sg-dtec__clock-main{display:flex;flex-direction:column}.sg-dtec__clock-main strong{font-size:clamp(2rem,5vw,3.5rem);line-height:1.05;color:var(--sg-primary);font-variant-numeric:tabular-nums}.sg-dtec__clock-main>span:last-child{margin-top:7px;color:var(--sg-muted)}.sg-dtec__label,.sg-dtec__metric span{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--sg-muted)}.sg-dtec__metric{display:flex;flex-direction:column;justify-content:center}.sg-dtec__metric strong{margin-top:7px;font-size:1.35rem;color:var(--sg-primary);overflow-wrap:anywhere}
.sg-dtec__converter-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sg-dtec__fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sg-dtec__field{display:flex;flex-direction:column;gap:7px}.sg-dtec__field--full{grid-column:1/-1}.sg-dtec__field label{font-weight:700;font-size:.9rem}.sg-dtec input,.sg-dtec select{width:100%;min-height:45px;padding:10px 12px;border:1px solid #cfdade;border-radius:9px;background:#fff;color:var(--sg-text);font:inherit}.sg-dtec input:focus,.sg-dtec select:focus{outline:3px solid rgba(242,153,74,.22);border-color:var(--sg-accent)}
.sg-dtec__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.sg-dtec__button{appearance:none;border:1px solid var(--sg-primary);border-radius:9px;padding:10px 15px;background:#fff;color:var(--sg-primary);font-weight:700;cursor:pointer}.sg-dtec__button:hover{background:#eff7f8}.sg-dtec__button--primary{background:var(--sg-primary);color:#fff}.sg-dtec__button--primary:hover{background:#0b3c49}.sg-dtec__button--ghost{border-color:#d7e3e6}
.sg-dtec__result{margin-top:18px;border:1px solid var(--sg-border);border-radius:12px;overflow:hidden}.sg-dtec__result>div{display:grid;grid-template-columns:145px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid #e8eef0}.sg-dtec__result>div:last-child{border-bottom:0}.sg-dtec__result span{font-size:.82rem;font-weight:700;color:var(--sg-muted)}.sg-dtec__result strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.sg-dtec__result button{border:0;background:#edf5f6;color:var(--sg-primary);padding:6px 9px;border-radius:7px;font-weight:700;cursor:pointer}.sg-dtec__message{min-height:1.3em;margin-top:10px!important;color:#b42318!important}.sg-dtec__note{margin-top:18px;padding:14px 16px;border-left:4px solid var(--sg-accent);background:#fff8ef;border-radius:8px;color:#6d4a22;font-size:.92rem}
@media(max-width:900px){.sg-dtec__clock-grid{grid-template-columns:repeat(2,1fr)}.sg-dtec__clock-main{grid-column:1/-1}.sg-dtec__converter-grid{grid-template-columns:1fr}}
@media(max-width:600px){.sg-dtec__header{padding:22px;flex-direction:column}.sg-dtec__panel{padding:18px}.sg-dtec__fields,.sg-dtec__clock-grid{grid-template-columns:1fr}.sg-dtec__clock-main{grid-column:auto}.sg-dtec__result>div{grid-template-columns:1fr auto}.sg-dtec__result span{grid-column:1/-1}.sg-dtec__panel-heading{align-items:center}.sg-dtec__button{width:100%}.sg-dtec__panel-heading .sg-dtec__button{width:auto}}