:root{
  --v6-navy:#101820;--v6-navy-2:#17394c;--v6-orange:#f68b1f;--v6-orange-2:#e67b11;--v6-green:#00c875;
  --v6-bg:#f5f5f7;--v6-card:#fff;--v6-line:rgba(16,24,32,.08);--v6-line-2:rgba(16,24,32,.14);
  --v6-text:#101820;--v6-muted:#6e7781;--v6-faint:#9aa3ab;--v6-canvas:#e8e8ed;
  --v6-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--v6-bg);font-family:var(--v6-font);color:var(--v6-text);-webkit-font-smoothing:antialiased}
i.ti{font-size:17px;line-height:1}

/* Top bar (same chrome as the other Standbuilder tools) */
.v6-topbar{position:relative;z-index:30;height:56px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 18px;background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--v6-line)}
.v6-brand{display:flex;align-items:center;gap:12px;min-width:0}
.v6-brand img{height:22px;width:auto}
.v6-sep{width:1px;height:18px;background:var(--v6-line-2)}
.v6-product{font-size:13px;font-weight:600;color:var(--v6-muted);white-space:nowrap}
.v6-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.v6-btn{height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 13px;border-radius:9px;border:1px solid transparent;background:transparent;font:600 13px var(--v6-font);color:var(--v6-text);cursor:pointer}
.v6-btn:focus-visible,.v6-menu button:focus-visible{outline:2px solid var(--v6-navy-2);outline-offset:2px}
.v6-icon{width:32px;padding:0;justify-content:center;color:var(--v6-navy-2)}
.v6-icon:hover{background:rgba(16,24,32,.06)}
.v6-menu-wrap{position:relative}
.v6-menu{position:absolute;right:0;top:40px;width:220px;padding:6px;background:#fff;border:1px solid var(--v6-line);border-radius:12px;box-shadow:0 12px 32px rgba(16,24,32,.14)}
.v6-menu[hidden]{display:none}
.v6-menu hr{border:0;border-top:1px solid var(--v6-line);margin:6px 4px}
.v6-ver{padding:4px 10px 6px;font-size:11px;color:var(--v6-faint)}
.sb-appearance{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;font:500 13px var(--v6-font);color:var(--v6-text)}
.sb-theme-seg{display:flex;padding:2px;border-radius:9px;background:var(--v6-bg);gap:2px}
.sb-theme-seg button{width:30px;height:24px;padding:0;border:0;border-radius:7px;background:none;color:var(--v6-muted);display:grid;place-items:center;cursor:pointer}
.sb-theme-seg button i.ti{font-size:15px}
.sb-theme-seg button.on{background:#fff;color:var(--v6-text);box-shadow:0 1px 3px rgba(16,24,32,.15)}

/* Main: two drop fields and one button */
.tg-main{max-width:820px;margin:0 auto;padding:32px 20px 48px;display:flex;flex-direction:column;gap:18px}
.tg-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tg-drop{position:relative;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:1.5px dashed var(--v6-line-2);border-radius:16px;background:var(--v6-card);text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.tg-drop:hover,.tg-drop.over{border-color:var(--v6-navy-2)}
.tg-drop.over{background:color-mix(in srgb,var(--v6-navy-2) 5%,var(--v6-card))}
.tg-drop.has-file{border-style:solid;border-color:var(--v6-green)}
.tg-drop b{font-size:16px;font-weight:650}
.tg-hint{font-size:12.5px;color:var(--v6-muted)}
.tg-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:4px}
.tg-icon i.ti{font-size:27px}
.tg-green{background:#e3f6ec;color:#14834b}
.tg-red{background:#fde8e6;color:#c8372d}
.tg-file{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 6px 5px 10px;border-radius:999px;background:var(--v6-bg);font-size:12.5px;font-weight:600}
.tg-file[hidden]{display:none}
.tg-file>i.ti{font-size:14px;color:#14834b}
.tg-file>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg-clear{width:22px;height:22px;flex:0 0 auto;border:0;border-radius:50%;background:none;color:var(--v6-muted);display:grid;place-items:center;cursor:pointer}
.tg-clear:hover{background:var(--v6-line)}
.tg-clear i.ti{font-size:13px}
.tg-generate{height:52px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;background:var(--v6-orange);color:#fff;font:650 16px var(--v6-font);cursor:pointer;transition:background .15s,opacity .15s}
.tg-generate:hover:not(:disabled){background:var(--v6-orange-2)}
.tg-generate:disabled{opacity:.4;cursor:default}
.tg-generate i.ti{font-size:20px}
.tg-generate.busy i.ti{animation:tg-spin 1s linear infinite}
@keyframes tg-spin{to{transform:rotate(360deg)}}
.tg-status:empty{display:none}
.tg-status{margin:0;text-align:center;font-size:13px;color:var(--v6-muted)}
.tg-status.error{color:#c8372d}
.tg-status.done{color:#14834b;font-weight:600}

/* Stand search + Monday sync card (same look as Packing List / Label Generator) */
.tg-card{padding:16px;border:1px solid var(--v6-line);border-radius:16px;background:var(--v6-card)}
.tg-card-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;font-size:13px;font-weight:600}
.tg-card-title small{font-weight:500;color:var(--v6-muted);font-size:12px}
.tg-search{position:relative}
.v6-field{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:10px;background:var(--v6-bg);border:1px solid transparent;color:var(--v6-muted);transition:background .15s,border-color .15s,box-shadow .15s}
.v6-field input{flex:1;min-width:0;border:0;background:none;outline:none;font:500 14px var(--v6-font);color:var(--v6-text)}
.v6-field:focus-within{background:var(--v6-card);border-color:var(--v6-navy-2);box-shadow:0 0 0 3px rgba(23,57,76,.12)}
.tg-results{position:absolute;left:0;right:0;top:46px;z-index:20;max-height:340px;overflow:auto;padding:6px;border-radius:12px;background:var(--v6-card);border:1px solid var(--v6-line);box-shadow:0 12px 30px rgba(16,24,32,.16)}
.tg-results[hidden]{display:none}
.tg-result-row{display:block;width:100%;padding:9px 10px;border:0;border-radius:9px;background:none;text-align:left;font:inherit;color:var(--v6-text);cursor:pointer}
.tg-result-row:hover,.tg-result-row.active{background:var(--v6-bg)}
.tg-result-row b{font-size:13px}
.tg-result-row small{display:block;margin-top:3px;font-size:12px;color:var(--v6-muted)}
.tg-search-status{margin:6px 2px 0;font-size:12px;color:var(--v6-muted)}
.tg-search-status:empty{display:none}
.tg-search-status.warn{color:#b45309}
.sync{margin-top:12px;padding:12px 14px;border:1.5px solid #b9e6cc;border-radius:12px;background:linear-gradient(135deg,#effbf4 0%,#f6f2ff 100%)}
.sync[hidden]{display:none}
.sync.just-synced{animation:tg-pop .5s ease-out}
@keyframes tg-pop{0%{transform:scale(.98);box-shadow:0 0 0 0 rgba(0,200,117,.45)}100%{transform:none;box-shadow:0 0 0 10px rgba(0,200,117,0)}}
.sync-head{display:flex;align-items:center;gap:8px}
.sync-check{width:18px;height:18px;flex:0 0 auto;border-radius:50%;background:var(--v6-green);display:grid;place-items:center;color:#fff}
.sync-check i.ti{font-size:12px}
.sync-head b{font-size:12px;color:#14653b}
.sync-head a{margin-left:auto;font-size:11px;font-weight:700;color:#6c2bd9;text-decoration:none;padding:3px 8px;border-radius:999px;background:#fff;border:1px solid #e2d6fb}
.sync-unlink{width:24px;height:24px;border:0;border-radius:50%;background:none;color:var(--v6-muted);display:grid;place-items:center;cursor:pointer}
.sync-unlink:hover{background:rgba(16,24,32,.06)}
.sync-unlink i.ti{font-size:14px}
.sync-name{margin-top:8px;font-size:15px;font-weight:700}
.sync-venue{margin-top:2px;font-size:12.5px;font-weight:600;color:var(--v6-muted)}
.sync-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.sync-meta:empty{display:none}
.sync-meta span{display:inline-flex;align-items:baseline;gap:5px;padding:4px 8px;border-radius:6px;background:#ffffffcc;border:1px solid #dfe6ea;font-size:11px;font-weight:700;color:#24323b}
.sync-meta small{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--v6-faint)}

/* Name the PDF gets */
.tg-name{display:flex;align-items:center;gap:10px;padding:6px 14px;border-radius:12px;background:var(--v6-card);border:1px solid var(--v6-line);font-size:13px}
.tg-name>i.ti{color:#c8372d;font-size:19px}
.tg-name label{color:var(--v6-muted);font-weight:600;font-size:12px;white-space:nowrap}
.tg-name input{flex:1;min-width:0;height:34px;padding:0 8px;border:1px solid transparent;border-radius:8px;background:none;font:700 13.5px var(--v6-font);color:var(--v6-text);outline:none;text-align:right}
.tg-name input:hover{background:var(--v6-bg)}
.tg-name input:focus{background:var(--v6-bg);border-color:var(--v6-navy-2)}
.tg-suffix{font-weight:700;color:var(--v6-orange-2);white-space:nowrap}

/* Result after generating */
.tg-result{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;background:var(--v6-card);border:1.5px solid var(--v6-green)}
.tg-result[hidden]{display:none}
.tg-result .tg-icon{margin:0;flex:0 0 auto}
.tg-result-info{flex:1;min-width:0}
.tg-result-info b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg-result-info small{display:block;margin-top:3px;font-size:12.5px;color:var(--v6-muted)}
.tg-result-info small strong{color:#14834b}
.tg-actions{display:flex;gap:8px;flex:0 0 auto}
.tg-btn{height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border-radius:10px;border:1px solid var(--v6-line-2);background:var(--v6-card);font:600 13px var(--v6-font);color:var(--v6-text);cursor:pointer}
.tg-btn i.ti{font-size:17px}
.tg-btn:hover:not(:disabled){border-color:var(--v6-navy-2)}
.tg-btn.monday{border-color:transparent;background:#6c2bd9;color:#fff}
.tg-btn.monday:hover:not(:disabled){background:#5b20c2}
.tg-btn.monday:disabled{opacity:.45;cursor:default}
.tg-btn.monday.busy i.ti{animation:tg-spin 1s linear infinite}
.tg-btn.sent,.tg-btn.sent:disabled{border-color:#b9e6cc;background:#effbf4;color:#14653b;opacity:1}
.tg-note{margin:-6px 0 0;text-align:center;font-size:12.5px;color:var(--v6-muted)}
.tg-note[hidden]{display:none}
.tg-note a{color:#6c2bd9;font-weight:600;text-decoration:none}
.tg-note.error{color:#c8372d}

@media (max-width:640px){
  .v6-topbar{padding:0 12px}
  .tg-main{padding-top:28px}
  .tg-inputs{grid-template-columns:1fr}
  .tg-drop{min-height:170px}
  .tg-result{flex-wrap:wrap}
  .tg-actions{width:100%}
  .tg-actions .tg-btn{flex:1;justify-content:center}
  .tg-name{flex-wrap:wrap}
  .tg-name input{text-align:left}
}

@media screen{
  html[data-theme="dark"]{
    --v6-bg:#0f1115;--v6-card:#171a1f;--v6-line:rgba(255,255,255,.08);--v6-line-2:rgba(255,255,255,.14);
    --v6-text:#eef1f4;--v6-muted:#9aa4ad;--v6-faint:#6b747c;--v6-canvas:#0a0c0f;--v6-navy-2:#a9c6d8;
    color-scheme:dark;
  }
  html[data-theme="dark"] .v6-topbar{background:rgba(23,26,31,.8)}
  html[data-theme="dark"] .v6-brand img{filter:invert(1) hue-rotate(180deg) saturate(1.4)}
  html[data-theme="dark"] .v6-icon{color:#c9d3db}
  html[data-theme="dark"] .v6-icon:hover{background:rgba(255,255,255,.08)}
  html[data-theme="dark"] .v6-menu{background:#1c2026;box-shadow:0 16px 40px rgba(0,0,0,.55)}
  html[data-theme="dark"] .sb-theme-seg{background:#0f1115}
  html[data-theme="dark"] .sb-theme-seg button.on{background:#2c323b}
  html[data-theme="dark"] .tg-green{background:rgba(0,200,117,.14);color:#5fe0a6}
  html[data-theme="dark"] .tg-red{background:rgba(240,90,80,.14);color:#ff8a80}
  html[data-theme="dark"] .tg-file>i.ti,html[data-theme="dark"] .tg-status.done{color:#5fe0a6}
  html[data-theme="dark"] .v6-field,html[data-theme="dark"] .tg-name input:focus{background:#1e2228}
  html[data-theme="dark"] .v6-field:focus-within{background:#23272e;border-color:#8fb4cc;box-shadow:0 0 0 3px rgba(143,180,204,.18)}
  html[data-theme="dark"] .tg-results{background:#1c2026;border-color:var(--v6-line-2);box-shadow:0 14px 34px rgba(0,0,0,.55)}
  html[data-theme="dark"] .tg-result-row:hover,html[data-theme="dark"] .tg-result-row.active{background:#262b33}
  html[data-theme="dark"] .sync{background:rgba(0,200,117,.09);border-color:rgba(0,200,117,.32)}
  html[data-theme="dark"] .sync-head b{color:#5fe0a6}
  html[data-theme="dark"] .sync-head a{background:transparent;border-color:rgba(167,139,250,.4);color:#c4b5fd}
  html[data-theme="dark"] .sync-meta span{background:rgba(255,255,255,.06);border-color:var(--v6-line-2);color:var(--v6-text)}
  html[data-theme="dark"] .sync-unlink:hover{background:rgba(255,255,255,.08)}
  html[data-theme="dark"] .tg-btn.sent{background:rgba(0,200,117,.12);border-color:rgba(0,200,117,.32);color:#5fe0a6}
  html[data-theme="dark"] .tg-note a{color:#c4b5fd}
  html[data-theme="dark"] .tg-status.error{color:#ff8a80}
}