/**
 * Phone My Herd animal detail (/m/my-herd/<id>): purchase line,
 * inline edit form overrides.
 *
 * Loaded by pocket/my_herd_detail.html through {% block page_css %}, after
 * my-herd-add.css and lot-detail.css.
 */

.pocket-purchase-line {
    margin: var(--pocket-space-sm) 0 0 0;
    font-size: var(--pocket-font-size-sm);
    color: var(--pocket-text-secondary);
}

.pocket-change-value {
    max-width: 62%;
    white-space: normal;
    text-align: right;
}

.pocket-detail-editing {
    padding-bottom: var(--pocket-sticky-bar-room);
}

.pocket-detail-edit .pocket-input,
.pocket-detail-edit .pocket-select,
.pocket-detail-edit .pocket-textarea {
    font-size: 16px;
}

#edit-form-error {
    margin: 0 0 var(--pocket-space-sm) 0;
}

/* Horn measurements (owner 2026-09-29): history rows, the add button, and
   the before/after value card in the result dialog. */
.pocket-measure-section .pocket-lot-fields {
    margin-bottom: var(--pocket-space-md);
}

.pocket-measure-inches {
    font-family: var(--pocket-font-numeric);
    font-variant-numeric: tabular-nums;
}

.pocket-measure-empty {
    margin: 0 0 var(--pocket-space-md) 0;
}

#measure-modal .pocket-modal-content,
#measure-result-modal .pocket-modal-content {
    max-width: 360px;
}

#measure-modal .pocket-form-group {
    margin-bottom: var(--pocket-space-md);
}

#measure-modal .pocket-input {
    font-size: 16px;
}

.pocket-measure-values {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: var(--pocket-space-sm);
    margin: var(--pocket-space-md) 0;
}

.pocket-measure-value {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.pocket-measure-amount {
    font-family: var(--pocket-font-numeric);
    font-variant-numeric: tabular-nums;
    font-size: var(--pocket-font-size-xl);
    font-weight: 700;
    color: var(--pocket-text-primary);
}

.pocket-measure-arrow {
    font-size: var(--pocket-font-size-lg);
    color: var(--pocket-text-secondary);
}

.pocket-measure-delta {
    margin: 0;
    font-family: var(--pocket-font-numeric);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

#measure-result-note {
    word-break: break-word;
}


/* Owner's public-link panel (Share this animal). */
.pocket-animal-share {
    margin-bottom: var(--pocket-space-lg);
}

.pocket-animal-share .pocket-input {
    margin: var(--pocket-space-sm) 0;
}

.pocket-animal-share-actions {
    display: flex;
    gap: var(--pocket-space-sm);
    margin-bottom: var(--pocket-space-sm);
}

.pocket-animal-share-actions .pocket-btn {
    flex: 1 1 0;
    min-width: var(--pocket-target-min);
    min-height: var(--pocket-target-min);
}

.pocket-animal-share-actions #animal-share-copy {
    flex: 1.6 1 0;
}

.pocket-animal-share .pocket-btn-danger-text {
    color: var(--danger-text);
    min-height: var(--pocket-target-min);
}