@charset "utf-8";
/* CSS Document */

   
        :root {
            --uw-purple: #4b2e83;
            --uw-gold: #b7a57a;
            --urgent-red: #d32f2f;
            --bg-light: #f8f9fa;
		
        }

		
        body { 
            font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif; 
            background: var(--bg-light); 
            margin: 0; 
            color: #333;
        }

        /* Header & Search Area */
        .main-header {
            background: var(--uw-purple);
            color: white;
            padding: 1.5rem 2rem;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        }

        .brand h1 { margin: 0; font-size: 1.8rem; }
        
        .search-container2 input {
            padding: 0.8rem 1.2rem;
            width: 350px;
            border-radius: 25px;
            border: none;
            font-size: 1rem;
            box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
        }
		
		.search-container input {
    padding: 0.8rem;
    width: 300px;
    border-radius: 4px;
    border: none;
}

        /* Urgent Support Strip */
        .urgent-help {
            background: var(--uw-gold);
            padding: 0.8rem;
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            justify-content: center;
            align-items: center;
            font-size: 0.95rem;
            border-bottom: 2px solid rgba(0,0,0,0.05);
        }
		

        .help-btn {
            background: white;
            color: var(--uw-purple);
            padding: 0.5rem 1.2rem;
            text-decoration: none;
            font-weight: bold;
            border-radius: 6px;
            transition: transform 0.2s;
        }

        .help-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
        .help-btn.report-incident { background: var(--urgent-red); color: white; }
        .help-btn.downtime { background: #333; color: white; }

        
		
		
		
		/* Dashboard Grid */
        .dashboard-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
            gap: 1.5rem;
            padding: 2rem;
            max-width: 1400px;
            margin: 0 auto;
        }

        .card {
            background: white;
            border-top: 5px solid var(--uw-purple);
            border-radius: 8px;
            padding: 1.5rem;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
        }
		
		.card:hover { transform: scale(1.02); }
        .card h3 { color: var(--uw-purple); margin-top: 0; border-bottom: 2px solid var(--uw-gold); padding-bottom: 0.5rem; }
		
        .link-list { list-style: none; padding: 0; }
        .link-list li { margin: 0.8rem 0; border-bottom: 1px solid #eee; padding-bottom: 0.4rem; }
        .link-list a { color: #555; text-decoration: none; font-weight: 500; font-size: 0.95rem; }
        .link-list a:hover { color: var(--uw-purple); text-decoration: underline; }

        @media (max-width: 600px) {
            .main-header { justify-content: center; text-align: center; gap: 1rem; }
            .search-container input { width: 100%; }
        }
		
		
		/* Default size for desktop screens (or mobile-first approach) */
.responsive-logo {
    width: 500px;
    height: auto;
}


/* Adjust size for screens smaller than 480px (e.g., mobile phones) */
@media screen and (max-width: 480px) {
    .responsive-logo {
        width: 100%;
    }
}
		
		
		
		
		h1 {
			padding-left: 10px;
		}
		
		
		
	footer{
		padding:1em;
		text-align:center;
	}
	.footer-links{
		list-style:none;
		padding:0;
		margin:0;
		display:flex;
		justify-content:center;
		gap:1em;
	}
	.footer-links li{
		display:inline;
	}
		

}