/* Order Details Modal - Fullscreen compatibility */
#kdsamref-order-modal {
    z-index: 9999999;
}

/* Minimal License Badge */
.kdsamref-license-badge-mini {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    margin-right: 12px;
    border: 1px solid;
}

.kdsamref-license-badge-mini.kdsamref-license-free {
    background: #fff9e6;
    border-color: #f0c929;
    color: #8b5a00;
}

.kdsamref-license-badge-mini.kdsamref-license-premium {
    background: #e8f5e8;
    border-color: #10b981;
    color: #047857;
}

.kdsamref-upgrade-btn-mini {
    padding: 2px 6px;
    background: #10b981;
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 600;
    transition: background 0.2s;
    margin-left: 4px;
}

.kdsamref-upgrade-btn-mini:hover {
    background: #059669;
    color: white;
    text-decoration: none;
}

/* Header Toggle Button - Fixed Position */
.kdsamref-header-toggle-fixed {
    position: fixed;
    top: 32px;
    right: 20px;
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 8px;
    cursor: pointer;
    transition: all 0.2s;
    color: #6b7280;
    z-index: 999999;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: none;
    opacity: 0;
    visibility: hidden;
}

.kdsamref-header-toggle-fixed:hover {
    background: #f9fafb;
    color: #374151;
    border-color: #9ca3af;
}

/* Hide/show header animation */
.kdsamref-dashboard .kdsamref-header {
    transition: margin-top 0.3s ease;
}

.kdsamref-dashboard.kdsamref-header-hidden .kdsamref-header {
    margin-top: -120px;
    overflow: hidden;
}

.kdsamref-dashboard.kdsamref-header-hidden .kdsamref-header-toggle-fixed {
    display: flex !important;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Status Count Badge Styling */
.kdsamref-status-count {
    background: #e5e7eb;
    color: #6b7280;
    border-radius: 12px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 600;
    min-width: 20px;
    text-align: center;
    transition: all 0.2s;
}

.kdsamref-status-btn.active .kdsamref-status-count {
    background: #10b981;
    color: white;
}

/* Tomorrow Button - Hidden by default */
.kdsamref-tomorrow-btn {
    display: none !important;
}

/* Order Cards Badge Styles */
.kdsamref-order-badge {
    border: 1px solid #ffffff;
}

/* Ensure all control buttons have consistent styling */
.kdsamref-font-btn, .kdsamref-refresh-btn, .kdsamref-notifications-btn {
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 8px;
    cursor: pointer;
    transition: all 0.2s;
    color: #6b7280;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
}

.kdsamref-font-btn:hover, .kdsamref-refresh-btn:hover, .kdsamref-notifications-btn:hover {
    background: #f9fafb;
    color: #374151;
    border-color: #9ca3af;
}

.kdsamref-font-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.kdsamref-font-btn:disabled:hover {
    background: #ffffff;
    color: #6b7280;
    border-color: #d1d5db;
}

/* Refresh Button Spinning Animation */
.kdsamref-refresh-btn.spinning svg {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Inline styles moved to CSS */
.kdsamref-avatar-fallback {
    display: none;
}

.kdsamref-notification-badge {
    display: none;
}

.kdsamref-tomorrow-btn {
    display: none;
}

.kdsamref-search-container {
    display: none;
}

.kdsamref-loading {
    display: none;
}

.kdsamref-no-orders {
    display: none;
}

.kdsamref-order-modal {
    display: none;
}