.todpir-wrap{
    max-width: 520px;
    margin: 20px auto;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(0,0,0,.06);
}
.todpir-header{
    background: var(--todpir-header-bg, #111827);
    padding: 18px;
}
.todpir-body{
    background: var(--todpir-form-bg, #f9f9f9);
    padding: 18px;
}
.todpir-title{margin:0 0 10px;font-size:18px;font-weight:700;color:var(--todpir-header-text, #0b0f14);}
.todpir-help{margin:0 0 14px;color:var(--todpir-muted-text, #6b7280);line-height:1.8;}
.todpir-form{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch;}
.todpir-input{
    flex: 1 1 220px;
    padding: 12px 14px;
    border: 1px solid var(--todpir-input-border, #d1d5db);
    border-radius: 10px;
    font-size: 16px;
    background: var(--todpir-input-bg, #ffffff);
    color: var(--todpir-input-text, #111827);
    direction: ltr;
}
.todpir-btn{
    flex: 0 0 auto;
    background: var(--todpir-primary-btn-bg, #0073aa);
    color: var(--todpir-primary-btn-text, #ffffff);
    border: 0;
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
    transition: transform .06s ease, filter .2s ease;
    white-space: nowrap;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.todpir-btn:hover{filter:brightness(.92);}
.todpir-btn:active{transform:translateY(1px);}
.todpir-btn-secondary{
    background: var(--todpir-secondary-btn-bg, transparent);
    color: var(--todpir-secondary-btn-text, #0073aa);
    border: 1px solid var(--todpir-input-border, #d1d5db);
}
.todpir-result{
    max-width: 520px;
    margin: 14px auto 0;
    background: var(--todpir-card-bg, #eef2f7);
    border-radius: 12px;
    padding: 16px 18px;
    box-shadow: 0 10px 24px rgba(0,0,0,.04);
    color: var(--todpir-card-text, #111827);
}
.todpir-row{margin: 6px 0; line-height:1.9;}
.todpir-label{font-weight:700;}
.todpir-code{font-weight:800;letter-spacing:.5px;word-break:break-all;}
.todpir-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.todpir-note{margin:10px 0 0;color:var(--todpir-muted-text, #6b7280);font-size:13px;line-height:1.8;}