.small-faint { 
    font-size: 0.75em;
    color: gray;
}

.faint { 
    font-size: 0.9em;
    color: gray;
}

body, html {
    background-color: rgb(234, 234, 234);
}

.table-name {
    text-align: right;
    font-size: 0.8em;
    color: gray !important;
    vertical-align: middle;
}

.mirror-video
{
    transform: rotateY(180deg);
    -webkit-transform:rotateY(180deg); /* Safari and Chrome */
    -moz-transform:rotateY(180deg); /* Firefox */
}

.divRecordingOff {
    color: white;
    text-align: center;
    background-color: gray;
    padding: 10pt;
    margin: 1em;
}

.divRecordingOn {
    color: white;
    text-align: center;
    background-color: red;
    padding: 10pt;
    margin: 1em
}

h3 {
    margin-top: 1rem; 
}

h4 {
    margin-top: 1rem; 
}

.grid-container-2col { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    grid-gap: 10px; 
    width: 100%; 
} 

.bigger-icon {
    height: 1.25rem;
    width: auto;
}

.space-above {
    margin-top: 1em;
}
.space-below {
    margin-bottom: 1em;
}

.mimic-button-yellow {
    color:black;
    background-color: #ffc107;
    padding: 1pt 5pt;
    border-radius: 0.25rem;
}
.mimic-button-blue {
    color: white;
    background-color:#0d6efd;
    padding: 1pt 5pt;
    border-radius: 0.25rem;
}
.mimic-button-green {
    color: white;
    background-color: #198754;
    padding: 1pt 5pt;
    border-radius: 0.25rem;
}
.mimic-link {
    color: #0d6efd;
    text-decoration: underline;
}

.active{
    color: green;
}
.signed{
    color: green;
}
.inactive {
    color: darkgray;
}
.expired {
    color: red;
}

/* Diff highlighting for transcript vs script */
.diff-deleted {
    background-color: #ffe6e6;
    color: #900;
    text-decoration: line-through;
    padding: 0 0.15rem;
}
.diff-added {
    background-color: #e6ffe6;
    color: #060;
    padding: 0 0.15rem;
}