/* p4udocumenttype - front picker */
.p4u-doct-picker {
    margin: 14px 0;
    padding: 14px 16px;
    border: 1px solid var(--p4u-doct-border, #03a84e);
    border-radius: 8px;
    background: var(--p4u-doct-bg, #fff);
    color: var(--p4u-doct-font, #333);
}
.p4u-doct-info { font-size: 13px; margin-bottom: 10px; opacity: .85; }
.p4u-doct-options { display: flex; gap: 12px; flex-wrap: wrap; }
.p4u-doct-option {
    flex: 1 1 140px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    cursor: pointer;
    transition: border-color .15s, background .15s;
    margin: 0;
}
.p4u-doct-option.is-active { border-color: var(--p4u-doct-border, #03a84e); background: rgba(3, 168, 78, .08); }
.p4u-doct-personal { display: block; margin-top: 10px; font-size: 13px; }
.p4u-doct-note-wrap { margin-top: 10px; }
.p4u-doct-note-wrap textarea { width: 100%; min-height: 64px; }
.p4u-doct-error { margin-top: 10px; color: #c0392b; font-size: 13px; }
.p4u-doct-style-text .p4u-doct-option { justify-content: center; }