/* Tech Guru One Connect: account pages inside the brand theme. Fonts come from the theme; one accent colour per site. */
.tg1c{--tg1c-accent:#1d4ed8;--tg1c-ink:#18202a;--tg1c-muted:#5d6b78;--tg1c-line:#dfe5ea;--tg1c-soft:#f5f7f9;--tg1c-ok:#17663a;--tg1c-ok-bg:#e5f5ea;--tg1c-bad:#a12a2a;--tg1c-bad-bg:#fdecec;--tg1c-due:#8a5300;--tg1c-due-bg:#fff4df;
  color:var(--tg1c-ink);padding:32px 16px 56px;line-height:1.55}
.tg1c *{box-sizing:border-box}
.tg1c-wrap{max-width:1080px;margin:0 auto}
.tg1c-nav{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;justify-content:flex-end;font-size:14px;margin-bottom:22px}
.tg1c-nav a{color:var(--tg1c-muted);text-decoration:none}
.tg1c-nav a:hover,.tg1c-nav a:focus-visible{color:var(--tg1c-accent)}
.tg1c-cur{color:var(--tg1c-muted)}
.tg1c-h1{font-size:clamp(26px,3.4vw,34px);line-height:1.2;margin:0 0 14px;text-wrap:balance}
.tg1c h2{font-size:21px;margin:26px 0 12px}
.tg1c-eyebrow{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--tg1c-accent);margin:0 0 6px;font-weight:600}
.tg1c-lede{font-size:18px;color:var(--tg1c-muted);margin:0 0 16px}
.tg1c-muted{color:var(--tg1c-muted)}
.tg1c-small{font-size:13px}
.tg1c-narrow{max-width:520px}
.tg1c-alert{padding:12px 14px;border-radius:8px;background:var(--tg1c-soft);margin:0 0 16px;border:1px solid var(--tg1c-line)}
.tg1c-alert--error{background:var(--tg1c-bad-bg);color:var(--tg1c-bad);border-color:transparent}
.tg1c-alert--ok{background:var(--tg1c-ok-bg);color:var(--tg1c-ok);border-color:transparent}
.tg1c-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;border-radius:8px;border:1px solid var(--tg1c-accent);background:var(--tg1c-accent);color:#fff!important;font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;line-height:1.2}
.tg1c-btn:hover{filter:brightness(1.07)}
.tg1c-btn:focus-visible,.tg1c-link:focus-visible,.tg1c input:focus-visible,.tg1c select:focus-visible{outline:3px solid color-mix(in srgb,var(--tg1c-accent) 35%,transparent);outline-offset:2px}
.tg1c-btn--ghost{background:transparent;color:var(--tg1c-accent)!important}
.tg1c-btn--wide{width:100%}
.tg1c-btn--small{padding:7px 12px;font-size:13px}
.tg1c-btn[disabled]{opacity:.6;cursor:progress}
.tg1c-link{background:none;border:0;padding:0;color:var(--tg1c-accent);cursor:pointer;font:inherit;text-decoration:underline}
.tg1c-inline{display:inline}
.tg1c-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.tg1c-field{margin:0 0 14px;min-width:0}
.tg1c-field label,.tg1c-field legend{display:block;font-weight:600;font-size:14px;margin-bottom:5px}
.tg1c-field input[type=text],.tg1c-field input[type=email],.tg1c-field input[type=tel],.tg1c-field input[type=password],.tg1c-field input[type=number],.tg1c-field input:not([type]),.tg1c-field select,.tg1c-promo input{width:100%;padding:10px 12px;border:1px solid var(--tg1c-line);border-radius:8px;font:inherit;background:#fff;color:var(--tg1c-ink)}
.tg1c-field--error input,.tg1c-field--error select{border-color:var(--tg1c-bad)}
.tg1c-err{display:block;color:var(--tg1c-bad);font-size:13px;margin-top:4px}
fieldset.tg1c-field{border:0;padding:0}
.tg1c-choice{display:flex!important;gap:8px;align-items:baseline;font-weight:400!important;padding:9px 12px;border:1px solid var(--tg1c-line);border-radius:8px;margin-bottom:8px;cursor:pointer}
.tg1c-choice:has(input:checked){border-color:var(--tg1c-accent);background:color-mix(in srgb,var(--tg1c-accent) 6%,#fff)}
.tg1c-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 16px}
.tg1c-cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:start}
.tg1c-product{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:36px;align-items:start}
.tg1c-product__buy{border:1px solid var(--tg1c-line);border-radius:12px;padding:20px;background:#fff;position:sticky;top:20px}
.tg1c-desc{color:var(--tg1c-ink)}
.tg1c-desc ul{padding-left:20px}
.tg1c-total{font-size:22px;font-weight:700;margin:6px 0 2px;min-height:1.4em;font-variant-numeric:tabular-nums}
.tg1c-total small{font-size:13px;font-weight:400;color:var(--tg1c-muted)}
.tg1c-group{margin-bottom:34px}
.tg1c-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.tg1c-card{border:1px solid var(--tg1c-line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:6px;background:#fff;min-width:0}
.tg1c-card h3{font-size:17px;margin:0}
.tg1c-card .tg1c-btn{margin-top:auto}
.tg1c-price{font-size:20px;font-weight:700;margin:4px 0 10px;font-variant-numeric:tabular-nums}
.tg1c-table-wrap{overflow-x:auto;border:1px solid var(--tg1c-line);border-radius:10px;margin:0 0 16px;background:#fff}
.tg1c-table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums;margin:0}
.tg1c-table th,.tg1c-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--tg1c-line);vertical-align:top}
.tg1c-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--tg1c-muted);background:var(--tg1c-soft)}
.tg1c-table .num{text-align:right;white-space:nowrap}
.tg1c-table tfoot td{border-bottom:0}
.tg1c-grand td{font-weight:700;font-size:17px}
.tg1c-table td .tg1c-inline+.tg1c-inline{margin-left:10px}
.tg1c-promo{display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:460px}
.tg1c-promo label{font-weight:600;font-size:14px;width:100%}
.tg1c-promo input{flex:1 1 180px;width:auto}
.tg1c-details summary{cursor:pointer;color:var(--tg1c-accent);margin:14px 0}
.tg1c-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.tg1c-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:8px 0 24px}
.tg1c-tile{border:1px solid var(--tg1c-line);border-radius:12px;padding:16px;text-decoration:none;color:var(--tg1c-ink)!important;background:#fff}
.tg1c-tile span{display:block;font-size:28px;font-weight:700;color:var(--tg1c-accent);font-variant-numeric:tabular-nums}
.tg1c-tile--due{background:var(--tg1c-due-bg);border-color:transparent}
.tg1c-tile--due span{color:var(--tg1c-due)}
.tg1c-pill{display:inline-block;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--tg1c-soft);color:var(--tg1c-muted);white-space:nowrap}
.tg1c-pill--active,.tg1c-pill--paid{background:var(--tg1c-ok-bg);color:var(--tg1c-ok)}
.tg1c-pill--unpaid,.tg1c-pill--overdue,.tg1c-pill--suspended{background:var(--tg1c-due-bg);color:var(--tg1c-due)}
.tg1c-pill--cancelled,.tg1c-pill--terminated{background:var(--tg1c-bad-bg);color:var(--tg1c-bad)}
@media (max-width:860px){.tg1c-product,.tg1c-cols{grid-template-columns:minmax(0,1fr)}.tg1c-product__buy{position:static}}
@media (prefers-reduced-motion:reduce){.tg1c *{transition:none!important}}
/* manage pages */
.tg1c-strong{font-weight:600;color:var(--tg1c-ink);text-decoration:none}
.tg1c-strong:hover{color:var(--tg1c-accent)}
.tg1c-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:6px 0 20px;padding:0}
.tg1c-facts div{border:1px solid var(--tg1c-line);border-radius:10px;padding:10px 14px;background:#fff;min-width:0}
.tg1c-facts dt{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--tg1c-muted)}
.tg1c-facts dd{margin:2px 0 0;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.tg1c-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:12px 0}
.tg1c-plan{border:1px solid var(--tg1c-line);border-radius:12px;padding:14px;margin:0;background:#fff;min-width:0}
.tg1c-plan legend{font-weight:700;padding:0 4px}
.tg1c-grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 14px}
.tg1c-btn--danger{background:var(--tg1c-bad);border-color:var(--tg1c-bad)}
.tg1c-danger summary{color:var(--tg1c-bad)}
.tg1c-msg{border:1px solid var(--tg1c-line);border-radius:10px;padding:12px 14px;margin:0 0 12px;background:#fff}
.tg1c-msg--staff{background:color-mix(in srgb,var(--tg1c-accent) 5%,#fff);border-color:color-mix(in srgb,var(--tg1c-accent) 25%,#fff)}
.tg1c-msg header{margin-bottom:6px}
.tg1c textarea{width:100%;padding:10px 12px;border:1px solid var(--tg1c-line);border-radius:8px;font:inherit}
.tg1c-head .tg1c-pill{margin-top:8px}

/* Zoho Books documents on the invoice page (1.2) */
.tg1c-docs{list-style:none;margin:0 0 1rem;padding:0}
.tg1c-docs li{padding:.6rem 0;border-bottom:1px solid var(--tg1c-line)}

/* Sign-in card: the WHMCS client-area login card (app.techguru.co.in/login), same look (1.2) */
.tg1c-auth { --tga-blue:#2b7de9; --tga-blue-dark:#1f6bd1; --tga-ink:#1e293b; --tga-muted:#64748b; --tga-line:#dde3ea;
    display:flex; justify-content:center; padding:24px 0 8px; }
.tg1c-auth-card { width:100%; max-width:380px; background:#fff; border-radius:16px; padding:32px 28px 22px;
    box-shadow:0 10px 30px rgba(15,23,42,.08); text-align:center; color:var(--tga-ink); border:1px solid #eef1f5; }
.tg1c-auth-brand img { max-height:46px; max-width:100%; width:auto; display:inline-block; }
.tg1c-auth-name { font-size:22px; font-weight:700; }
.tg1c-auth-sub { color:var(--tga-muted); font-size:14px; margin:12px 0 22px; }
.tg1c-auth-label { display:block; text-align:left; font-size:12px; font-weight:700; letter-spacing:.06em;
    text-transform:uppercase; color:#475569; margin:0 0 7px; }
.tg1c-auth-gap { margin-top:14px; }
.tg1c-auth-input { display:block; width:100%; height:46px; border:1px solid #cfd7e2; border-radius:8px; padding:0 14px;
    font-size:15px; color:var(--tga-ink); background:#fff; outline:none; box-shadow:none; box-sizing:border-box;
    transition:border-color .12s, box-shadow .12s; }
.tg1c-auth-input:focus { border-color:var(--tga-blue); box-shadow:0 0 0 3px rgba(43,125,233,.15); }
.tg1c-auth-code { text-align:center; font-size:22px; font-weight:700; letter-spacing:10px; }
.tg1c-auth-pw { position:relative; }
.tg1c-auth-pw .tg1c-auth-input { padding-right:44px; }
.tg1c-auth-reveal { position:absolute; right:6px; top:7px; width:34px; height:32px; border:0; background:none;
    color:#94a3b8; cursor:pointer; padding:0; }
.tg1c-auth-reveal:hover { color:var(--tga-ink); background:none; }
.tg1c-auth-btn { display:block; width:100%; height:46px; margin-top:16px; border:0; border-radius:8px;
    background:var(--tga-blue); color:#fff; font-size:15px; font-weight:700; cursor:pointer; transition:background-color .12s; }
.tg1c-auth-btn:hover, .tg1c-auth-btn:focus { background:var(--tga-blue-dark); color:#fff; }
.tg1c-auth-btn[disabled] { opacity:.7; cursor:default; }
.tg1c-auth-switch { margin:16px 0 0; font-size:14px; color:var(--tga-ink); }
.tg1c-auth-switch a, .tg1c-auth-link, .tg1c-auth-register a { color:var(--tga-blue); font-weight:600; text-decoration:none; }
.tg1c-auth-link { background:none; border:0; padding:0; font-size:14px; cursor:pointer; }
.tg1c-auth-link:hover { background:none; color:var(--tga-blue-dark); }
.tg1c-auth-link[disabled] { color:#94a3b8; cursor:default; font-weight:500; }
.tg1c-auth-dot { color:#cbd5e1; margin:0 6px; }
.tg1c-auth-or { display:flex; align-items:center; gap:12px; margin:22px 0 14px; color:#94a3b8; font-size:12.5px; }
.tg1c-auth-or::before, .tg1c-auth-or::after { content:""; flex:1; height:1px; background:var(--tga-line); }
.tg1c-auth-social { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:44px;
    border:1px solid var(--tga-line); border-radius:8px; background:#fff; color:var(--tga-ink); font-size:14px; font-weight:600;
    cursor:pointer; transition:border-color .12s, background-color .12s; }
.tg1c-auth-social:hover { border-color:#b8c3d1; background:#f8fafc; color:var(--tga-ink); }
.tg1c-auth-register { margin:20px 0 0; font-size:13.5px; color:var(--tga-muted); }
.tg1c-auth-powered { margin-top:14px; font-size:12px; color:#94a3b8; }
.tg1c-auth-msg { text-align:left; font-size:13.5px; border-radius:8px; padding:10px 12px; margin:0 0 16px;
    background:#eef6ff; color:#1e4f8f; border:1px solid #d3e5fb; }
.tg1c-auth-msg.is-err { background:#fdf0f0; color:#9c2b2b; border-color:#f5d5d5; }
.tg1c-auth-msg.is-ok { background:#eef9f0; color:#256a34; border-color:#cdeed4; }
.tg1c-auth-form { margin:0; }
.tg1c-auth .tg1c-inline { display:inline; }
@media (max-width:420px) { .tg1c-auth-card { padding:26px 20px 18px; } }
.tg1c-auth-row { display:flex; justify-content:space-between; align-items:baseline; margin-top:14px; }
.tg1c-auth-row .tg1c-auth-gap { margin-top:0; }
.tg1c-auth-small { font-size:12.5px; color:var(--tga-blue); text-decoration:none; }

/* Billing (1.3): tabs, ways to pay, bank details */
.tg1c-tabs { display:flex; gap:6px; flex-wrap:wrap; margin:0 0 18px; border-bottom:1px solid var(--tg1c-line); }
.tg1c-tabs a { padding:8px 12px; text-decoration:none; color:var(--tg1c-muted); border-bottom:2px solid transparent; margin-bottom:-1px; }
.tg1c-tabs a[aria-current="page"] { color:var(--tg1c-ink); border-bottom-color:var(--tg1c-accent); font-weight:600; }
.tg1c-paylist { display:grid; gap:12px; margin:0 0 16px; }
.tg1c-payopt { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; padding:14px 16px;
    border:1px solid var(--tg1c-line); border-radius:10px; background:#fff; }
.tg1c-payopt form { margin:0; }
.tg1c-bank { padding:14px 16px; border:1px solid var(--tg1c-line); border-radius:10px; background:#f8fafc; margin:0 0 14px; white-space:normal; }

/* 1.4: quotes, security, contacts, users, affiliates, knowledgebase */
.tg1c-note { padding:14px 16px; border-left:3px solid var(--tg1c-accent); background:var(--tg1c-soft); border-radius:0 8px 8px 0; margin:0 0 18px; }
.tg1c-backup { font:600 20px/1.3 ui-monospace,Menlo,Consolas,monospace; letter-spacing:.08em; margin:10px 0 2px; color:var(--tg1c-ink); overflow-wrap:anywhere; }
.tg1c-qr { display:inline-block; padding:10px; background:#fff; border:1px solid var(--tg1c-line); border-radius:10px; margin:4px 0 10px; }
.tg1c-qr svg { display:block; width:200px; height:200px; }
.tg1c-key { font:600 15px ui-monospace,Menlo,Consolas,monospace; letter-spacing:.06em; background:var(--tg1c-soft); padding:2px 6px; border-radius:4px; overflow-wrap:anywhere; }
.tg1c-steps { padding-left:20px; margin:10px 0 6px; }
.tg1c-list { padding-left:20px; }
.tg1c-link--danger { color:var(--tg1c-bad); }
.tg1c-btn--danger { background:var(--tg1c-bad); border-color:var(--tg1c-bad); }
.tg1c section.tg1c-narrow { margin-bottom:10px; }
.tg1c-cards .tg1c-card p { margin:0; }
.tg1c-crumbs { font-size:13px; color:var(--tg1c-muted); margin:0 0 12px; }
.tg1c-crumbs a { color:var(--tg1c-muted); }
.tg1c-kb-search { display:flex; gap:8px; flex-wrap:wrap; max-width:620px; margin:0 0 22px; }
.tg1c-kb-search input { flex:1 1 240px; padding:10px 12px; border:1px solid var(--tg1c-line); border-radius:8px; font:inherit; }
.tg1c-kb-cat { margin:0 0 26px; }
.tg1c-kb-cat h2 a { color:var(--tg1c-ink); text-decoration:none; }
.tg1c-kb-list { list-style:none; padding:0; margin:0; border:1px solid var(--tg1c-line); border-radius:10px; background:#fff; }
.tg1c-kb-list li { padding:12px 14px; border-bottom:1px solid var(--tg1c-line); }
.tg1c-kb-list li:last-child { border-bottom:0; }
.tg1c-kb-list li > a { font-weight:600; text-decoration:none; }
.tg1c-kb-list p { margin:4px 0 0; }
.tg1c-kb-article { max-width:760px; }
.tg1c-kb-article .tg1c-desc img { max-width:100%; height:auto; }
.tg1c-kb-vote { display:flex; flex-wrap:wrap; align-items:center; gap:8px; border-top:1px solid var(--tg1c-line); padding-top:14px; margin:22px 0; max-width:760px; }
.tg1c-kb-vote p { width:100%; margin:4px 0 0; }
.tg1c-kb-help { margin-top:26px; }

/* 1.5: tickets, emails, announcements, downloads, options */
.tg1c-files { list-style:none; padding:0; margin:10px 0 0; display:flex; flex-wrap:wrap; gap:6px 14px; font-size:14px; }
.tg1c-files a::before { content:"📎 "; }
.tg1c-rates { display:flex; flex-wrap:wrap; gap:6px; }
.tg1c-rate { display:inline-flex !important; gap:4px; align-items:center; padding:6px 10px; border:1px solid var(--tg1c-line); border-radius:8px; cursor:pointer; font-weight:400 !important; }
.tg1c-rate:has(input:checked) { border-color:var(--tg1c-accent); background:color-mix(in srgb,var(--tg1c-accent) 6%,#fff); }
.tg1c-suggest { padding:12px 14px; border:1px solid var(--tg1c-line); border-radius:8px; background:var(--tg1c-soft); margin:-4px 0 14px; font-size:14px; }
.tg1c-suggest p { margin:0 0 6px; font-weight:600; }
.tg1c-suggest ul { margin:0; padding-left:18px; }
.tg1c-close { margin:10px 0 24px; }
.tg1c-hp { position:absolute !important; left:-9999px; width:1px; height:1px; overflow:hidden; }
.tg1c-mail { width:100%; min-height:520px; border:1px solid var(--tg1c-line); border-radius:10px; background:#fff; }
.tg1c-ann { padding:14px 0; border-bottom:1px solid var(--tg1c-line); }
.tg1c-ann h2 { margin:2px 0 6px; font-size:19px; }
.tg1c-ann h2 a { text-decoration:none; }
.tg1c-list-plain { border:0; background:none; }
.tg1c-credit { display:inline-flex; gap:8px; align-items:center; flex-wrap:wrap; margin-left:6px; }
.tg1c-credit input { width:130px; padding:7px 10px; border:1px solid var(--tg1c-line); border-radius:8px; font:inherit; }

/* ======================================================================= 1.6: account shell (side menu), dashboard, services cards, team */
.tg1c { --tg1c-ink-2:#33435a; --tg1c-line-2:#e3e9f0; --tg1c-soft-2:#f5f8fb; --tg1c-accent-soft:color-mix(in srgb,var(--tg1c-accent) 9%,#fff); --tg1c-navy:#0d1b33; --tg1c-r:14px; }
.tg1c-wrap:has(> .tg1c-shell) { max-width:1280px; }
.tg1c .screen-reader-text { position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.tg1c-shell { display:grid; grid-template-columns:260px minmax(0,1fr); gap:32px; align-items:start; }
.tg1c-content { min-width:0; }
.tg1c-content > :first-child { margin-top:0; }

/* side menu */
.tg1c-side { position:sticky; top:20px; display:flex; flex-direction:column; gap:16px; font-size:15px; min-width:0; }
.tg1c-side__acct { display:flex; align-items:center; gap:12px; padding:14px; border:1px solid var(--tg1c-line-2); border-radius:var(--tg1c-r); background:#fff; min-width:0; }
.tg1c-side__acct > span:last-child { display:flex; flex-direction:column; min-width:0; }
.tg1c-side__acct strong { font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tg1c-side__acct span span { font-size:12px; color:var(--tg1c-muted); }
.tg1c-side__logo { width:42px; height:42px; flex:0 0 42px; border-radius:12px; background:var(--tg1c-accent-soft); color:var(--tg1c-accent); display:flex; align-items:center; justify-content:center; font-weight:800; }
.tg1c-side__nav ul { list-style:none; margin:0; padding:0; }
.tg1c-side__nav > ul { display:flex; flex-direction:column; gap:2px; }
.tg1c-side__nav > ul > li { margin:0; }
.tg1c-side__nav > ul > li > a { display:flex; align-items:center; gap:12px; min-height:44px; padding:0 12px; border-radius:10px; text-decoration:none; color:var(--tg1c-ink-2); font-weight:500; transition:background-color .12s,color .12s; }
.tg1c-side__nav > ul > li > a:hover { background:var(--tg1c-soft-2); color:var(--tg1c-ink); }
.tg1c-side__nav > ul > li.is-on > a { background:var(--tg1c-accent-soft); color:var(--tg1c-accent); font-weight:700; }
.tg1c-side__nav > ul > li > a span { flex:1 1 auto; }
.tg1c-side__nav em { font-style:normal; font-size:12px; font-weight:600; color:var(--tg1c-muted); }
.tg1c-side__sub { display:flex; flex-direction:column; margin:2px 0 8px 42px!important; border-left:1px solid var(--tg1c-line-2); }
.tg1c-side__sub a { display:block; padding:8px 14px; margin-left:-1px; border-left:2px solid transparent; text-decoration:none; font-size:14px; color:var(--tg1c-muted); font-weight:500; }
.tg1c-side__sub a:hover { color:var(--tg1c-ink); }
.tg1c-side__sub a[aria-current="page"] { border-left-color:var(--tg1c-accent); color:var(--tg1c-accent); font-weight:700; }
.tg1c-side__subrow { display:none; }
.tg1c-side__help { padding:16px; border-radius:var(--tg1c-r); background:var(--tg1c-navy); color:#e8eef7; display:flex; flex-direction:column; gap:8px; font-size:13px; line-height:1.5; }
.tg1c-side__help strong { font-size:14px; color:#fff; }
.tg1c-side__help a { align-self:flex-start; background:#fff; color:var(--tg1c-ink); text-decoration:none; font-weight:700; font-size:13px; padding:9px 14px; border-radius:999px; margin-top:2px; }
.tg1c-side a:focus-visible { outline:3px solid color-mix(in srgb,var(--tg1c-accent) 35%,transparent); outline-offset:1px; }
.tg1c-solo { max-width:1080px; margin:0 auto; }
.tg1c-guestbar { display:flex; flex-wrap:wrap; gap:6px 18px; justify-content:flex-end; font-size:14px; margin-bottom:18px; }
.tg1c-guestbar a { color:var(--tg1c-muted); text-decoration:none; }
.tg1c-guestbar a:hover { color:var(--tg1c-accent); }

/* page head, stats */
.tg1c-pagehead { display:flex; justify-content:space-between; align-items:flex-end; gap:12px 20px; flex-wrap:wrap; margin:0 0 22px; }
.tg1c-pagehead .tg1c-h1 { margin-bottom:4px; }
.tg1c-pagehead .tg1c-lede { margin:0; font-size:16px; }
.tg1c-pagehead .tg1c-actions { margin:0; }
.tg1c-h2 { font-size:19px!important; margin:26px 0 12px!important; }
.tg1c-alert--warn { background:var(--tg1c-due-bg); color:var(--tg1c-due); border-color:transparent; display:flex; flex-wrap:wrap; gap:6px 12px; justify-content:space-between; align-items:center; }
.tg1c-alert--warn a { color:inherit; font-weight:700; }
.tg1c-alert--info { background:var(--tg1c-accent-soft); border-color:transparent; }
.tg1c-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:14px; margin:0 0 24px; }
.tg1c-stat { display:flex; flex-direction:column; gap:4px; padding:16px 18px; border:1px solid var(--tg1c-line-2); border-radius:var(--tg1c-r); background:#fff; color:var(--tg1c-ink)!important; text-decoration:none; min-width:0; transition:border-color .12s,box-shadow .12s; }
a.tg1c-stat:hover { border-color:color-mix(in srgb,var(--tg1c-accent) 35%,#fff); box-shadow:0 8px 20px -14px rgba(14,34,64,.4); }
.tg1c-stat__label { font-size:13px; color:var(--tg1c-muted); font-weight:600; }
.tg1c-stat__value { font-size:26px; font-weight:800; letter-spacing:-.01em; font-variant-numeric:tabular-nums; line-height:1.15; overflow-wrap:anywhere; }
.tg1c-stat__value small { font-size:14px; font-weight:600; color:var(--tg1c-muted); }
.tg1c-stat__note { font-size:12.5px; color:var(--tg1c-muted); }
.tg1c-stat--due { background:var(--tg1c-due-bg); border-color:transparent; }
.tg1c-stat--due .tg1c-stat__value { color:var(--tg1c-due); }

/* panels and rows */
.tg1c-panel { border:1px solid var(--tg1c-line-2); border-radius:var(--tg1c-r); background:#fff; margin:0 0 20px; overflow:hidden; }
.tg1c-panel__head { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px 20px; border-bottom:1px solid var(--tg1c-line-2); }
.tg1c-panel__head h2 { font-size:17px!important; margin:0!important; }
.tg1c-panel__head p { margin:4px 0 0; }
.tg1c-panel__head > a { font-size:14px; font-weight:600; text-decoration:none; color:var(--tg1c-accent); white-space:nowrap; }
.tg1c-panel__sub { font-size:13px!important; text-transform:uppercase; letter-spacing:.05em; color:var(--tg1c-muted); margin:0!important; padding:14px 20px 6px; border-top:1px solid var(--tg1c-line-2); }
.tg1c-panel__pad { padding:16px 20px; margin:0; }
.tg1c-panel__foot { padding:16px 20px; border-top:1px solid var(--tg1c-line-2); background:var(--tg1c-soft-2); margin:0; }
.tg1c-panel .tg1c-panel__pad > :last-child { margin-bottom:0; }
.tg1c-rows { list-style:none; margin:0; padding:0; }
.tg1c-row { display:flex; align-items:center; gap:14px; padding:14px 20px; margin:0; border-bottom:1px solid var(--tg1c-line-2); flex-wrap:wrap; min-width:0; }
.tg1c-row:last-child { border-bottom:0; }
.tg1c-row__main { display:flex; flex-direction:column; flex:1 1 220px; min-width:0; }
.tg1c-row__main > strong, .tg1c-row__main > a { overflow-wrap:anywhere; }
.tg1c-row__may { flex:1 1 200px; color:var(--tg1c-ink-2); min-width:0; }
.tg1c-row__when { flex:0 0 auto; white-space:nowrap; }
.tg1c-row__more { flex-basis:100%; }
.tg1c-row__more summary { display:inline-block; margin:0; font-size:14px; font-weight:600; }
.tg1c-row__more[open] { padding:12px 0 0; }
.tg1c-row__more[open] summary { margin-bottom:10px; }
.tg1c-row details.tg1c-row__more:not([open]) { flex-basis:auto; margin-left:auto; }
.tg1c-row--link { padding:0; }
.tg1c-row--link > a { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; padding:13px 20px; color:var(--tg1c-ink); text-decoration:none; }
.tg1c-row--link > a:hover { background:var(--tg1c-soft-2); }
.tg1c-row__end { display:flex; align-items:center; gap:10px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.tg1c-row .tg1c-inline { margin:0; }
.tg1c-avatar { width:40px; height:40px; flex:0 0 40px; border-radius:999px; background:var(--tg1c-accent-soft); color:var(--tg1c-accent); display:inline-flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; }
.tg1c-avatar--sq { border-radius:11px; font-size:13px; }
.tg1c-avatar--ghost { background:var(--tg1c-soft-2); color:var(--tg1c-muted); border:1px dashed var(--tg1c-line); }
.tg1c-split { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:20px; align-items:start; }
.tg1c-quick { list-style:none; margin:0; padding:6px 8px; }
.tg1c-quick li { margin:0; }
.tg1c-quick a { display:flex; justify-content:space-between; gap:10px; padding:11px 12px; border-radius:10px; text-decoration:none; color:var(--tg1c-ink-2); font-weight:600; font-size:14px; }
.tg1c-quick a:hover { background:var(--tg1c-accent-soft); color:var(--tg1c-accent); }
.tg1c-sectionhead { display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin:6px 0 12px; }
.tg1c-sectionhead h2 { margin:0!important; font-size:17px!important; }
.tg1c-sectionhead a { font-size:14px; font-weight:600; text-decoration:none; }
.tg1c-cards3 { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }
.tg1c-card--link { text-decoration:none; color:var(--tg1c-ink)!important; transition:border-color .12s,box-shadow .12s; }
.tg1c-card--link:hover { border-color:color-mix(in srgb,var(--tg1c-accent) 35%,#fff); box-shadow:0 8px 20px -14px rgba(14,34,64,.4); }
.tg1c-empty { text-align:center; padding:36px 20px; border:1px dashed var(--tg1c-line); border-radius:var(--tg1c-r); background:var(--tg1c-soft-2); }
.tg1c-empty h2 { margin:0 0 6px!important; }
.tg1c-empty--filter { padding:22px; margin-top:4px; }
.tg1c-empty[hidden] { display:none; }
.tg1c-hero { padding:18px 20px 4px; border-radius:var(--tg1c-r); background:var(--tg1c-accent-soft); margin:0 0 20px; }
.tg1c-hero .tg1c-kb-search { margin-bottom:14px; }
.tg1c-hero .tg1c-kb-search input { background:#fff; }
.tg1c-pill--pending,.tg1c-pill--waiting,.tg1c-pill--payment-pending,.tg1c-pill--open,.tg1c-pill--answered { background:var(--tg1c-accent-soft); color:var(--tg1c-accent); }
.tg1c-pill--customer-reply { background:var(--tg1c-due-bg); color:var(--tg1c-due); }

.tg1c-row--svc { display:grid; grid-template-columns:40px minmax(0,1fr) auto 104px; align-items:center; gap:14px; }
.tg1c-row__side { display:flex; flex-direction:column; align-items:flex-end; gap:4px; white-space:nowrap; }
.tg1c-row__act { justify-self:end; }
.tg1c-row__act .tg1c-btn { min-width:96px; }
@media (max-width:640px) {
    .tg1c-row--svc { grid-template-columns:40px minmax(0,1fr); gap:8px 12px; align-items:start; }
    .tg1c-row--svc .tg1c-row__side { grid-column:2; flex-direction:row; align-items:center; justify-content:flex-start; gap:10px; }
    .tg1c-row--svc .tg1c-row__act { grid-column:2; justify-self:start; }
}

/* services: toolbar, chips, one or two cards a row */
.tg1c-toolbar { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; align-items:center; margin:0 0 16px; }
.tg1c-toolbar__end { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.tg1c-chips { display:flex; gap:8px; flex-wrap:wrap; }
.tg1c-chip { display:inline-flex; align-items:center; gap:6px; min-height:38px; padding:0 14px; border:1px solid var(--tg1c-line); border-radius:999px; background:#fff; color:var(--tg1c-ink-2); font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.tg1c-chip span { font-size:12px; color:var(--tg1c-muted); font-variant-numeric:tabular-nums; }
.tg1c-chip:hover { border-color:#b9c8da; background:#fff; color:var(--tg1c-ink); }
.tg1c-chip[aria-pressed="true"] { background:var(--tg1c-ink); border-color:var(--tg1c-ink); color:#fff; }
.tg1c-chip[aria-pressed="true"] span { color:#cfd8e3; }
.tg1c-seg { display:inline-flex; border:1px solid var(--tg1c-line); border-radius:10px; overflow:hidden; background:#fff; }
.tg1c-seg button { display:inline-flex; align-items:center; justify-content:center; width:40px; height:38px; border:0; border-radius:0; background:none; color:var(--tg1c-muted); cursor:pointer; padding:0; }
.tg1c-seg button:hover { background:var(--tg1c-soft-2); color:var(--tg1c-ink); }
.tg1c-seg button + button { border-left:1px solid var(--tg1c-line); }
.tg1c-seg button[aria-pressed="true"] { background:var(--tg1c-accent-soft); color:var(--tg1c-accent); }
.tg1c-search { display:inline-flex; align-items:center; gap:8px; height:38px; padding:0 12px; border:1px solid var(--tg1c-line); border-radius:10px; background:#fff; color:var(--tg1c-muted); min-width:0; margin:0; }
.tg1c-search input { border:0!important; outline:0; padding:0!important; font:inherit; font-size:14px; width:220px; max-width:100%; background:transparent!important; color:var(--tg1c-ink); box-shadow:none!important; min-height:0; height:auto; }
.tg1c-search:focus-within { border-color:var(--tg1c-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--tg1c-accent) 18%,transparent); }
.tg1c button:focus-visible, .tg1c summary:focus-visible { outline:3px solid color-mix(in srgb,var(--tg1c-accent) 35%,transparent); outline-offset:2px; }
.tg1c-svcgrid { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
.tg1c-svcgrid[data-cols="2"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
.tg1c-svc { display:flex; flex-direction:column; gap:14px; padding:18px 20px; border:1px solid var(--tg1c-line-2); border-radius:var(--tg1c-r); background:#fff; min-width:0; }
.tg1c-svc[hidden] { display:none!important; }
.tg1c-svc__head { display:flex; align-items:flex-start; gap:12px; min-width:0; }
.tg1c-svc__title { flex:1 1 auto; min-width:0; }
.tg1c-svc__title h2 { font-size:16px!important; margin:0!important; line-height:1.3; }
.tg1c-svc__title h2 a { color:var(--tg1c-ink); text-decoration:none; overflow-wrap:anywhere; }
.tg1c-svc__title h2 a:hover { color:var(--tg1c-accent); }
.tg1c-svc__title p { margin:2px 0 0; font-size:13px; color:var(--tg1c-muted); overflow-wrap:anywhere; }
.tg1c-svc__facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; padding:12px 14px; background:var(--tg1c-soft-2); border-radius:10px; }
.tg1c-svc__facts div { min-width:0; }
.tg1c-svc__facts dt { font-size:12px; color:var(--tg1c-muted); }
.tg1c-svc__facts dd { margin:2px 0 0; font-weight:700; font-size:14px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.tg1c-svc__actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:auto; }
.tg1c-svc__actions form { margin:0; }
.tg1c-svcgrid[data-cols="1"] .tg1c-svc { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr) 190px; align-items:center; gap:16px 20px; }
.tg1c-svcgrid[data-cols="1"] .tg1c-svc__facts { background:none; padding:0; }
.tg1c-svcgrid[data-cols="1"] .tg1c-svc__actions { margin:0; justify-content:flex-end; }

/* team */
.tg1c-checks { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:0 10px; }
.tg1c-formgrid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px 14px; align-items:end; }
.tg1c-formgrid .tg1c-field { margin-bottom:0; }
.tg1c-field--end { display:flex; align-items:flex-end; }
.tg1c-field--end .tg1c-btn { width:100%; }
.tg1c-btn--dark { background:var(--tg1c-ink); border-color:var(--tg1c-ink); }
.tg1c-table-wrap--flat { border:0; border-radius:0; margin:0; }
.tg1c-table-wrap--flat .tg1c-table th:first-child, .tg1c-table-wrap--flat .tg1c-table td:first-child { padding-left:20px; }
.tg1c-table-wrap--flat .tg1c-table th:last-child, .tg1c-table-wrap--flat .tg1c-table td:last-child { padding-right:20px; }
.tg1c-approw { display:flex; align-items:center; justify-content:space-between; gap:10px 16px; flex-wrap:wrap; padding:10px 12px; border:1px solid var(--tg1c-line); border-radius:10px; margin:0 0 8px; background:#fff; }
.tg1c-approw.is-on { border-color:var(--tg1c-accent); background:var(--tg1c-accent-soft); }
.tg1c-approw__pick { display:flex!important; align-items:center; gap:10px; font-weight:400!important; margin:0!important; cursor:pointer; flex:1 1 240px; min-width:0; }
.tg1c-approw__pick > span:last-child { display:flex; flex-direction:column; min-width:0; }
.tg1c-approw__role { display:flex!important; align-items:center; gap:8px; margin:0!important; font-size:13px; font-weight:600; }
.tg1c-approw__role select { min-width:170px; padding:8px 10px; border:1px solid var(--tg1c-line); border-radius:8px; font:inherit; font-size:14px; background:#fff; }
.tg1c-approw__role select:disabled { opacity:.55; }

/* tablets and phones */
@media (max-width:1100px) {
    .tg1c-shell { grid-template-columns:220px minmax(0,1fr); gap:24px; }
    .tg1c-split { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:900px) {
    .tg1c { padding-top:18px; }
    .tg1c-shell { grid-template-columns:minmax(0,1fr); gap:18px; }
    .tg1c-side { position:static; gap:10px; }
    .tg1c-side__acct { padding:10px 12px; border-radius:12px; }
    .tg1c-side__logo { width:34px; height:34px; flex-basis:34px; border-radius:10px; font-size:13px; }
    .tg1c-side__nav { overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; margin:0 -16px; padding:0 16px; }
    .tg1c-side__nav::-webkit-scrollbar, .tg1c-side__subrow::-webkit-scrollbar, .tg1c-chips::-webkit-scrollbar { display:none; }
    .tg1c-side__nav > ul { flex-direction:row; gap:6px; width:max-content; }
    .tg1c-side__nav > ul > li > a { min-height:40px; padding:0 14px; border:1px solid var(--tg1c-line-2); border-radius:999px; background:#fff; white-space:nowrap; gap:8px; font-size:14px; }
    .tg1c-side__nav > ul > li.is-on > a { border-color:transparent; }
    .tg1c-side__sub { display:none!important; }
    .tg1c-side__subrow { display:flex; gap:4px 18px; overflow-x:auto; scrollbar-width:none; margin:0 -16px; padding:2px 16px 0; border-bottom:1px solid var(--tg1c-line-2); }
    .tg1c-side__subrow a { flex:0 0 auto; padding:8px 0 10px; border-bottom:2px solid transparent; margin-bottom:-1px; text-decoration:none; color:var(--tg1c-muted); font-size:14px; font-weight:500; white-space:nowrap; }
    .tg1c-side__subrow a[aria-current="page"] { color:var(--tg1c-accent); border-bottom-color:var(--tg1c-accent); font-weight:700; }
    .tg1c-side__help { display:none; }
}
@media (max-width:760px) {
    .tg1c-svcgrid[data-cols] { grid-template-columns:minmax(0,1fr); }
    .tg1c-svcgrid[data-cols="1"] .tg1c-svc { display:flex; }
    .tg1c-seg { display:none; }
    .tg1c-toolbar__end, .tg1c-search { width:100%; }
    .tg1c-search input { width:100%; }
    .tg1c-chips { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; width:calc(100% + 32px); margin:0 -16px; padding:0 16px; }
    .tg1c-chip { flex:0 0 auto; }
}
@media (max-width:640px) {
    .tg1c-pagehead { align-items:stretch; }
    .tg1c-pagehead > .tg1c-btn, .tg1c-pagehead .tg1c-actions { width:100%; }
    .tg1c-pagehead .tg1c-actions .tg1c-btn { flex:1 1 0; }
    .tg1c-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .tg1c-stat { padding:12px 14px; }
    .tg1c-stat__value { font-size:20px; }
    .tg1c-panel__head, .tg1c-row, .tg1c-panel__pad, .tg1c-panel__foot, .tg1c-panel__sub { padding-left:14px; padding-right:14px; }
    .tg1c-row--link { padding:0; }
    .tg1c-row--link > a { padding-left:14px; padding-right:14px; }
    .tg1c-row { gap:10px 12px; }
    .tg1c-row__may, .tg1c-row__when { flex-basis:100%; padding-left:52px; }
    .tg1c-row__when { white-space:normal; }
    .tg1c-row > .tg1c-pill { margin-left:auto; }
    .tg1c-approw__role { width:100%; }
    .tg1c-approw__role select { flex:1 1 auto; min-width:0; }
    .tg1c-checks { grid-template-columns:minmax(0,1fr); }
    .tg1c-svc { padding:16px; }
    .tg1c-svc__actions .tg1c-btn, .tg1c-svc__actions form { flex:1 1 0; }
    .tg1c-svc__actions form .tg1c-btn { width:100%; }
}
@media (max-width:340px) { .tg1c-stats { grid-template-columns:minmax(0,1fr); } }
@media (max-width:640px) { .tg1c-pagehead .tg1c-btn { font-size:14px; padding:11px 12px; } .tg1c-stat__value { font-size:19px; } .tg1c-stat__note { font-size:12px; } }
.tg1c-table-wrap { position:relative; }
@media (max-width:640px) {
    .tg1c-table--stack thead { display:none; }
    .tg1c-table--stack, .tg1c-table--stack tbody { display:block; width:100%; }
    .tg1c-table--stack tr { display:block; padding:12px 14px; border-bottom:1px solid var(--tg1c-line); }
    .tg1c-table--stack tr:last-child { border-bottom:0; }
    .tg1c-table--stack td { display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:4px 0!important; border:0; text-align:right; }
    .tg1c-table--stack td::before { content:attr(data-label); font-size:12px; color:var(--tg1c-muted); text-align:left; flex:0 0 auto; }
    .tg1c-table--stack td:not([data-label]) { justify-content:flex-end; padding-top:8px!important; }
    .tg1c-table--stack td:not([data-label])::before { content:none; }
    .tg1c-table--stack td { overflow-wrap:anywhere; }
    .tg1c-table--stack td > * { min-width:0; }
    .tg1c-table--stack .tg1c-cell { display:block; text-align:right; }
}