:root{
  --icicp-blue:#2563eb;
  --icicp-green:#10b981;
  --icicp-orange:#f59e0b;
  --icicp-red:#ef4444;
  --icicp-gray:#f8f9fa;
}
.icicp-wrap, .icicp-card, .icicp-header, .icicp-tabs, .icicp-form, body #wpbody-content {
  font-family: 'Lexend Deca', Arial, sans-serif;
  color:#111;
}
.icicp-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;margin-bottom:16px}
.icicp-header h1{font-size:24px;margin:0}
.icicp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.icicp-tab{padding:8px 12px;border-radius:999px;background:#e5e7eb;cursor:pointer;text-decoration:none;color:#111}
.icicp-tab.active{background:var(--icicp-blue);color:#fff}
.icicp-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:16px;margin-bottom:16px}
.icicp-grid{display:grid;gap:12px}
@media(min-width:768px){.icicp-grid.cols-3{grid-template-columns:repeat(3,1fr)}}
.stat-card{text-align:center;padding:16px;background:var(--icicp-gray);border-radius:12px}
.stat-card h3{margin:0 0 6px;font-size:16px}
.stat-card .number{font-size:26px;font-weight:700}
.icicp-btn{background:var(--icicp-blue);color:#fff;border:none;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:600}
.icicp-btn.secondary{background:#111}
.icicp-list{list-style:none;margin:0;padding:0}
.icicp-list li{padding:6px 0;border-bottom:1px solid #eee}
.icicp-form label{display:block;margin:8px 0}
.icicp-form textarea,.icicp-form input[type="text"],.icicp-form input[type="email"],.icicp-form input[type="url"],.icicp-form input[type="password"]{width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:8px}
.icicp-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px}
.icicp-badge.green{background:var(--icicp-green);color:#fff}
.icicp-badge.orange{background:var(--icicp-orange);color:#fff}
.icicp-badge.red{background:var(--icicp-red);color:#fff}

/* Admin table styles */
.icicp-table{width:100%;border-collapse:collapse;margin-top:12px}
.icicp-table th,.icicp-table td{border:1px solid #e5e7eb;padding:8px;text-align:left}
.icicp-actions a{margin-right:8px}
/* Buttons */
.icicp-btn{
  background:var(--icicp-blue);
  color:#fff;
  border:none;
  border-radius:56px !important;
  padding:10px 18px;
  font-weight:700;
  line-height:1;
  display:inline-block;
}
.icicp-btn:hover{opacity:.95}
.icicp-header .icicp-btn{margin-left:8px}
.icicp-btn.secondary{background:var(--icicp-blue); color:#fff} /* keep same style as primary to avoid theme overrides */

/* Tabs → pills + mobile scroll */
.icicp-tabs{
  display:flex; gap:8px; flex-wrap:nowrap;
  overflow-x:auto; padding:6px; border-radius:12px; background:#f3f4f6;
  scrollbar-width:thin;
}
.icicp-tabs::-webkit-scrollbar{height:6px}
.icicp-tabs::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}
.icicp-tab{
  flex:0 0 auto; white-space:nowrap;
  padding:10px 14px; border-radius:9999px;
  background:#e5e7eb; color:#111; text-decoration:none;
}
.icicp-tab.active{background:var(--icicp-blue); color:#fff}

/* Password eye icon */
.icicp-pw-wrap{position:relative}
.icicp-pw-wrap input[type="password"],
.icicp-pw-wrap input[type="text"]{padding-right:44px}
.icicp-pw-toggle{
  position:absolute; right:10px; top:50%; transform:translateY(-50%);
  background:transparent; border:0; cursor:pointer; padding:6px;
}

/* Service checklist spacing tighter */
.service-checklist label{display:flex; align-items:center; gap:10px; margin:6px 0}
.service-checklist input[type="checkbox"]{margin:0}

/* Responsive typography */
@media (max-width: 1024px){
  .icicp-header h1{font-size:22px}
}
@media (max-width: 768px){
     .icicp-header h1 {
        font-size: 25px !important;
        text-align: center;
        line-height: 30px;
        color: #2563eb;
		         margin-bottom: 30px;
    }
  .icicp-card{padding:14px}
  .stat-card .number{font-size:22px}
  .icicp-form label{margin:6px 0}
	.icicp-card h2{
		font-size:35px !important;
	}
}
/* Name + Logout area */
.icicp-header .name-logout{
  display:flex !important;
  gap:20px !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap; /* allow wrap on narrow widths */
}

/* Make buttons look like proper pills here, too */
.icicp-header .name-logout .icicp-btn{
  border-radius:56px !important;
}

/* Keep the greeting from breaking layouts */
.icicp-header .name-logout strong{
  white-space:nowrap;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Mobile: stack neatly, full-width buttons for easy tapping */
@media (max-width: 768px){
  .icicp-header .name-logout{
    flex-direction:column;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    text-align:center;
  }
  .icicp-header .name-logout .icicp-btn{
    width:100%;
    max-width:280px;
  }
}
/* Tighten Services + Priority spacing and set line-height to 0 */
.service-checklist label,
.priority-level label{
  line-height: 0 !important;      /* as requested */
  margin: 0 !important;
  padding: 6px 0;                  /* keeps items readable while compressed */
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Inputs alignment + compact look */
.service-checklist input[type="checkbox"],
.priority-level   input[type="radio"]{
  margin: 0 8px 0 0;
  transform: translateY(-1px);
}

/* Optional: shrink headings spacing a bit for a compact block */
.service-checklist h3,
.priority-level h3{
  margin-bottom: 8px;
}
/* Mobile-only header layout */
@media (max-width: 768px){
  .icicp-header{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
   
    flex-direction:column !important;
  }
	.service-checklist label,
.priority-level label{
  line-height: 30px !important;      /* as requested */
  margin: 0 !important;
  padding: 6px 0;                  /* keeps items readable while compressed */
  display: flex;
  align-items: center;
  gap: 10px;
}

}
/* Status chips (inherit existing .icicp-badge styles) */
.icicp-badge{ display:inline-block; padding:4px 10px; border-radius:9999px; background:#e5e7eb; }
.icicp-badge.green{ background:#10b981; color:#fff; }
.icicp-badge.orange{ background:#f59e0b; color:#fff; }
.icicp-badge.red{ background:#ef4444; color:#fff; }
.icicp-badge.blue{ background:#2563eb; color:#fff; }
/* password field with eye toggle */
.icicp-password{
  position: relative;
  display: flex;
  align-items: center;
}
.icicp-password input{
  width: 100%;
  padding-right: 44px;       /* space for the eye */
}

/* eye toggle button */
.icicp-eye-toggle{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: var(--icicp-blue, #2563eb);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  line-height: 0;
  padding: 0;
}
.icicp-eye-toggle .eye-closed{ display: none; }
.icicp-eye-toggle[aria-pressed="true"] .eye-open{ display: none; }
.icicp-eye-toggle[aria-pressed="true"] .eye-closed{ display: inline; }

/* small screens: keep tap target comfy */
@media (max-width: 480px){
  .icicp-eye-toggle{ width: 32px; height: 32px; right: 8px; }
  .icicp-password input{ padding-right: 40px; }
}
/* ==== Password eye fix (override theme buttons) ==== */
.icicp-auth-panel .icicp-password{
  position: relative;
  display: block;
}

.icicp-auth-panel .icicp-password input{
  width: 100%;
  padding-right: 44px !important; /* room for eye */
}

/* Reset and style the eye toggle so theme button CSS can't hijack it */
.icicp-auth-panel .icicp-eye-toggle{
  all: unset;                           /* wipe theme button styles */
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: 1px solid #e5e7eb !important;
  background: #fff !important;
  color: #2563eb !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  line-height: 0 !important;
  box-shadow: none !important;
  z-index: 2;
}

.icicp-auth-panel .icicp-eye-toggle svg{ display:block; }
.icicp-auth-panel .icicp-eye-toggle .eye-closed{ display:none; }
.icicp-auth-panel .icicp-eye-toggle[aria-pressed="true"] .eye-open{ display:none; }
.icicp-auth-panel .icicp-eye-toggle[aria-pressed="true"] .eye-closed{ display:inline; }

@media (max-width: 480px){
  .icicp-auth-panel .icicp-eye-toggle{
    width: 32px !important; height: 32px !important; right: 8px !important;
  }
  .icicp-auth-panel .icicp-password input{ padding-right: 40px !important; }
}