/* Screen-specific styles for Kitchen_Recipe_Management_Screen */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #f9fafb;
            color: black;
        }
        
        .material-symbols-rounded {
            font-variation-settings:
            'FILL' 0,
            'wght' 400,
            'GRAD' 0,
            'opsz' 24;
            vertical-align: middle;
        }
        
        /* Kitchen-specific styles */
        .kitchen-gradient-bg {
            background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
            color: white;
            border-radius: 16px;
            box-shadow: 0 10px 25px -5px rgba(249, 115, 22, 0.3);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .kitchen-gradient-bg:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px -5px rgba(249, 115, 22, 0.4);
        }
        
        .kitchen-accent-color {
            color: #f97316;
        }
        
        /* Recipe card styles */
        .recipe-card {
            background: white;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .recipe-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1);
        }
        
        .recipe-card-image {
            height: 180px;
            width: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .recipe-card:hover .recipe-card-image {
            transform: scale(1.05);
        }
        
        .recipe-card-content {
            padding: 16px;
        }
        
        .recipe-card-title {
            font-weight: 600;
            font-size: 18px;
            margin-bottom: 8px;
            color: #1f2937;
        }
        
        .recipe-card-description {
            font-size: 14px;
            color: #6b7280;
            margin-bottom: 12px;
        }
        
        /* Ingredient tag styles */
        .ingredient-tag {
            display: inline-flex;
            align-items: center;
            background: #f3f4f6;
            border-radius: 20px;
            padding: 6px 12px;
            margin-right: 8px;
            margin-bottom: 8px;
            font-size: 13px;
            color: #4b5563;
            transition: background-color 0.3s ease, transform 0.2s ease;
        }
        
        .ingredient-tag:hover {
            background: #e5e7eb;
            transform: translateY(-2px);
        }
        
        .ingredient-tag.required {
            background: #fee2e2;
            color: #b91c1c;
        }
        
        .ingredient-tag.required:hover {
            background: #fecaca;
        }
        
        /* Step indicator styles */
        .step-indicator {
            display: flex;
            align-items: center;
            margin-bottom: 16px;
        }
        
        .step-number {
            width: 28px;
            height: 28px;
            border-radius: 50%;
            background: #f97316;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            font-size: 14px;
            margin-right: 12px;
        }
        
        .step-text {
            font-size: 15px;
            color: #1f2937;
            flex: 1;
        }
        
        /* Time indicator styles */
        .time-indicator {
            display: flex;
            align-items: center;
            font-size: 14px;
            color: #6b7280;
            margin-bottom: 12px;
        }
        
        .time-indicator-icon {
            margin-right: 6px;
            color: #f97316;
        }
        
        .recipe-card {
            transition: transform 0.2s ease;
        }
        
        .recipe-card:active {
            transform: scale(0.98);
        }
        
        .tab-indicator {
            position: relative;
        }
        
        .tab-indicator::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            right: 0;
            height: 2px;
            background-color: #f97316;
            border-radius: 1px;
        }
        
        .collapsible-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
        }
        
        .collapsible-content.expanded {
            max-height: 2000px;
        }
        
        .tag {
            display: inline-flex;
            align-items: center;
            padding: 3px 8px;
            border-radius: 12px;
            font-size: 0.7rem;
            font-weight: 500;
            margin-right: 4px;
            margin-bottom: 4px;
        }
        
        .timer-circle {
            position: relative;
            width: 44px;
            height: 44px;
        }
        
        .timer-ring {
            transform: rotate(-90deg);
            transform-origin: 50% 50%;
        }
        
        .timer-ring-circle {
            fill: transparent;
            stroke-width: 3;
            stroke-linecap: round;
        }
        
        .timer-ring-bg {
            stroke: #e5e7eb;
        }
        
        .timer-center {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }