/* Order status checker section (public) */
.os-section{
  padding:48px 16px;
  background:var(--bg-primary);
  border-top:1px solid var(--border-color);
}
.os-container{
  max-width:640px;
  margin:0 auto;
}
.os-heading{margin-bottom:20px}
.os-heading h2{
  font-size:22px;
  font-weight:900;
  margin:0 0 6px;
  color:var(--text-primary);
  letter-spacing:-0.2px;
}
.os-heading p{
  margin:0;
  font-size:14px;
  line-height:1.6;
  color:var(--text-secondary);
}
.os-heading code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:12px;
  padding:1px 6px;
  border-radius:6px;
  background:var(--bg-card);
  border:1px solid var(--border-color);
  color:var(--text-primary);
}
.os-form-row{display:flex;gap:10px;flex-wrap:wrap}
.os-input{
  flex:1 1 240px;
  min-width:0;
  padding:13px 15px;
  font-size:14px;
  font-weight:600;
  color:var(--text-primary);
  background:var(--bg-card);
  border:1px solid var(--border-color);
  border-radius:12px;
  outline:none;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.os-input::placeholder{color:var(--text-secondary);opacity:.75;font-weight:500}
.os-input:focus{
  border-color:#7c3aed;
  box-shadow:0 0 0 3px rgba(124,58,237,.16);
}
.os-btn{
  flex:0 0 auto;
  padding:13px 22px;
  font-size:14px;
  font-weight:800;
  color:#fff;
  background:#7c3aed;
  border:1px solid #7c3aed;
  border-radius:12px;
  cursor:pointer;
  transition:background .15s ease,opacity .15s ease;
}
.os-btn:hover:not(:disabled){background:#6d28d9}
.os-btn:disabled{opacity:.6;cursor:not-allowed}
.os-btn-ghost{
  flex:0 0 auto;
  padding:13px 16px;
  font-size:13px;
  font-weight:800;
  color:var(--text-secondary);
  background:var(--bg-card);
  border:1px solid var(--border-color);
  border-radius:12px;
  cursor:pointer;
  transition:color .15s ease,border-color .15s ease;
}
.os-btn-ghost:hover:not(:disabled){color:var(--text-primary);border-color:#7c3aed}
.os-btn-ghost:disabled{opacity:.5;cursor:not-allowed}
.os-hint{
  min-height:18px;
  margin-top:8px;
  font-size:12px;
  font-weight:600;
  color:var(--text-secondary);
}
.os-refresh{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
  padding:9px 13px;
  font-size:12px;
  font-weight:600;
  color:var(--text-secondary);
  background:var(--bg-card);
  border:1px solid var(--border-color);
  border-radius:11px;
}
.os-refresh-left{display:flex;align-items:center;gap:8px;min-width:0}
.os-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#22c55e;
  flex:0 0 auto;
  animation:os-pulse 1.6s ease-in-out infinite;
}
.os-dot.is-off{background:#94a3b8;animation:none}
.os-refresh-right{display:flex;align-items:center;gap:8px}
.os-link-btn{
  padding:0;
  font:inherit;
  font-weight:800;
  color:#7c3aed;
  background:none;
  border:none;
  cursor:pointer;
  text-decoration:underline;
}
.os-link-btn:hover{color:#6d28d9}
@keyframes os-pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.35;transform:scale(.82)}
}
.os-card{
  margin-top:16px;
  padding:18px;
  background:var(--bg-card);
  border:1px solid var(--border-color);
  border-radius:16px;
  box-shadow:var(--shadow);
}
.os-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.os-card-id{min-width:0;flex:1 1 200px}
.os-card-title{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:15px;
  font-weight:800;
  color:var(--text-primary);
  word-break:break-all;
}
.os-card-sub{
  margin-top:4px;
  font-size:12px;
  font-weight:600;
  color:var(--text-secondary);
  word-break:break-word;
}
.os-divider{
  height:1px;
  margin:15px 0;
  background:var(--border-color);
}
.os-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.os-field{display:flex;flex-direction:column;gap:3px;min-width:0}
.os-label{
  font-size:11px;
  font-weight:800;
  letter-spacing:.4px;
  text-transform:uppercase;
  color:var(--text-secondary);
}
.os-value{
  font-size:14px;
  font-weight:700;
  color:var(--text-primary);
  word-break:break-word;
}
.os-note{
  margin-top:15px;
  padding:11px 13px;
  font-size:12px;
  line-height:1.6;
  color:var(--text-secondary);
  background:var(--bg-primary);
  border:1px solid var(--border-color);
  border-radius:11px;
}
.os-empty{
  margin-top:16px;
  padding:26px 18px;
  text-align:center;
  background:var(--bg-card);
  border:1px solid var(--border-color);
  border-radius:16px;
}
.os-empty-title{
  font-size:15px;
  font-weight:800;
  color:var(--text-primary);
}
.os-empty-sub{
  margin-top:6px;
  font-size:12px;
  line-height:1.6;
  color:var(--text-secondary);
}
.os-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  font-size:12px;
  font-weight:800;
  border-radius:999px;
  white-space:nowrap;
}
.os-badge-pending{background:rgba(245,158,11,.14);color:#b45309}
.os-badge-working{background:rgba(59,130,246,.14);color:#1d4ed8}
.os-badge-done{background:rgba(34,197,94,.14);color:#15803d}
.os-badge-success{background:rgba(34,197,94,.14);color:#15803d}
.os-badge-cancel{background:rgba(239,68,68,.14);color:#b91c1c}
.os-badge-other{background:var(--bg-primary);color:var(--text-secondary)}
[data-theme="dark"] .os-badge-pending{color:#fbbf24}
[data-theme="dark"] .os-badge-working{color:#60a5fa}
[data-theme="dark"] .os-badge-done,
[data-theme="dark"] .os-badge-success{color:#4ade80}
[data-theme="dark"] .os-badge-cancel{color:#f87171}
.os-placeholder{padding:20px 0}
.os-pc-title{font-size:14px;color:var(--text-secondary)}
@media (max-width:520px){
  .os-section{padding:34px 14px}
  .os-grid{grid-template-columns:1fr}
  .os-form-row .os-btn,.os-form-row .os-btn-ghost{flex:1 1 100%}
  .os-refresh{justify-content:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .os-dot{animation:none}
}