/* Dosificador: els grups de pacients de cada blíster. */

.fo-pc-group-filter { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: 4px 0 6px; }
.fo-pc-group-caption {
    font-size: 0.78rem; letter-spacing: .08em; text-transform: uppercase; color: #7a8f93; font-weight: 600; margin-right: 2px;
}
.fo-pc-group-box {
    display: inline-flex; align-items: center; gap: 5px; margin: 0; padding: 1px 10px 1px 6px;
    border: 1px solid #dde8e9; border-radius: 999px; background: #fff; color: #495057;
    font-size: 0.88rem; cursor: pointer; user-select: none; transition: background .12s, border-color .12s;
}
.fo-pc-group-box:hover { border-color: #40b6bd; }
.fo-pc-group-box.fo-pc-on { background: #e6f5f6; border-color: #40b6bd; color: #2b8b91; }
.fo-pc-group-box input { margin: 0; cursor: pointer; }
.fo-pc-group-count { color: #7a8f93; font-size: 0.8rem; }

.fo-pc-group-cell {
    display: inline-block; padding: 0 6px; border-radius: 3px; font-size: 0.86rem;
    background: #f4f8f8; border: 1px solid #dde8e9; white-space: nowrap;
}
table.fo-pc-pat tr.fo-pc-row-outside td { color: #9aa5ab; }

.fo-pc-sect-groups {
    padding: 0 8px; border-radius: 999px; font-size: 0.86rem;
    background: #fffbea; color: #5c4a0a; border: 1px solid #e0b52c;
}

/* La cel.la Grup, ara editable des de la taula. El pill es un boto: mateix aspecte que quan
   nomes es llegia, perque la columna no ha de cridar l'atencio mes que abans. */
.fo-pc-group-cell {
    color: #495057; cursor: pointer; font-family: inherit; line-height: 1.5;
}

.fo-pc-group-cell:hover:not(:disabled),
.fo-pc-group-empty:hover:not(:disabled) { border-color: #40b6bd; color: #2b8b91; }

.fo-pc-group-cell:disabled, .fo-pc-group-empty:disabled { opacity: .55; cursor: not-allowed; }

/* Sense grup no hi va un guio: el que falta ha de convidar a omplir-lo, que es tot el sentit
   de poder fer-ho des d'aqui. */
.fo-pc-group-empty {
    display: inline-block; padding: 0 6px; border-radius: 3px; font-size: 0.86rem;
    background: none; border: 1px dashed #b9c8cb; color: #7a8f93; white-space: nowrap;
    cursor: pointer; font-family: inherit; line-height: 1.5;
}

.fo-pc-group-cell:focus-visible, .fo-pc-group-empty:focus-visible {
    outline: 2px solid #40b6bd; outline-offset: 1px;
}

/* Va sobre document.body i posicionat respecte de la finestra: les seccions de blister i de
   tanda retallen el que en surt, i el globus de les ultimes files quedaria tallat. */
.fo-pc-group-pop {
    position: fixed; z-index: 1090; width: 312px; background: #fff; border: 1px solid #dee2e6;
    border-radius: 7px; box-shadow: 0 12px 28px -12px rgba(0, 0, 0, .45); padding: 10px 12px;
}

.fo-pc-group-pop .fo-pc-remove { position: absolute; top: 2px; right: 6px; }
.fo-pc-group-pop-head { display: block; font-size: 0.9rem; margin-bottom: 6px; padding-right: 18px; }
.fo-pc-group-pop .fo-group-combobox { max-width: none; }