.customer-shell{max-width:1180px;margin:0 auto;padding:70px 24px}.customer-auth{max-width:560px;margin:0 auto}.customer-panel{background:#fff;border:1px solid #d5d9de;padding:30px;box-shadow:0 12px 34px rgba(16,32,70,.08)}.customer-panel h1,.customer-panel h2,.customer-panel h3{font-family:Georgia,serif;color:#131820}.customer-panel h1{font-size:42px;margin:0 0 8px}.customer-muted{color:#68727e}.customer-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:18px}.customer-links a{color:#0b79bb;font-weight:700}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.customer-card{background:#fff;border:1px solid #d5d9de;padding:22px}.customer-card b{display:block;color:#131820;font-size:17px}.customer-card strong{font:500 28px Georgia,serif;color:#0b79bb}.customer-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.customer-form .full{grid-column:1/-1}.customer-form button{justify-self:start}.customer-table{width:100%;border-collapse:collapse;background:#fff}.customer-table th,.customer-table td{padding:12px;border-bottom:1px solid #e1e4e8;text-align:left}.customer-message{padding:16px;margin:12px 0;border:1px solid #d5d9de;background:#fff}.customer-message.owner{border-left:4px solid #20b8ff}.customer-message.customer{border-left:4px solid #8b98a8}.customer-status{display:inline-block;padding:5px 10px;border-radius:20px;background:#e7f5fc;color:#075d8c;font-weight:800;font-size:11px;text-transform:uppercase}.customer-alert{padding:13px 15px;margin:0 0 18px;background:#e9f6ee;border:1px solid #8ac6a0}.customer-alert.error{background:#fbeaea;border-color:#db9696}.customer-actions{display:flex;gap:10px;flex-wrap:wrap}.customer-actions .button{margin:0}.customer-section{margin-top:28px}@media(max-width:760px){.customer-shell{padding:45px 18px}.customer-grid,.customer-form{grid-template-columns:1fr}.customer-form .full{grid-column:auto}.customer-panel{padding:22px}.customer-panel h1{font-size:34px}.customer-table{display:block;overflow-x:auto}}

.customer-message-subject{margin:8px 0 6px;font:600 20px Georgia,serif;color:inherit}


/* Smart Site 4 v1.2.5 mobile drawer verification */
@media (max-width: 900px){
  .mobile-nav,
  .mobile-menu,
  .nav-drawer,
  .menu-drawer,
  .mobile-drawer,
  .site-nav-drawer{
    width:min(86vw, 360px);
    max-width:360px;
    background:#151218;
    color:#fff;
  }
  .mobile-nav a,
  .mobile-menu a,
  .nav-drawer a,
  .menu-drawer a,
  .mobile-drawer a,
  .site-nav-drawer a{
    color:#fff;
  }
}