.tb-form{
    max-width:360px;
    margin:20px auto;
    padding:12px;
    border:1px solid #ddd;
    border-radius:4px;
    font-size:14px;
}
.tb-form label{
    display:block;
    margin-bottom:8px;
    font-weight:600;
}
.tb-form input,
.tb-form textarea,
.tb-form select{
    width:100%;
    padding:8px;
    margin-top:4px;
    margin-bottom:10px;
    box-sizing:border-box;
}
.tb-form .tb-inline{
    display:flex;
    align-items: center; /* flex-end yerine center */
    gap:8px;
    flex-wrap: wrap; /* küçük ekran için */
}
.tb-form .tb-inline input{
    flex:1;
    width:auto;
}
.tb-form .tb-inline input,
.tb-form .tb-inline button{
    flex: 1 1 auto;
    min-width: 120px;
}
.tb-form .tb-inline button{
    flex: 0 0 auto;
}
.tb-form button {
    background: #FFC107;
    color: #000000;
    border: 0;
    margin-bottom: 6px;
    padding: 17px 8px;
    cursor: pointer;
    border-radius: 3px;
}
.tb-form button:disabled{
    opacity:0.6;
    cursor:not-allowed;
}
#tb-save-btn{
    margin-top:8px;
    display:none;
}
.tb-note{
    font-size:12px;
    color:#555;
    margin-top:-8px;
}
.tb-normal{
    font-weight:normal;
}
.tb-row-error{
    background:#fee;
}

.tb-toast{
    position:fixed;
    bottom:70px;
    left:50%;
    transform:translateX(-50%);
    background:#333;
    color:#fff;
    padding:10px 20px;
    border-radius:4px;
    opacity:0;
    visibility:hidden;
    transition:opacity .3s ease,visibility .3s ease;
    z-index:9999;
}

.tb-toast.show{
    opacity:1;
    visibility:visible;
}
@media(min-width:600px){
    .tb-form{max-width:480px;}
}