/* Quronic — Account & Signup page shell (v1.4.1)
   Loaded on the [quronic_account] and [quronic_signup] pages only.
   Content-level styling (.qrn-account-status-card, .qrn-lead-page, the
   form fields themselves) lives in quronic-lead-form.css and is reused
   here — this file is just the outer page chrome: hero header, back
   link, theme toggle and tab navigation. */

.qrn-account-page{
  --qrn-acct-page-bg:#F7F7F4;--qrn-acct-page-text:#14161C;--qrn-acct-page-muted:#5B5E68;
  --qrn-acct-page-accent:#B8863C;--qrn-acct-page-border:rgba(20,22,28,.14);
  min-height:100vh;background:var(--qrn-acct-page-bg);color:var(--qrn-acct-page-text);
  font-family:'Inter',sans-serif;padding:28px 20px 60px;box-sizing:border-box;
  transition:background-color .2s,color .2s;
}
.qrn-account-page *{box-sizing:border-box}
.qrn-account-page[data-theme="dark"]{
  --qrn-acct-page-bg:#0E1015;--qrn-acct-page-text:#F3F1EA;--qrn-acct-page-muted:#A6A9B2;
  --qrn-acct-page-accent:#D9A857;--qrn-acct-page-border:rgba(243,241,234,.14);
}
.qrn-account-page__shell{max-width:900px;margin:0 auto}
.qrn-account-page__shell--signup{max-width:1100px}

.qrn-account-page__topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.qrn-account-page__back{font:600 12px/1 'Inter',sans-serif;color:var(--qrn-acct-page-muted);text-decoration:none}
.qrn-account-page__back:hover{color:var(--qrn-acct-page-accent)}
.qrn-account-page__theme-toggle{
  width:38px;height:38px;border-radius:50%;border:1px solid var(--qrn-acct-page-border);
  background:transparent;color:var(--qrn-acct-page-text);display:grid;place-items:center;cursor:pointer;
}
.qrn-account-page__theme-toggle:hover{border-color:var(--qrn-acct-page-accent);color:var(--qrn-acct-page-accent)}
.qrn-account-page__icon-moon{display:none}
.qrn-account-page[data-theme="dark"] .qrn-account-page__icon-sun{display:none}
.qrn-account-page[data-theme="dark"] .qrn-account-page__icon-moon{display:block}

