*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f6fa;color:#1f2937}.site-header{background:#5b2c6f;color:#fff;padding:16px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{color:#fff;font-size:24px;font-weight:700;text-decoration:none}.site-header nav{display:flex;flex-wrap:wrap;gap:18px}.site-header nav a{color:#fff;text-decoration:none}.container{max-width:1240px;margin:32px auto;padding:0 20px}.topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.topline h1{margin:0 0 6px}.topline p{margin:0;color:#6b7280}.card,.stat{background:#fff;border-radius:14px;padding:22px;box-shadow:0 4px 18px rgba(0,0,0,.06)}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.stat{text-decoration:none;color:inherit}.stat strong{display:block;font-size:32px;color:#5b2c6f}.stat span{color:#6b7280}.btn{display:inline-block;padding:11px 16px;border:0;border-radius:9px;background:#e5e7eb;color:#111827;text-decoration:none;cursor:pointer;font:inherit}.btn.primary{background:#5b2c6f;color:#fff}.btn.ghost{background:#f3f4f6}.table-wrap{overflow:auto}.table-wrap.card{padding:0}table{width:100%;border-collapse:collapse}th,td{padding:14px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}td small{display:block;margin-top:4px;color:#6b7280}.badge{display:inline-block;padding:6px 9px;border-radius:999px;font-size:13px}.status-waiting{background:#fef3c7;color:#92400e}.status-positive{background:#dbeafe;color:#1d4ed8}.status-date{background:#ffedd5;color:#c2410c}.status-sms{background:#fde68a;color:#854d0e}.status-registered{background:#d1fae5;color:#047857}.status-mytiande{background:#ccfbf1;color:#0f766e}.status-vip{background:#bbf7d0;color:#166534}.status-muted{background:#e5e7eb;color:#4b5563}.status-refused{background:#fecaca;color:#991b1b}.filters{display:grid;grid-template-columns:2fr 1fr auto auto;gap:10px;margin-bottom:20px}.filters input,.filters select,.form-grid input,.form-grid select,.form-grid textarea,.template-card textarea{width:100%;padding:11px;border:1px solid #d1d5db;border-radius:8px;font:inherit}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:600}.full{grid-column:1/-1}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.checks label{display:block;font-weight:400}.form-actions{display:flex;gap:10px}.next-action{background:#f3e8ff;border-radius:10px;padding:14px;color:#5b2c6f}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.template-card textarea{margin-bottom:12px;background:#fafafa}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%)}.login-card form{display:grid;gap:16px}.login-card label{display:grid;gap:7px}.login-card input{padding:12px;border:1px solid #d1d5db;border-radius:8px}.alert{background:#fee2e2;color:#991b1b;padding:12px;border-radius:8px}.success{background:#dcfce7;color:#166534;padding:12px;border-radius:8px;margin-bottom:16px}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.checks{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr}.topline{align-items:flex-start;flex-direction:column}.site-header{align-items:flex-start;flex-direction:column}}

.status-ready{background:#e0e7ff;color:#3730a3}
.screenshot-import{margin-bottom:20px}
.import-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.import-row input[type=file]{flex:1;min-width:260px}
.ocr-progress{margin-top:14px;padding:12px;background:#f3f4f6;border-radius:8px}
.ocr-result{margin-top:16px;border-top:1px solid #eee;padding-top:16px}
.recognized-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}
.recognized-grid label{display:flex;flex-direction:column;gap:6px;font-weight:600}
.recognized-grid input{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa}
@media(max-width:700px){.recognized-grid{grid-template-columns:1fr}}

.phone-tools{display:contents}
.copy-field{display:flex;align-items:center;gap:7px}
.copy-field input{flex:1}
.copy-value{border:0;background:#f3f4f6;border-radius:8px;padding:8px 11px;cursor:pointer;font-size:16px}
.copy-value:hover{background:#e5e7eb}
.copy-value.copied{background:#dcfce7}
.data-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.data-panel{border:1px solid #e5e7eb;border-radius:12px;background:#fafafa;padding:0}
.data-panel summary{cursor:pointer;font-weight:700;padding:14px 16px;color:#56266d}
.copy-grid{display:grid;gap:10px;padding:0 16px 16px}
.copy-grid>div>span{display:block;font-size:13px;font-weight:700;margin-bottom:5px}
.tiande-checks{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:12px 0}
@media(max-width:850px){.data-panels{grid-template-columns:1fr}}


/* v0.3.3: Bulgarian dates + contextual Viber message */
.bg-date-input { font-variant-numeric: tabular-nums; }
.workflow-message {
  border: 1px solid #e5d7ef;
  background: #fbf8fd;
  border-radius: 12px;
  padding: 14px;
}
.workflow-message-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.workflow-message textarea {
  width: 100%;
  min-height: 150px;
  resize: vertical;
  background: #fff;
}

.tiande-check-options{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:10px}
.tiande-check-options label{display:flex;align-items:center;gap:7px;font-weight:500}


/* v0.3.3.2 — guided Viber workflow */
.workflow-message-buttons,
.workflow-response-buttons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.workflow-response {
  border: 1px solid #e5d7ef;
  background: #fff;
  border-radius: 12px;
  padding: 14px;
}
.workflow-response strong {
  display: block;
  margin-bottom: 10px;
}


/* v0.3.3.3 — clearer sent-state UI */
.workflow-sent-indicator {
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 10px;
  background: #eef8ee;
  border: 1px solid #cde7cd;
  font-weight: 700;
  white-space: nowrap;
}


/* v0.3.3.5 — workflow back button */
.next-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}


/* v0.3.3.6 — respect hidden state for workflow indicators */
.workflow-sent-indicator[hidden],
.workflow-response[hidden],
.workflow-message[hidden],
#markWorkflowSent[hidden],
#workflowBackButton[hidden] {
  display: none !important;
}


/* v0.3.3.8 — SMS code intermediate step */
#smsReceivedActionBox[hidden] { display: none !important; }

.vip-screenshot-box[hidden],.workflow-timer[hidden],#skipFollowup[hidden]{display:none!important}
.vip-screenshot-box{margin-top:12px}.vip-screenshot-box img{max-width:100%;width:760px;border:1px solid #ddd;border-radius:10px}
.workflow-timer{margin-top:12px;padding:10px 12px;border-radius:10px;background:#fff7df;font-weight:700}
#skipFollowup{margin-top:10px}

.vip-screenshot-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:10px;
}
#copyVipFallbackNote{display:inline-block}

.workflow-mini-indicator[hidden]{display:none!important}
.workflow-mini-indicator{
  display:inline-flex;
  align-items:center;
  padding:8px 10px;
  border-radius:9px;
  background:#eef8ee;
  border:1px solid #cde7cd;
  font-weight:700;
}
.vip-screenshot-actions{
  align-items:center;
}

.vip-purchase-badge{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:700;white-space:nowrap}
.vip-purchase-badge.no{background:#fdeaea;border:1px solid #efb6b6;color:#a52020}
.vip-purchase-badge.yes{background:#eaf7ec;border:1px solid #b8dfbd;color:#176b2a}