/**
 * Custom admin styles (auto-loaded after app-css, see _init_admin_assets()).
 */

/* Segmented toggle — pengganti tampilan radio inline untuk
   "Show Quantity As" dan "Decimal Places" di form item.
   Input radio tetap ada di DOM (disembunyikan visual saja) sehingga
   POST form, event change JS lama, dan aksesibilitas tetap berfungsi. */
.seg-toggle {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 2px;
    padding: 2px;
    vertical-align: middle;
    background: #eef1f5;
    border: 1px solid #dce1e6;
    border-radius: 6px;
}

.seg-toggle .seg-input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    opacity: 0;
    pointer-events: none;
}

.seg-toggle .seg-btn {
    margin: 0;
    padding: 5px 14px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    color: #5b6b7b;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.seg-toggle .seg-btn:hover {
    color: #2d3e50;
}

.seg-toggle .seg-input:checked + .seg-btn {
    background: #28b8da;
    color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.seg-toggle .seg-input:focus + .seg-btn {
    outline: 2px solid #1e95b1;
    outline-offset: 1px;
}

.seg-toggle .seg-input:focus:not(:focus-visible) + .seg-btn {
    outline: none;
}

.seg-toggle .seg-input:focus-visible + .seg-btn {
    outline: 2px solid #1e95b1;
    outline-offset: 1px;
}