/* EKFC Theme - pixel-tuned to the provided mockups */
:root{
  --ekfc-red:#F32B56; /* deep red used in tabs/buttons */
  --ekfc-soft-red:#FFBCBC;
  --ekfc-gray:#f5f5f5;
  --ekfc-text:#212529;
  --ekfc-green:#22aa2a;
}

html,body{font-family: "Inter", sans-serif; color:var(--ekfc-text)}
body *{font-family: "Inter", sans-serif;}
.fw-600{font-weight:600}
.logo-small{height:24px}
.brand-text{font-size:.85rem;color:#7a7a7a}
.bg-light{
  background:#fff!important;
}
/* Header */

.ekfc-header-top{background:#fff;padding:1rem 1.5rem 0.5rem;}
.ekfc-logo-section{display:flex;align-items:center}
.ekfc-logo{height:auto;max-height:50px;width:auto}

.ekfc-header-bottom{background:#ebebeb;padding:6px; border-radius:50px;}
.ekfc-header-bottom .ekfc-tabs{display:flex;align-items:center;justify-content:center;gap:10px;}

/* Top tabs */
.ekfc-tabs .tab{padding:.5rem;font-weight:700!important;text-decoration:none!important;display:inline-block;border:none!important;cursor:pointer}
.ekfc-tabs .tab.tab-inactive{color:var(--ekfc-red)!important;background:#fff!important;border:3px solid #fff !important; border-radius:50px;width:200px;text-align:center; box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    transition: 0.2s ease;}
.ekfc-tabs .tab.tab-active{background:var(--ekfc-red)!important;color:#fff!important;border:3px solid #fff !important; border-radius:50px;width:200px;text-align:center; box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    transition: 0.2s ease;}
.ekfc-tabs .tab.tab-inactive:hover{background:var(--ekfc-red)!important;color:#fff!important}
.ekfc-tabs .tab.tab-active:hover{background:#fff!important;color:var(--ekfc-red)!important}
/* Section titles */
.section-title{font-weight:800; text-transform:none; color:#3a3a3a; margin-bottom:.75rem}

/* Inputs */
.ekfc-input{  border-radius: 40px;
    padding: 12px 20px;
    border: 2px solid #f7b7c4;
    background: #f7f7f7;
    outline: none;
    width: 100%;
  box-shadow:0 3px 3px rgba(0,0,0,0.15)}
.ekfc-input:focus{box-shadow:none;border-color:#bababa}
.required-text{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:#b02a37}

/* Service buttons */

/* Service Button Container */
.service-wrapper {
    background: #e8e8e8;
    padding: 12px;
    border-radius: 50px;
    display: flex;
    gap: 5px;
    justify-content: flex-start;
}

/* Base service button */
.service-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 28px;
    border-radius: 40px;
    background: #fff;
    border: 2px solid #d8d8d8;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    font-weight: 600;
}

/* ACTIVE state (pink highlight) */
.service-btn.active {
    background: #ff5477;
    color: #fff;
    border-color: #ff5477;
}

/* Checkbox style */
.service-btn input {
    width: 18px;
    height: 18px;
}

.ekfc-primary-btn{background:var(--ekfc-red);color:#fff;border:none;height:44px;border-radius:8px;font-weight:700}
.ekfc-outline-red{border:2px solid var(--ekfc-red);color:var(--ekfc-red);font-weight:700;background:#fff}

.alert-soft-red{background:var(--ekfc-soft-red);color:#7c1012;border:none;padding:.5rem .75rem;border-radius:6px}

/* Supervisor grid */
.supervisor-table{border-collapse:collapse;width:100%;border:none}
.supervisor-table th, .supervisor-table td{border:1px solid #8b8b8b;padding:.5rem;text-align:center;vertical-align:middle}
.supervisor-table thead tr:first-child th{border-top:none!important}
.supervisor-table tbody tr:last-child td{border-bottom:none!important}
.supervisor-table .table-header{background:#d8d8d8!important;font-weight:800;color:#000;text-align:center;vertical-align:middle; font-size:20px; font-weight:bold;}
.supervisor-table th:first-child, .supervisor-table td:first-child{background:#d8d8d8!important;border:1px solid #8b8b8b!important;text-align:center;vertical-align:middle}
.supervisor-table .supervisor-header{background:var(--ekfc-soft-red)!important;border:1px solid #8b8b8b!important;text-align:center;vertical-align:middle; font-size:20px; font-weight:bold;}
.supervisor-table .supervisor-cell{background:var(--ekfc-soft-red)!important;border:1px solid #8b8b8b!important;text-align:center;vertical-align:middle; font-size:20px; font-weight:bold;}
.supervisor-table .bay-closed{background:#c5c5c5!important;border:1px solid #8b8b8b!important;text-align:center;vertical-align:middle; color:#000; font-weight:bold; font-size:20px;}
.supervisor-table .bay-header-open{background:#f6f6f6!important;font-weight:800;color:#000;text-align:center;vertical-align:middle; font-size:20px; font-weight:bold;}
.supervisor-table .bay-cell-open{background:#f6f6f6!important; font-size:20px; font-weight:bold;}
.supervisor-table .bay-cell-open.serving-cell-active{background:#b0e59d!important}
.supervisor-table .serving-cell-active{background:#b0e59d!important;color:#000!important;font-weight:600; font-size:30px;}
.worker-icon{font-size:24px;display:inline-block}
.serving-active{background:#00b050;color:#fff;padding:.5rem .75rem;border-radius:4px;font-weight:600;display:inline-block;min-width:60px}
.serving-closed{background:#e5e5e5;color:#000;padding:.5rem .75rem;border-radius:4px;font-weight:600;display:inline-block;min-width:60px}
.waiting-cell{color:#000;vertical-align:middle;text-align:center;min-height:40px;position:relative}
.waiting-cell.bay-cell-open{background:#f6f6f6!important}
.waiting-cell:not(.bay-cell-open):not(.bay-closed):not(.supervisor-cell){background:#fff}
.waiting-cell.drag-over{background:#d4edda!important;border:2px dashed #b0e59d!important}
.waiting-number{display:inline-block;cursor:move;padding:.2rem .4rem;border-radius:4px;transition:all 0.2s; font-size:20px;font-weight:bold;padding-bottom:0px;}
.waiting-number:hover{background:rgba(0,0,0,0.1)}
.waiting-number:active{opacity:0.7}
.waiting-cell-empty{background:#F6F6F6;min-height:40px}
.waiting-items div{display:block;padding:.15rem 0;line-height:1.4}
.bay-card{border:1px dashed #cdd5df;border-radius:6px;padding:.5rem .5rem;min-height:68px}
.bay-card.green{background:#0AC01C;border:0}
.bay-card.muted{background:#f3f6fa}
.bg-soft-red{background:var(--ekfc-soft-red)}
.text-ekfc{color:var(--ekfc-red)}

/* Assign modal tiles */
.assign-tile{border:1px solid #d9d9d9;border-radius:6px;padding:.5rem .6rem;background:#fff; cursor: pointer;}
.assign-tile.active{outline:3px solid var(--ekfc-red)}
.assign-tile .dot{width:10px;height:10px;border-radius:50%}
.assign-tile .dot.ok{background:#1fbf47}
.assign-tile .dot.danger{background:#cc2d2d}

/* Cards */
.card{border-radius:8px}

@media (max-width: 767.98px){
  .ekfc-tabs .tab{font-size:.9rem;padding:.55rem .8rem}
  .service-btn{padding:.9rem .8rem}
}
.ekfc-primary-btn:hover{

  border:2px solid var(--ekfc-red) !important;
  background-color: #fff !important;
  color: var(--ekfc-red) !important;
}
.ekfc-outline-red:hover{
  background-color: var(--ekfc-red);
  color: #fff;
}

.issue-btn {
    background: #ff5477;
    color: #fff;
    border: none;
    padding: 14px 35px;
    border-radius: 40px;
    font-size: 18px;
    font-weight: 600;
    box-shadow: 0 6px 14px rgba(0,0,0,0.25);
    border: 6px solid #e8e8e8;
    width:200px;
    float:right;
}
.issue-btn:hover {
    opacity: 0.92;
}