.action-btn[data-v-5170b026]{display:inline-flex!important;align-items:center!important;font-weight:600!important;font-size:.875rem!important}[dir] .action-btn[data-v-5170b026]{padding:.5rem 1.2rem!important;border-radius:8px!important}[dir] .recording-container[data-v-5170b026]{padding:1rem}.page-header[data-v-5170b026]{display:flex;align-items:center;justify-content:space-between}[dir] .page-header[data-v-5170b026]{padding:0 .25rem .75rem}.page-header__left[data-v-5170b026]{display:flex;align-items:center;gap:.875rem}.page-header__icon-wrap[data-v-5170b026]{width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}[dir] .page-header__icon-wrap[data-v-5170b026]{border-radius:10px}.page-header__title[data-v-5170b026]{font-size:1.2rem;font-weight:600;color:#2c2c3e;line-height:1.3}[dir] .page-header__title[data-v-5170b026]{margin:0}.page-header__subtitle[data-v-5170b026]{font-size:.8rem;color:#9b9b9b}[dir] .page-header__subtitle[data-v-5170b026]{margin:0}[dir] .legend[data-v-5170b026]{padding:.5rem 0}.legend-dot[data-v-5170b026]{width:12px;height:12px;display:inline-block}[dir] .legend-dot[data-v-5170b026]{border-radius:4px}[dir] .bg-success[data-v-5170b026]{background-color:#28a745}[dir] .bg-warning[data-v-5170b026]{background-color:#ffc107}[dir] .bg-secondary[data-v-5170b026]{background-color:#6c757d}.sections-container[data-v-5170b026]{display:flex;flex-direction:column;gap:1rem}.section-card[data-v-5170b026]{transition:all .2s}.pens-grid-container[data-v-5170b026],.pens-row[data-v-5170b026]{display:flex;flex-direction:column}.pens-grid[data-v-5170b026]{display:grid;grid-template-columns:repeat(12,1fr);gap:.5rem}.pen-cell[data-v-5170b026]{aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:all .2s}[dir] .pen-cell[data-v-5170b026]{border-radius:.5rem;text-align:center;padding:.25rem;cursor:pointer;background-color:#f8f9fa;border:1px solid #e0e0e0}.pen-cell[data-v-5170b026]:hover{z-index:1}[dir] .pen-cell[data-v-5170b026]:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.pen-cell--occupied[data-v-5170b026]{color:#fff}[dir] .pen-cell--occupied[data-v-5170b026]{background-color:#28a745;border-color:#1e7e34}.pen-cell--booked[data-v-5170b026]{color:#856404}[dir] .pen-cell--booked[data-v-5170b026]{background-color:#ffc107;border-color:#e0a800}.pen-cell--empty[data-v-5170b026]{color:#6c757d}[dir] .pen-cell--empty[data-v-5170b026]{background-color:#e9ecef;border-color:#dee2e6}.pen-code[data-v-5170b026]{font-weight:600;font-size:.7rem}.feed-area[data-v-5170b026]{width:100%}[dir] .feed-area[data-v-5170b026]{margin:.5rem 0;padding:.5rem;background-color:#e3f2fd;border-radius:.5rem;border:1px solid #90caf9}.feed-indicator[data-v-5170b026]{display:flex;align-items:center;justify-content:center;color:#1565c0;font-weight:500}[dir] .bg-success-light[data-v-5170b026]{background-color:#d4edda}[dir] .bg-info-light[data-v-5170b026]{background-color:#e3f2fd}[dir] .mb-1[data-v-5170b026]{margin-bottom:.5rem}[dir] .mb-2[data-v-5170b026]{margin-bottom:1rem}[dir=ltr] .me-2[data-v-5170b026]{margin-right:.5rem}[dir=ltr] .ms-2[data-v-5170b026],[dir=rtl] .me-2[data-v-5170b026]{margin-left:.5rem}[dir=rtl] .ms-2[data-v-5170b026]{margin-right:.5rem}[dir=ltr] .mr-1[data-v-5170b026]{margin-right:.25rem}[dir=rtl] .mr-1[data-v-5170b026]{margin-left:.25rem}.gap-2[data-v-5170b026]{gap:.5rem}.gap-3[data-v-5170b026]{gap:1rem}