.acd-panel,.acd-agent-console,.acd-widget,.acd-callback,.acd-customers{font-family:Inter,Arial,Helvetica,sans-serif}
.acd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.acd-agent-grid{display:grid;grid-template-columns:300px minmax(420px,1fr) 320px;gap:18px}
.acd-mini-card{background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid #e4e7ec;border-radius:18px;padding:18px;box-shadow:0 14px 36px rgba(16,24,40,.06);position:relative;overflow:hidden}
.acd-mini-card:after{content:"";position:absolute;right:-24px;top:-24px;width:78px;height:78px;border-radius:50%;background:rgba(255,107,0,.08)}
.acd-mini-card span{display:block;color:#667085;font-size:13px;font-weight:700;margin-bottom:6px}
.acd-mini-card strong{font-size:34px;color:#101828;letter-spacing:-.6px}
.acd-item,.acd-customer-panel{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:15px;margin-bottom:10px;box-shadow:0 8px 24px rgba(16,24,40,.04)}
.acd-item strong{font-size:15px}
.acd-badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef2f7;margin:2px;font-size:12px;font-weight:800}
.acd-badge.warn{background:#fff1e8;color:#b54708}
.acd-badge.good{background:#e9f8f2;color:#098c5a}
.acd-btn{background:#ff6b00;color:#fff;border:0;border-radius:11px;padding:10px 14px;cursor:pointer;margin:4px 4px 4px 0;font-weight:800;box-shadow:0 8px 18px rgba(255,107,0,.2)}
.acd-btn.secondary{background:#eef2f7;color:#101828;box-shadow:none}
.acd-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px;background:linear-gradient(135deg,#111827,#1f2937);color:#fff;border-radius:18px;padding:16px;box-shadow:0 12px 30px rgba(16,24,40,.15)}
.acd-toolbar select{max-width:200px;background:#fff;color:#101828;border-radius:10px;border:0;padding:9px 10px}
.acd-chat-box{height:360px;overflow:auto;border:1px solid #e4e7ec;border-radius:16px;background:#f8fafc;padding:14px;margin-bottom:10px}
.acd-msg{padding:10px 12px;border-radius:14px;margin:8px 0;max-width:84%;background:#eef2ff;border:1px solid #dde6ff}
.acd-msg.agent{background:#ecfdf3;border-color:#d3f8df;margin-left:auto}
.acd-msg.system{background:#f3f4f6;color:#4b5563;margin-left:auto;margin-right:auto;text-align:center}
.acd-widget,.acd-callback{background:#fff;border:1px solid #e4e7ec;border-radius:18px;padding:20px;margin-bottom:18px;box-shadow:0 12px 30px rgba(16,24,40,.05)}
.acd-widget input,.acd-widget textarea,.acd-widget select,.acd-callback input,.acd-callback textarea,.acd-callback select,.acd-agent-console textarea,.acd-agent-console select,.acd-customers input{display:block;width:100%;padding:12px;border:1px solid #d0d5dd;border-radius:12px;margin:8px 0 12px;background:#fff}
.acd-agent-console h3,.acd-panel h3{margin:22px 0 12px}
.acd-customer-panel{min-height:70px;background:#111827;color:#fff}
.acd-customer-panel .acd-badge{background:rgba(255,255,255,.12);color:#fff}
.acd-customers{background:#fff;border:1px solid #e4e7ec;border-radius:20px;padding:22px;box-shadow:0 14px 36px rgba(16,24,40,.06)}

.acd-login-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(255,107,0,.26),transparent 32%),linear-gradient(135deg,#111827,#1b2130 58%,#2b1d13);display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:36px;align-items:center;padding:54px;position:relative;overflow:hidden}
.acd-login-shell:before{content:"";position:absolute;right:-150px;top:-150px;width:380px;height:380px;border-radius:50%;background:rgba(255,107,0,.16)}
.acd-login-brand{color:#fff;position:relative;z-index:1;max-width:760px}
.acd-login-brand h1{font-size:56px;line-height:1.04;margin:16px 0;letter-spacing:-1px}
.acd-login-brand p{font-size:19px;color:#d0d5dd;max-width:660px}
.acd-login-logo-dot{width:18px;height:18px;background:#ff6b00;border-radius:50%;box-shadow:0 0 0 10px rgba(255,107,0,.16)}
.acd-login-kpis{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.acd-login-kpis span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:9px 12px;border-radius:999px;color:#fff;font-weight:800}
.acd-login-panel{position:relative;z-index:1;background:#fff;border-radius:24px;padding:32px;box-shadow:0 24px 80px rgba(0,0,0,.34)}
.acd-login-panel h1,.acd-login-panel h2{margin:0 0 8px;color:#101828;font-size:30px}
.acd-login-panel p{color:#667085}
.acd-login-mark{width:46px;height:46px;background:#ff6b00;border-radius:14px;margin-bottom:16px;box-shadow:0 10px 24px rgba(255,107,0,.28)}
.acd-login-panel input[type=text],.acd-login-panel input[type=password],.acd-login-panel input:not([type]){width:100%;padding:14px;border:1px solid #d0d5dd;border-radius:13px;margin:7px 0 14px;background:#f9fafb}
.acd-login-button{width:100%;padding:13px;margin-top:8px}
.acd-inline{display:flex;gap:8px;align-items:center;color:#667085}
.acd-alert{background:#fff1e8;color:#b54708;border:1px solid #ffd7bc;border-radius:12px;padding:10px}
.acd-login-small{font-size:12px;color:#667085;margin-bottom:0}

@media(max-width:1100px){.acd-agent-grid{grid-template-columns:1fr}}
@media(max-width:900px){.acd-login-shell{grid-template-columns:1fr;padding:28px}.acd-login-brand h1{font-size:38px}}


/* v1.3.0: front-end setup/API control panel */
.acd-control h1 {
  margin-top: 0;
}
.acd-tabs {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:18px 0 22px;
  position: sticky;
  top: 84px;
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(10px);
  padding:10px;
  border:1px solid #e4e7ec;
  border-radius:16px;
  z-index:5;
}
.acd-tabs a {
  text-decoration:none;
  background:#111827;
  color:#fff;
  padding:9px 12px;
  border-radius:10px;
  font-weight:800;
  font-size:13px;
}
.acd-control-section {
  scroll-margin-top: 120px;
  border:1px solid #e4e7ec;
  background:#fff;
  border-radius:20px;
  padding:20px;
  margin:18px 0;
  box-shadow:0 12px 32px rgba(16,24,40,.05);
}
.acd-form-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
  align-items:end;
  margin-bottom:18px;
}
.acd-form-grid label {
  font-weight:800;
  color:#344054;
  font-size:13px;
}
.acd-form-grid input,.acd-form-grid select,.acd-form-grid textarea {
  width:100%;
  display:block;
  margin-top:6px;
  padding:11px;
  border:1px solid #d0d5dd;
  border-radius:12px;
  background:#fff;
}
.acd-check-grid {
  display:flex;
  flex-direction:column;
  gap:6px;
  background:#f9fafb;
  border:1px solid #e4e7ec;
  border-radius:14px;
  padding:12px;
}
.acd-table-wrap {
  overflow:auto;
  border:1px solid #e4e7ec;
  border-radius:16px;
}
.acd-table {
  width:100%;
  border-collapse:collapse;
  background:#fff;
}
.acd-table th,.acd-table td {
  padding:12px;
  border-bottom:1px solid #eef2f6;
  text-align:left;
  vertical-align:top;
}
.acd-table th {
  background:#f9fafb;
  font-size:12px;
  color:#667085;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.acd-code {
  display:block;
  padding:12px;
  background:#111827;
  color:#fff;
  border-radius:12px;
  overflow:auto;
}
.acd-notice {
  padding:12px 14px;
  border-radius:14px;
  margin:10px 0;
  font-weight:800;
}
.acd-notice.good {
  background:#ecfdf3;
  color:#067647;
  border:1px solid #abefc6;
}
.acd-link-card {
  text-decoration:none;
  color:#101828;
  display:block;
}