.qrn-account-page__header{margin-bottom:28px}
.qrn-account-page__header small{font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.14em;color:var(--qrn-acct-page-accent)}
.qrn-account-page__header h1{font:600 clamp(28px,4vw,42px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.03em;margin:12px 0 8px;color:var(--qrn-acct-page-text)}
.qrn-account-page__header h1 span{color:var(--qrn-acct-page-accent)}
.qrn-account-page__header p{margin:0;color:var(--qrn-acct-page-muted);font-size:14px}

.qrn-account-page__tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--qrn-acct-page-border);margin-bottom:26px;padding-bottom:2px}
.qrn-account-page__tab{
  border:0;background:none;padding:10px 4px;margin-right:14px;font:600 13px 'Inter',sans-serif;
  color:var(--qrn-acct-page-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:.2s;
}
.qrn-account-page__tab:hover{color:var(--qrn-acct-page-text)}
.qrn-account-page__tab.is-active{color:var(--qrn-acct-page-accent);border-bottom-color:var(--qrn-acct-page-accent)}

.qrn-account-page__panel{animation:qrnAcctFade .2s ease}
@keyframes qrnAcctFade{from{opacity:0}to{opacity:1}}

.qrn-account-page__footer{margin-top:32px;display:flex;justify-content:flex-end}
.qrn-account-signed-out{padding:60px 20px;text-align:center;font-size:14px;color:var(--qrn-acct-page-muted)}
.qrn-account-signed-out a{color:var(--qrn-acct-page-accent);font-weight:600;text-decoration:none}

@media (max-width:640px){
  .qrn-account-page{padding:20px 16px 40px}
  .qrn-account-page__tab{margin-right:10px;font-size:12.5px}
}

.qrn-account-support__intro{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:22px 0 20px;border-bottom:1px solid var(--qrn-acct-page-border)}.qrn-account-support__intro small,.qrn-ticket-area__head small{font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.13em;color:var(--qrn-acct-page-accent)}.qrn-account-support__intro h2{margin:8px 0 7px;font:600 27px/1.12 'Space Grotesk',sans-serif;color:var(--qrn-acct-page-text)}.qrn-account-support__intro p{margin:0;max-width:670px;color:var(--qrn-acct-page-muted);font-size:13px;line-height:1.55}.qrn-account-support__response{flex:none;text-align:right;color:var(--qrn-acct-page-muted);font-size:11px}.qrn-account-support__response strong{color:var(--qrn-acct-page-text)}.qrn-account-support__options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 30px}.qrn-account-support-card,.qrn-account-live-chat-trigger{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;border:1px solid var(--qrn-acct-page-border);border-radius:16px;background:transparent;color:var(--qrn-acct-page-text);padding:16px 17px;cursor:pointer;box-sizing:border-box}.qrn-account-support-card:hover,.qrn-account-live-chat-trigger:hover{border-color:var(--qrn-acct-page-accent)}.qrn-account-support-card__icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--qrn-acct-page-text);color:var(--qrn-acct-page-bg);font-size:20px}.qrn-account-support-card strong,.qrn-account-live-chat-trigger strong{display:block;font:600 14px 'Space Grotesk',sans-serif}.qrn-account-support-card small,.qrn-account-live-chat-trigger small{display:block;margin-top:4px;color:var(--qrn-acct-page-muted);font-size:11px}.qrn-account-support-card__arrow{color:var(--qrn-acct-page-accent)}.qrn-account-live-chat-trigger .qrn-support-fab__dot{width:10px;height:10px;border-radius:50%;background:#5cc77f}.qrn-ticket-area{border-top:1px solid var(--qrn-acct-page-border);padding-top:24px}.qrn-ticket-area__head{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.qrn-ticket-area__head h3{margin:7px 0 0;font:600 22px/1.1 'Space Grotesk',sans-serif}.qrn-account-support-small-btn{border:1px solid var(--qrn-acct-page-border);background:transparent;color:var(--qrn-acct-page-text);border-radius:999px;padding:9px 13px;font:600 11px 'Inter',sans-serif;cursor:pointer}.qrn-ticket-list{display:grid;gap:8px}.qrn-ticket-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;border:1px solid var(--qrn-acct-page-border);border-radius:13px;padding:13px 14px}.qrn-ticket-row__title{font:600 13px/1.3 'Space Grotesk',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qrn-ticket-row__number{margin-top:3px;font:600 9px 'IBM Plex Mono',monospace;color:var(--qrn-acct-page-muted)}.qrn-ticket-row__status{font-size:10px;color:var(--qrn-acct-page-muted);padding:6px 9px;border:1px solid var(--qrn-acct-page-border);border-radius:999px}.qrn-ticket-row__action{border:0;background:transparent;color:var(--qrn-acct-page-accent);font:600 11px 'Inter',sans-serif;cursor:pointer}.qrn-ticket-empty-client{padding:20px;border:1px dashed var(--qrn-acct-page-border);border-radius:13px;text-align:center;color:var(--qrn-acct-page-muted);font-size:12px}.qrn-ticket-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.qrn-ticket-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.qrn-ticket-modal__backdrop{position:absolute;inset:0;background:rgba(10,12,16,.58)}.qrn-ticket-modal__dialog{position:relative;z-index:2;width:min(720px,100%);max-height:min(780px,92dvh);overflow:auto;border-radius:18px;background:var(--qrn-acct-page-bg);color:var(--qrn-acct-page-text);box-shadow:0 25px 80px rgba(0,0,0,.3);padding:24px}.qrn-ticket-modal__close{position:absolute;right:15px;top:15px;width:34px;height:34px;border-radius:50%;border:1px solid var(--qrn-acct-page-border);background:transparent;color:var(--qrn-acct-page-text);font-size:22px;cursor:pointer}.qrn-ticket-modal__eyebrow{font:600 9px 'IBM Plex Mono',monospace;letter-spacing:.14em;color:var(--qrn-acct-page-accent)}.qrn-ticket-modal__dialog h3{margin:8px 44px 6px 0;font:600 25px/1.15 'Space Grotesk',sans-serif}.qrn-ticket-modal__hint{margin:0;color:var(--qrn-acct-page-muted);font-size:12px;line-height:1.5}.qrn-ticket-form{margin-top:20px;display:grid;gap:13px}.qrn-ticket-form label{display:grid;gap:6px}.qrn-ticket-form label span{font-size:10px;font-weight:700;color:var(--qrn-acct-page-muted);text-transform:uppercase;letter-spacing:.06em}.qrn-ticket-form input,.qrn-ticket-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--qrn-acct-page-border);border-radius:11px;background:transparent;color:var(--qrn-acct-page-text);padding:11px 12px;font:500 13px/1.45 'Inter',sans-serif}.qrn-ticket-form textarea{min-height:150px;resize:vertical}.qrn-ticket-attach-row{display:flex}.qrn-ticket-attach{border:1px solid var(--qrn-acct-page-border);background:transparent;color:var(--qrn-acct-page-text);border-radius:10px;padding:9px 13px;font:600 12px 'Inter',sans-serif;cursor:pointer}.qrn-ticket-attach:hover{border-color:var(--qrn-acct-page-accent);color:var(--qrn-acct-page-accent)}.qrn-ticket-attach-hint{display:block;margin-top:5px;color:var(--qrn-acct-page-muted);font-size:10px}.qrn-ticket-attachment-preview{margin-top:8px}.qrn-ticket-attachment-preview__inner{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid var(--qrn-acct-page-border);border-radius:10px;background:transparent;font-size:11px}.qrn-ticket-attachment-preview__image{width:46px;height:46px;object-fit:cover;border-radius:8px}.qrn-ticket-attachment-preview__inner>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--qrn-acct-page-muted)}.qrn-ticket-attachment-preview__remove{flex:none;border:0;background:transparent;color:var(--qrn-acct-page-accent);font-size:10px;cursor:pointer}.qrn-ticket-form__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.qrn-ticket-form__response{font-size:10px;color:var(--qrn-acct-page-muted)}.qrn-ticket-form__submit{border:0;border-radius:999px;background:var(--qrn-acct-page-accent);color:#17110a;padding:11px 16px;font:700 12px 'Inter',sans-serif;cursor:pointer}.qrn-ticket-form__submit:disabled{opacity:.5}.qrn-ticket-error{margin:8px 0 0;color:#a33;font-size:11px}.qrn-ticket-view__meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.qrn-ticket-view__pill{padding:6px 9px;border:1px solid var(--qrn-acct-page-border);border-radius:999px;font-size:10px;color:var(--qrn-acct-page-muted)}.qrn-ticket-view__messages{display:grid;gap:10px;margin-top:18px}.qrn-ticket-view__message{max-width:84%;padding:11px 12px;border-radius:13px;border:1px solid var(--qrn-acct-page-border);font-size:12px;line-height:1.5;white-space:pre-wrap}.qrn-ticket-view__message a{display:inline-block}.qrn-ticket-view__image{display:block;max-width:260px;max-height:240px;width:auto;height:auto;margin-top:7px;border-radius:10px;object-fit:contain;background:var(--qrn-acct-page-border)}.qrn-ticket-view__message--client{margin-left:auto;background:var(--qrn-acct-page-text);color:var(--qrn-acct-page-bg);border-bottom-right-radius:4px}.qrn-ticket-view__message--admin{margin-right:auto;border-bottom-left-radius:4px}.qrn-ticket-view__time{display:block;margin-top:5px;font-size:9px;opacity:.55}.qrn-ticket-closed-banner{margin-top:18px;padding:14px 15px;border:1px solid var(--qrn-acct-page-border);border-radius:13px;background:var(--qrn-acct-page-bg);color:var(--qrn-acct-page-muted);font-size:12px;line-height:1.55;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.qrn-ticket-closed-banner strong{color:var(--qrn-acct-page-text)}.qrn-ticket-closed-banner__start{flex:none;border:0;border-radius:999px;background:var(--qrn-acct-page-accent);color:#17110a;padding:9px 14px;font:700 11px 'Inter',sans-serif;cursor:pointer}@media(max-width:720px){.qrn-account-support__intro{display:block}.qrn-account-support__response{display:inline-block;text-align:left;margin-top:10px}.qrn-account-support__options{grid-template-columns:1fr}.qrn-ticket-row{grid-template-columns:minmax(0,1fr) auto}.qrn-ticket-row__action{grid-column:1/-1;justify-self:start}}
.qrn-account-billing__intro{padding-bottom:20px;border-bottom:1px solid var(--qrn-acct-page-border);margin-bottom:20px}.qrn-account-billing__intro small{font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.13em;color:var(--qrn-acct-page-accent)}.qrn-account-billing__intro h2{margin:8px 0 7px;font:600 27px/1.12 'Space Grotesk',sans-serif;color:var(--qrn-acct-page-text)}.qrn-account-billing__intro p{margin:0;max-width:670px;color:var(--qrn-acct-page-muted);font-size:13px;line-height:1.55}.qrn-billing-list{display:grid;gap:12px}.qrn-billing-card{border:1px solid var(--qrn-acct-page-border);border-radius:16px;padding:18px 19px}.qrn-billing-card--paid{opacity:.9}.qrn-billing-card--locked{opacity:.62}.qrn-billing-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.qrn-billing-card__top strong{display:block;font:600 15px 'Space Grotesk',sans-serif;color:var(--qrn-acct-page-text)}.qrn-billing-card__top small{display:block;margin-top:3px;color:var(--qrn-acct-page-muted);font:600 10px 'IBM Plex Mono',monospace}.qrn-billing-card__pill{flex:none;padding:6px 10px;border:1px solid var(--qrn-acct-page-border);border-radius:999px;font-size:10px;font-weight:700;color:var(--qrn-acct-page-muted);white-space:nowrap}.qrn-billing-card--paid .qrn-billing-card__pill{color:#3f8f5f;border-color:#3f8f5f}.qrn-billing-card--active .qrn-billing-card__pill{color:var(--qrn-acct-page-accent);border-color:var(--qrn-acct-page-accent)}.qrn-billing-card__amount{margin-top:12px;font:700 30px 'Space Grotesk',sans-serif;color:var(--qrn-acct-page-text)}.qrn-billing-card__note{margin:8px 0 0;color:var(--qrn-acct-page-muted);font-size:12px;line-height:1.5}.qrn-billing-card__pay{margin-top:14px;border:0;border-radius:999px;background:var(--qrn-acct-page-accent);color:#17110a;padding:11px 20px;font:700 12px 'Inter',sans-serif;cursor:pointer}.qrn-billing-card__pay:disabled{background:var(--qrn-acct-page-border);color:var(--qrn-acct-page-muted);cursor:not-allowed}.qrn-billing-error{color:#a33;font-size:12px;margin-top:14px}