@font-face{font-family:'Poppins';src:url('../assets/fonts/poppins/Poppins-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face{font-family:'Poppins Bold';src:url('../assets/fonts/poppins/Poppins-Bold.ttf') format('truetype');font-weight:bold;font-style:normal;}
html {margin-top: 0 !important;}
.customer-template,.customer-template h1,.customer-template h2,.customer-template h3,.customer-template h4,.customer-template h5,.customer-template h6{font-family:'Poppins'}
.customer-template{width:100%;max-width:1920px;margin: 0 auto}
.customer-template.site-header{width:100%;max-width:1920px;display:flex;justify-content:space-between;align-items:center;background-color:#f8f8f8;border-bottom:1px solid #ddd}
.customer-template .site-logo{max-height:80px;max-width:260px;padding:10px 30px}
.logout-link{padding:20px 30px;text-decoration:none;color:#333;font-weight:600;transition:color .3s ease;border-radius:5px;font-size: 18px}
.logout-link:hover{color:#555}
.build-stage-table-container{overflow-x:auto}
.build-stage-table{width:100%;border-collapse:collapse}
.build-stage-table th,.build-stage-table td{padding:12px;border:1px solid #ddd}
.build-stage-table th{background-color:#f2f2f2}
.build-stage-table tbody tr:nth-child(even){background-color:#f2f2f2}
.customer-template .wp-heading-inline{font-size:36px;margin:20px 30px;line-height: normal;font-weight: 400}
.build-stage-card-container{display:flex;flex-wrap:wrap;margin:0 20px 40px 20px}
.build-stage-card{width:calc(33.33% - 22px);margin:10px;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}
.build-stage-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px rgba(0,0,0,0.2)}
.build-stage-card-header{padding:15px;background-color:#f8f8f8;border-bottom:1px solid #ddd;border-radius:5px 5px 0 0}
.build-stage-card-header h3{margin:0;font-size: 28px;line-height: normal;font-weight: 500}
.build-stage-card-body{padding:15px}
.build-stage-card-body p{margin:10px 0}
.progress-container{margin-top:20px}
.progress-bar{background-color:#f3f3f3;border:1px solid #ddd;height:20px;width:100%;position:relative}
.progress-fill{background-color:#4caf50;height:100%;width:0;position:absolute;top:0;left:0;transition:width .5s}
.progress-text{margin-top:5px;font-size:14px}
.build-stage-card-body .build-stage-img{width:200px;height:200px}
.customer-template .filter-container{margin-bottom:20px;padding:10px 30px;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9;display: flex;gap: 20px;align-items: flex-start;}
.customer-template .filter-inner{width:300px;max-width:100%;display: flex;align-items: flex-start;justify-content: flex-end;flex-direction: column;position: relative;}
.customer-template .filter-label{display:block;margin-bottom:5px;font-weight:600;font-size:16px;color:#333}
.customer-template .filter-select, .customer-template .filter-text{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px;color:#555;background:#fff;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);transition:border-color .2s ease;line-height: 1}
.customer-template .filter-select:focus{border-color:#c73034;outline:none}
.customer-template .autocomplete-list {border: 1px solid #ccc;max-height: 280px;width: 300px;border-radius: 5px;overflow-y: auto;position: absolute;z-index: 1000;background-color: white;display: none;top: 65px;}
.customer-template .autocomplete-item {padding: 10px;cursor: pointer;font-size: 16px;line-height:1.4;}
.customer-template .autocomplete-item:hover {background-color: #f0f0f0;}
.customer-template .clear-btn {cursor: pointer;display: inline-block;position: relative;margin: 0 10px 0 0;padding: 10px;border: 0;border-radius: 2px;background-image: unset;text-align: center;-webkit-transition: .2s ease;transition: .2s ease;background-color: #f04f36;color: #FFFFFF;font-family: inherit;font-weight: 500;letter-spacing: 1px;font-size: 16px;}
.customer-template .clear-btn:hover {-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .6);box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .6);}
@media (max-width:768px){
  .customer-template .wp-heading-inline{margin:20px !important}
  .customer-template .build-stage-card{width:100% !important; margin:10px 0 !important}
  .customer-template .filter-container{padding:10px 20px !important;flex-direction: column;}
  .customer-template .filter-inner{width:100% !important}
  .customer-template .site-logo {max-width: 70%}
  .customer-template .autocomplete-list {width: 100%;}
}