:root{--ooptiq-blue:#2388df;--ooptiq-blue-dark:#126fc0;--ooptiq-text:#111827;--ooptiq-muted:#5f6772;--ooptiq-border:#e6e9ee;--ooptiq-bg:#f7f9fb;--ooptiq-soft:#eef6fd;--ooptiq-black:#050505}.ooptiq-portal{font-family:inherit;color:var(--ooptiq-text);max-width:1180px;margin:40px auto;padding:0 20px}.ooptiq-login-card{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;background:#fff;border:1px solid var(--ooptiq-border);border-radius:28px;padding:44px;box-shadow:0 18px 50px rgba(15,23,42,.06)}.ooptiq-login-card h1,.ooptiq-client-head h1{font-size:42px;line-height:1.08;margin:0 0 14px;color:var(--ooptiq-black);font-weight:800}.ooptiq-login-card p,.ooptiq-client-head p,.ooptiq-front-panel p{color:var(--ooptiq-muted);font-size:16px;line-height:1.6}.ooptiq-support-line{background:var(--ooptiq-soft);border:1px solid #d6eafa;border-radius:16px;padding:12px 14px;display:inline-block}.ooptiq-login-form{background:var(--ooptiq-bg);border:1px solid var(--ooptiq-border);border-radius:22px;padding:24px}.ooptiq-login-form label{display:block;font-weight:750;margin:0 0 16px}.ooptiq-login-form input,.ooptiq-search input{display:block;width:100%;box-sizing:border-box;border:1px solid var(--ooptiq-border);border-radius:14px;padding:13px 14px;margin-top:8px;background:#fff}.ooptiq-login-form button,.ooptiq-search button,.ooptiq-front-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ooptiq-blue);color:#fff!important;border:1px solid var(--ooptiq-blue);border-radius:999px;padding:12px 22px;text-decoration:none;font-weight:800;box-shadow:0 8px 18px rgba(35,136,223,.16);cursor:pointer}.ooptiq-front-btn.secondary{background:#fff;color:var(--ooptiq-blue)!important}.ooptiq-client-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.ooptiq-client-head>a{color:var(--ooptiq-blue);font-weight:800;text-decoration:none}.ooptiq-front-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ooptiq-front-panel{background:#fff;border:1px solid var(--ooptiq-border);border-radius:24px;padding:26px;margin-bottom:18px;box-shadow:0 14px 38px rgba(15,23,42,.05)}.ooptiq-front-panel h2{font-size:22px;margin:0 0 10px;color:var(--ooptiq-black)}.ooptiq-search{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.ooptiq-ticket-result{background:var(--ooptiq-bg);border:1px solid var(--ooptiq-border);border-radius:20px;margin-top:18px;padding:20px}.ooptiq-ticket-result h3{font-size:24px;margin:0 0 14px}.ooptiq-ticket-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ooptiq-ticket-meta div{background:#fff;border:1px solid var(--ooptiq-border);border-radius:14px;padding:13px}.ooptiq-ticket-meta span{display:block;color:var(--ooptiq-muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.ooptiq-ticket-meta strong{font-weight:750;word-break:break-word}.ooptiq-responsive{overflow-x:auto}.ooptiq-responsive table{width:100%;border-collapse:collapse}.ooptiq-responsive th,.ooptiq-responsive td{text-align:left;border-bottom:1px solid var(--ooptiq-border);padding:13px 10px}.ooptiq-responsive th{font-size:13px;color:#2b3441}.ooptiq-front-status{display:inline-block;background:var(--ooptiq-soft);color:var(--ooptiq-blue-dark);border:1px solid #d6eafa;border-radius:999px;padding:5px 10px;font-weight:800;font-size:12px}.ooptiq-error{border:1px solid #efc3c3;background:#fff7f7;color:#7f1d1d;border-radius:14px;padding:12px 14px;margin:12px 0}@media(max-width:800px){.ooptiq-login-card,.ooptiq-front-grid,.ooptiq-ticket-meta,.ooptiq-search{grid-template-columns:1fr}.ooptiq-login-card{padding:26px}.ooptiq-login-card h1,.ooptiq-client-head h1{font-size:32px}.ooptiq-client-head{display:block}}
.ooptiq-view-details { display:inline-block; padding:8px 14px; border:1px solid #2389e8; border-radius:999px; color:#2389e8; text-decoration:none; font-weight:700; font-size:13px; }
.ooptiq-view-details:hover { background:#2389e8; color:#fff; }
.ooptiq-ticket-result h3 { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }

/* v1.0.3 client detail visibility fixes */
.ooptiq-view-details {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 999px;
  background: #2688dc;
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(38,136,220,.18);
}
.ooptiq-ticket-inline-action { margin-top: 6px; font-size: 13px; }
.ooptiq-ticket-inline-action a { color: #2688dc; font-weight: 700; text-decoration: none; }
.ooptiq-details-heading { margin: 22px 0 12px; font-size: 22px; }