/* TG Services Hub visual adapter.
   Domain icon accents remain category-owned product semantics;
   all chrome, surfaces, text and status states use shared tokens. */

body.aidc-tg .tg-services-intro__title,
body.aidc-tg .tg-svc-card__title{
  color:var(--aidc-text-primary)!important
}

body.aidc-tg .tg-services-intro__sub,
body.aidc-tg .tg-svc-card__desc{
  color:var(--aidc-text-secondary)!important
}

body.aidc-tg .tg-services-intro__title .accent{
  background:linear-gradient(90deg,var(--aidc-violet-500),var(--aidc-pink-500))!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  background-clip:text!important
}

body.aidc-tg .tg-svc-card{
  background:var(--aidc-bg-card)!important;
  border-color:var(--aidc-border-subtle)!important;
  color:var(--aidc-text-primary)!important
}

body.aidc-tg .tg-svc-card:active,
body.aidc-tg .tg-svc-card:hover{
  background:color-mix(in srgb,var(--aidc-bg-card) 94%,white 6%)!important;
  border-color:var(--aidc-border-strong)!important
}

body.aidc-tg .tg-svc-card--active{
  background:color-mix(in srgb,var(--aidc-violet-500) 8%,var(--aidc-bg-card) 92%)!important;
  border-color:color-mix(in srgb,var(--aidc-violet-500) 34%,transparent)!important
}

body.aidc-tg .tg-svc-card--active::before{
  background:radial-gradient(circle,color-mix(in srgb,var(--aidc-violet-500) 18%,transparent) 0%,transparent 70%)!important
}

body.aidc-tg .tg-svc-card__icon{
  background:var(--aidc-bg-elevated)!important;
  border-color:var(--aidc-border-default)!important
}

body.aidc-tg .tg-svc-card__icon .tg-svg svg{
  color:var(--aidc-text-secondary)!important
}

body.aidc-tg .tg-svc-card__icon--fashion{
  background:color-mix(in srgb,var(--aidc-pink-500) 10%,transparent)!important;
  border-color:color-mix(in srgb,var(--aidc-pink-500) 28%,transparent)!important
}
body.aidc-tg .tg-svc-card__icon--fashion .tg-svg svg{color:var(--aidc-pink-500)!important}

body.aidc-tg .tg-svc-card__icon--interior{
  background:color-mix(in srgb,var(--aidc-cyan-500) 10%,transparent)!important;
  border-color:color-mix(in srgb,var(--aidc-cyan-500) 28%,transparent)!important
}
body.aidc-tg .tg-svc-card__icon--interior .tg-svg svg{color:var(--aidc-cyan-500)!important}

body.aidc-tg .tg-svc-card__icon--architect{
  background:color-mix(in srgb,var(--aidc-violet-500) 10%,transparent)!important;
  border-color:color-mix(in srgb,var(--aidc-violet-500) 28%,transparent)!important
}
body.aidc-tg .tg-svc-card__icon--architect .tg-svg svg{color:var(--aidc-violet-500)!important}

body.aidc-tg .tg-svc-card__icon--landscape{
  background:color-mix(in srgb,var(--aidc-green-500) 10%,transparent)!important;
  border-color:color-mix(in srgb,var(--aidc-green-500) 28%,transparent)!important
}
body.aidc-tg .tg-svc-card__icon--landscape .tg-svg svg{color:var(--aidc-green-500)!important}

body.aidc-tg .tg-svc-card__badge--active{
  background:color-mix(in srgb,var(--aidc-green-500) 12%,transparent)!important;
  color:var(--aidc-green-500)!important;
  border-color:color-mix(in srgb,var(--aidc-green-500) 30%,transparent)!important
}

body.aidc-tg .tg-svc-card__badge--soon{
  background:color-mix(in srgb,var(--aidc-amber-500) 12%,transparent)!important;
  color:var(--aidc-amber-500)!important;
  border-color:color-mix(in srgb,var(--aidc-amber-500) 30%,transparent)!important
}

body.aidc-tg .tg-svc-card__label,
body.aidc-tg .tg-svc-card__arrow{
  color:var(--aidc-violet-500)!important
}

body.aidc-tg .tg-svc-card__tool{
  background:var(--aidc-btn-secondary-bg)!important;
  border-color:var(--aidc-border-default)!important;
  color:var(--aidc-text-secondary)!important
}

/* Unavailable does not mean illegible. Old TG layout applies opacity:.55 to
   an entire disabled card; that made all four services unreadable on a light
   background while Interior's async entitlement was being resolved. Use the
   regular semantic foreground, and signal status with the badge and cursor. */
body.aidc-tg[data-page-type="services"] .tg-svc-card--disabled {
  opacity: 1;
}




/* TG create/project form controls. Layout stays in tg/tg.css. */

body.aidc-tg .tg-modal input.input,
body.aidc-tg .tg-modal .input,
body.aidc-tg .tg-create-panel input,
body.aidc-tg .tg-create-panel textarea,
body.aidc-tg .tg-project-sheet input,
body.aidc-tg .tg-project-sheet textarea{
  background:var(--aidc-bg-elevated);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-primary)
}

body.aidc-tg .tg-modal input.input:focus,
body.aidc-tg .tg-modal .input:focus,
body.aidc-tg .tg-create-panel input:focus,
body.aidc-tg .tg-create-panel textarea:focus,
body.aidc-tg .tg-project-sheet input:focus,
body.aidc-tg .tg-project-sheet textarea:focus{
  border-color:var(--aidc-action-focus);
  box-shadow:0 0 0 3px var(--aidc-action-focus-ring);
  outline:none
}

body.aidc-tg .tg-modal input.input::placeholder,
body.aidc-tg .tg-create-panel input::placeholder,
body.aidc-tg .tg-create-panel textarea::placeholder,
body.aidc-tg .tg-project-sheet input::placeholder,
body.aidc-tg .tg-project-sheet textarea::placeholder{
  color:var(--aidc-text-muted)
}

body.aidc-tg .tg-ref-item{
  background:var(--aidc-bg-card);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-primary)
}


/* TG project picker / tree visual adapter. Layout and tree behavior remain legacy-owned. */

body.aidc-tg .tg-project-sheet__card{
  background:var(--aidc-bg-modal);
  border-color:var(--aidc-border-default);
  box-shadow:var(--aidc-shadow-modal)
}

body.aidc-tg .tg-project-sheet__search input,
body.aidc-tg .tg-crumb,
body.aidc-tg .tg-project-item,
body.aidc-tg .tg-picker-item,
body.aidc-tg .tg-ref-item{
  background:var(--aidc-bg-elevated);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-primary)
}

body.aidc-tg .tg-project-sheet__search input:focus{
  border-color:var(--aidc-action-focus);
  box-shadow:0 0 0 3px var(--aidc-action-focus-ring);
  outline:none
}

body.aidc-tg .tg-crumb:hover,
body.aidc-tg .tg-project-item:hover,
body.aidc-tg .tg-picker-item:hover{
  background:var(--aidc-btn-secondary-bg-hover);
  border-color:var(--aidc-border-strong)
}

body.aidc-tg .tg-project-item__meta{
  color:var(--aidc-text-muted)
}

body.aidc-tg .tg-tree{
  scrollbar-color:var(--aidc-border-default) transparent
}
body.aidc-tg .tg-tree::-webkit-scrollbar-thumb{
  background:var(--aidc-border-default)
}

body.aidc-tg .tg-tree-row{
  background:var(--aidc-btn-secondary-bg);
  border-color:var(--aidc-border-subtle);
  color:var(--aidc-text-secondary)
}
body.aidc-tg .tg-tree-row:hover{
  background:var(--aidc-btn-secondary-bg-hover);
  border-color:var(--aidc-border-strong);
  color:var(--aidc-text-primary)
}
body.aidc-tg .tg-tree-row.is-match{
  border-color:color-mix(in srgb,var(--aidc-action-primary-from) 40%,transparent);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--aidc-action-primary-from) 14%,transparent)
}
body.aidc-tg .tg-tree-title.is-active{
  color:var(--aidc-action-primary-from)
}

body.aidc-tg .tg-tree-toggle,
body.aidc-tg .tg-tree-edit-btn,
body.aidc-tg .tg-tree-fav-btn,
body.aidc-tg .tg-tree-action-btn{
  background:var(--aidc-btn-secondary-bg);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-secondary)
}
body.aidc-tg .tg-tree-toggle:hover,
body.aidc-tg .tg-tree-edit-btn:hover,
body.aidc-tg .tg-tree-fav-btn:hover,
body.aidc-tg .tg-tree-action-btn:hover{
  background:var(--aidc-btn-secondary-bg-hover);
  border-color:var(--aidc-border-strong);
  color:var(--aidc-text-primary)
}

body.aidc-tg .tg-tree-fav-btn.is-on,
body.aidc-tg .tg-tree-badge{
  color:var(--aidc-amber-500);
  border-color:color-mix(in srgb,var(--aidc-amber-500) 35%,transparent)
}

body.aidc-tg .tg-recent-title{
  color:var(--aidc-text-primary)
}
body.aidc-tg .tg-recent-meta{
  color:var(--aidc-text-muted)
}

body.aidc-tg .tg-toast{
  background:var(--aidc-bg-popover);
  color:var(--aidc-text-primary);
  border-color:var(--aidc-border-default);
  box-shadow:var(--aidc-shadow-popover)
}


/* TG WebApp modal, picker, tree and trash visual layer.
   Layout, scrolling and mobile interaction behavior stay legacy-owned. */

body.aidc-tg .tg-modal{
  background:var(--aidc-backdrop)
}

body.aidc-tg .tg-modal__card{
  background:var(--aidc-bg-modal);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-primary);
  box-shadow:var(--aidc-shadow-modal)
}

body.aidc-tg .tg-modal__field,
body.aidc-tg .tg-modal select,
body.aidc-tg .tg-modal select.input,
body.aidc-tg .tg-modal .input select,
body.aidc-tg .tg-folder-picker{
  background:var(--aidc-bg-elevated);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-primary)
}

body.aidc-tg .tg-modal__field:focus,
body.aidc-tg .tg-modal select:focus,
body.aidc-tg .tg-folder-picker:focus-visible{
  border-color:var(--aidc-action-focus);
  box-shadow:0 0 0 3px var(--aidc-action-focus-ring);
  outline:none
}

body.aidc-tg .tg-modal option{
  background:var(--aidc-bg-popover);
  color:var(--aidc-text-primary)
}

body.aidc-tg .tg-btn{
  background:linear-gradient(135deg,var(--aidc-action-primary-from),var(--aidc-action-primary-to));
  border-color:transparent;
  color:var(--aidc-text-inverse);
  box-shadow:0 0 16px var(--aidc-action-primary-glow)
}

body.aidc-tg .tg-btn:hover,
body.aidc-tg .tg-btn:focus-visible{
  filter:brightness(1.08);
  outline:none
}

body.aidc-tg .tg-btn--ghost{
  background:var(--aidc-btn-secondary-bg);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-secondary);
  box-shadow:none
}

body.aidc-tg .tg-btn--ghost:hover,
body.aidc-tg .tg-btn--ghost:focus-visible{
  background:var(--aidc-btn-secondary-bg-hover);
  border-color:var(--aidc-border-strong);
  color:var(--aidc-text-primary);
  filter:none
}

body.aidc-tg .tg-folder-dd-item,
body.aidc-tg .tg-tree-toggle,
body.aidc-tg .tg-tree-action-btn,
body.aidc-tg .tg-recent-toggle,
body.aidc-tg .tg-recent-item,
body.aidc-tg .tg-trash-row{
  background:var(--aidc-btn-secondary-bg);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-secondary)
}

body.aidc-tg .tg-folder-dd-item:hover,
body.aidc-tg .tg-tree-toggle:hover,
body.aidc-tg .tg-tree-action-btn:hover,
body.aidc-tg .tg-recent-toggle:hover,
body.aidc-tg .tg-recent-item:hover,
body.aidc-tg .tg-trash-row:hover{
  background:var(--aidc-btn-secondary-bg-hover);
  border-color:var(--aidc-border-strong);
  color:var(--aidc-text-primary)
}

body.aidc-tg .tg-folder-dd-item.is-active{
  background:color-mix(in srgb,var(--aidc-action-primary-from) 10%,transparent);
  border-color:color-mix(in srgb,var(--aidc-action-primary-from) 32%,transparent);
  color:var(--aidc-text-primary)
}

body.aidc-tg .tg-folder-dd-item.is-create{
  background:color-mix(in srgb,var(--aidc-action-primary-from) 10%,transparent);
  border-color:color-mix(in srgb,var(--aidc-action-primary-from) 28%,transparent);
  color:var(--aidc-action-primary-from)
}

body.aidc-tg .tg-trash-name{
  color:var(--aidc-text-primary)
}

body.aidc-tg .tg-trash-sub{
  color:var(--aidc-text-muted)
}

/* Shared TG controls previously delivered through the Team adapter. */
body.aidc-tg .team-panel,
body.aidc-tg .member-card,
body.aidc-tg .stat-box,
body.aidc-tg .invite-section,
body.aidc-tg .pending-invite,
body.aidc-tg .mode-hint {
  background: var(--aidc-bg-card);
  border-color: var(--aidc-border-subtle);
}

body.aidc-tg .team-panel h3,
body.aidc-tg .stat-value,
body.aidc-tg .member-card__name,
body.aidc-tg .mode-hint strong {
  color: var(--aidc-text-primary);
}

body.aidc-tg .stat-label,
body.aidc-tg .member-card__email,
body.aidc-tg .member-card__row,
body.aidc-tg .form-group label,
body.aidc-tg .transfer-date,
body.aidc-tg .empty-state,
body.aidc-tg .team-back {
  color: var(--aidc-text-muted);
}

body.aidc-tg .tab-btn {
  background: var(--aidc-btn-secondary-bg);
  border-color: var(--aidc-border-default);
  color: var(--aidc-text-secondary);
}

body.aidc-tg .tab-btn:hover {
  background: var(--aidc-btn-secondary-bg-hover);
  border-color: var(--aidc-border-strong);
  color: var(--aidc-text-primary);
}

body.aidc-tg .tab-btn.active {
  background: color-mix(in srgb, var(--aidc-action-primary-from) 12%, transparent);
  border-color: color-mix(in srgb, var(--aidc-action-primary-from) 42%, transparent);
  box-shadow: none;
  color: var(--aidc-text-inverse);
}

body.aidc-tg .btn-primary {
  background: linear-gradient(
    135deg,
    var(--aidc-action-primary-from),
    var(--aidc-action-primary-to)
  );
  color: var(--aidc-text-inverse);
  box-shadow: 0 0 16px var(--aidc-action-primary-glow);
}

body.aidc-tg .btn-ghost,
body.aidc-tg .btn-outline {
  background: var(--aidc-btn-secondary-bg);
  color: var(--aidc-text-secondary);
  border-color: var(--aidc-border-default);
}

body.aidc-tg .btn-ghost:hover,
body.aidc-tg .btn-outline:hover {
  background: var(--aidc-btn-secondary-bg-hover);
  color: var(--aidc-text-primary);
  border-color: var(--aidc-border-strong);
}

body.aidc-tg .btn-danger {
  background: color-mix(in srgb, var(--aidc-red-500) 12%, transparent);
  color: color-mix(in srgb, var(--aidc-red-500) 58%, white 42%);
  border-color: var(--aidc-action-danger-border);
}

body.aidc-tg .input,
body.aidc-tg .invite-link-box {
  background: var(--aidc-bg-elevated);
  border-color: var(--aidc-border-default);
  color: var(--aidc-text-primary);
}

body.aidc-tg .input:focus {
  border-color: var(--aidc-action-focus);
  box-shadow: 0 0 0 3px var(--aidc-action-focus-ring);
}

body.aidc-tg .invite-link-box,
body.aidc-tg .pending-invite .invite-info {
  color: var(--aidc-text-secondary);
}

body.aidc-tg .usage-bar {
  background: var(--aidc-btn-secondary-bg);
}

body.aidc-tg .mode-hint {
  color: var(--aidc-text-secondary);
}

body.aidc-tg .mode-hint .mode-hint__title {
  color: var(--aidc-action-primary-from);
}

body.aidc-tg .team-back:hover {
  color: var(--aidc-text-primary);
}

body.aidc-tg .toast-copy {
  background: var(--aidc-status-success);
  color: var(--aidc-text-inverse);
}


/* TG WebApp semantic status layer. Layout and media overlays stay legacy-owned. */

body.aidc-tg .tg-header-icon__badge{
  background:linear-gradient(135deg,var(--aidc-action-primary-from),var(--aidc-action-primary-to));
  border-color:color-mix(in srgb,var(--aidc-action-primary-from) 36%,transparent);
  color:var(--aidc-text-inverse);
  box-shadow:0 0 14px var(--aidc-action-primary-glow)
}

body.aidc-tg .tg-header-auth{
  background:var(--aidc-btn-secondary-bg);
  border-color:var(--aidc-border-default)
}

body.aidc-tg .tg-header-auth__dot{
  background:var(--aidc-red-500);
  box-shadow:0 0 8px color-mix(in srgb,var(--aidc-red-500) 58%,transparent)
}

body.aidc-tg .tg-header-auth[data-status="authorized"] .tg-header-auth__dot{
  background:var(--aidc-green-500);
  box-shadow:0 0 8px color-mix(in srgb,var(--aidc-green-500) 58%,transparent)
}

body.aidc-tg .tg-header-client{
  background:var(--aidc-btn-secondary-bg);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-secondary)
}

body.aidc-tg .tg-feed-card__spinner{
  border-color:var(--aidc-border-default);
  border-top-color:var(--aidc-action-primary-from)
}

body.aidc-tg .tg-feed-card__status-badge{
  background:color-mix(in srgb,var(--aidc-action-primary-from) 12%,transparent);
  color:var(--aidc-action-primary-from);
  border-color:color-mix(in srgb,var(--aidc-action-primary-from) 30%,transparent)
}

body.aidc-tg .tg-feed-card__status-badge--queued{
  background:color-mix(in srgb,var(--aidc-amber-500) 12%,transparent);
  color:var(--aidc-amber-500);
  border-color:color-mix(in srgb,var(--aidc-amber-500) 30%,transparent)
}

body.aidc-tg .tg-feed-card__status-badge--failed,
body.aidc-tg .tg-feed-card__error{
  background:color-mix(in srgb,var(--aidc-red-500) 12%,transparent);
  color:color-mix(in srgb,var(--aidc-red-500) 36%,white 64%);
  border-color:var(--aidc-action-danger-border)
}

body.aidc-tg .tg-feed-card__error-text{
  color:color-mix(in srgb,var(--aidc-red-500) 28%,white 72%)
}

body.aidc-tg .tg-delete-btn{
  color:var(--aidc-red-500)
}

body.aidc-tg .tg-delete-btn:hover,
body.aidc-tg .tg-grid-btn--danger{
  background:color-mix(in srgb,var(--aidc-red-500) 14%,transparent);
  border-color:var(--aidc-action-danger-border);
  color:var(--aidc-red-500)
}

body.aidc-tg .tg-grid-btn--fav.is-active{
  color:var(--aidc-amber-500);
  background:color-mix(in srgb,var(--aidc-bg-popover) 84%,transparent)
}

body.aidc-tg .aidc-rp-card.is-selected{
  outline-color:var(--aidc-action-primary-from)!important
}




/* TG Services Hub visual adapter.
   Domain icon accents remain category-owned product semantics;
   all chrome, surfaces, text and status states use shared tokens. */

body.aidc-tg .tg-services-intro__title,
body.aidc-tg .tg-svc-card__title{
  color:var(--aidc-text-primary)!important
}

body.aidc-tg .tg-services-intro__sub,
body.aidc-tg .tg-svc-card__desc{
  color:var(--aidc-text-secondary)!important
}

body.aidc-tg .tg-services-intro__title .accent{
  background:linear-gradient(90deg,var(--aidc-violet-500),var(--aidc-pink-500))!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  background-clip:text!important
}

body.aidc-tg .tg-svc-card{
  background:var(--aidc-bg-card)!important;
  border-color:var(--aidc-border-subtle)!important;
  color:var(--aidc-text-primary)!important
}

body.aidc-tg .tg-svc-card:active,
body.aidc-tg .tg-svc-card:hover{
  background:color-mix(in srgb,var(--aidc-bg-card) 94%,white 6%)!important;
  border-color:var(--aidc-border-strong)!important
}

body.aidc-tg .tg-svc-card--active{
  background:color-mix(in srgb,var(--aidc-violet-500) 8%,var(--aidc-bg-card) 92%)!important;
  border-color:color-mix(in srgb,var(--aidc-violet-500) 34%,transparent)!important
}

body.aidc-tg .tg-svc-card--active::before{
  background:radial-gradient(circle,color-mix(in srgb,var(--aidc-violet-500) 18%,transparent) 0%,transparent 70%)!important
}

body.aidc-tg .tg-svc-card__icon{
  background:var(--aidc-bg-elevated)!important;
  border-color:var(--aidc-border-default)!important
}

body.aidc-tg .tg-svc-card__icon .tg-svg svg{
  color:var(--aidc-text-secondary)!important
}

body.aidc-tg .tg-svc-card__icon--fashion{
  background:color-mix(in srgb,var(--aidc-pink-500) 10%,transparent)!important;
  border-color:color-mix(in srgb,var(--aidc-pink-500) 28%,transparent)!important
}
body.aidc-tg .tg-svc-card__icon--fashion .tg-svg svg{color:var(--aidc-pink-500)!important}

body.aidc-tg .tg-svc-card__icon--interior{
  background:color-mix(in srgb,var(--aidc-cyan-500) 10%,transparent)!important;
  border-color:color-mix(in srgb,var(--aidc-cyan-500) 28%,transparent)!important
}
body.aidc-tg .tg-svc-card__icon--interior .tg-svg svg{color:var(--aidc-cyan-500)!important}

body.aidc-tg .tg-svc-card__icon--architect{
  background:color-mix(in srgb,var(--aidc-violet-500) 10%,transparent)!important;
  border-color:color-mix(in srgb,var(--aidc-violet-500) 28%,transparent)!important
}
body.aidc-tg .tg-svc-card__icon--architect .tg-svg svg{color:var(--aidc-violet-500)!important}

body.aidc-tg .tg-svc-card__icon--landscape{
  background:color-mix(in srgb,var(--aidc-green-500) 10%,transparent)!important;
  border-color:color-mix(in srgb,var(--aidc-green-500) 28%,transparent)!important
}
body.aidc-tg .tg-svc-card__icon--landscape .tg-svg svg{color:var(--aidc-green-500)!important}

body.aidc-tg .tg-svc-card__badge--active{
  background:color-mix(in srgb,var(--aidc-green-500) 12%,transparent)!important;
  color:var(--aidc-green-500)!important;
  border-color:color-mix(in srgb,var(--aidc-green-500) 30%,transparent)!important
}

body.aidc-tg .tg-svc-card__badge--soon{
  background:color-mix(in srgb,var(--aidc-amber-500) 12%,transparent)!important;
  color:var(--aidc-amber-500)!important;
  border-color:color-mix(in srgb,var(--aidc-amber-500) 30%,transparent)!important
}

body.aidc-tg .tg-svc-card__label,
body.aidc-tg .tg-svc-card__arrow{
  color:var(--aidc-violet-500)!important
}

body.aidc-tg .tg-svc-card__tool{
  background:var(--aidc-btn-secondary-bg)!important;
  border-color:var(--aidc-border-default)!important;
  color:var(--aidc-text-secondary)!important
}

/* Unavailable does not mean illegible. Old TG layout applies opacity:.55 to
   an entire disabled card; that made all four services unreadable on a light
   background while Interior's async entitlement was being resolved. Use the
   regular semantic foreground, and signal status with the badge and cursor. */
body.aidc-tg[data-page-type="services"] .tg-svc-card--disabled {
  opacity: 1;
}




/* TG create/project form controls. Layout stays in tg/tg.css. */

body.aidc-tg .tg-modal input.input,
body.aidc-tg .tg-modal .input,
body.aidc-tg .tg-create-panel input,
body.aidc-tg .tg-create-panel textarea,
body.aidc-tg .tg-project-sheet input,
body.aidc-tg .tg-project-sheet textarea{
  background:var(--aidc-bg-elevated);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-primary)
}

body.aidc-tg .tg-modal input.input:focus,
body.aidc-tg .tg-modal .input:focus,
body.aidc-tg .tg-create-panel input:focus,
body.aidc-tg .tg-create-panel textarea:focus,
body.aidc-tg .tg-project-sheet input:focus,
body.aidc-tg .tg-project-sheet textarea:focus{
  border-color:var(--aidc-action-focus);
  box-shadow:0 0 0 3px var(--aidc-action-focus-ring);
  outline:none
}

body.aidc-tg .tg-modal input.input::placeholder,
body.aidc-tg .tg-create-panel input::placeholder,
body.aidc-tg .tg-create-panel textarea::placeholder,
body.aidc-tg .tg-project-sheet input::placeholder,
body.aidc-tg .tg-project-sheet textarea::placeholder{
  color:var(--aidc-text-muted)
}

body.aidc-tg .tg-ref-item{
  background:var(--aidc-bg-card);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-primary)
}


/* TG project picker / tree visual adapter. Layout and tree behavior remain legacy-owned. */

body.aidc-tg .tg-project-sheet__card{
  background:var(--aidc-bg-modal);
  border-color:var(--aidc-border-default);
  box-shadow:var(--aidc-shadow-modal)
}

body.aidc-tg .tg-project-sheet__search input,
body.aidc-tg .tg-crumb,
body.aidc-tg .tg-project-item,
body.aidc-tg .tg-picker-item,
body.aidc-tg .tg-ref-item{
  background:var(--aidc-bg-elevated);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-primary)
}

body.aidc-tg .tg-project-sheet__search input:focus{
  border-color:var(--aidc-action-focus);
  box-shadow:0 0 0 3px var(--aidc-action-focus-ring);
  outline:none
}

body.aidc-tg .tg-crumb:hover,
body.aidc-tg .tg-project-item:hover,
body.aidc-tg .tg-picker-item:hover{
  background:var(--aidc-btn-secondary-bg-hover);
  border-color:var(--aidc-border-strong)
}

body.aidc-tg .tg-project-item__meta{
  color:var(--aidc-text-muted)
}

body.aidc-tg .tg-tree{
  scrollbar-color:var(--aidc-border-default) transparent
}
body.aidc-tg .tg-tree::-webkit-scrollbar-thumb{
  background:var(--aidc-border-default)
}

body.aidc-tg .tg-tree-row{
  background:var(--aidc-btn-secondary-bg);
  border-color:var(--aidc-border-subtle);
  color:var(--aidc-text-secondary)
}
body.aidc-tg .tg-tree-row:hover{
  background:var(--aidc-btn-secondary-bg-hover);
  border-color:var(--aidc-border-strong);
  color:var(--aidc-text-primary)
}
body.aidc-tg .tg-tree-row.is-match{
  border-color:color-mix(in srgb,var(--aidc-action-primary-from) 40%,transparent);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--aidc-action-primary-from) 14%,transparent)
}
body.aidc-tg .tg-tree-title.is-active{
  color:var(--aidc-action-primary-from)
}

body.aidc-tg .tg-tree-toggle,
body.aidc-tg .tg-tree-edit-btn,
body.aidc-tg .tg-tree-fav-btn,
body.aidc-tg .tg-tree-action-btn{
  background:var(--aidc-btn-secondary-bg);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-secondary)
}
body.aidc-tg .tg-tree-toggle:hover,
body.aidc-tg .tg-tree-edit-btn:hover,
body.aidc-tg .tg-tree-fav-btn:hover,
body.aidc-tg .tg-tree-action-btn:hover{
  background:var(--aidc-btn-secondary-bg-hover);
  border-color:var(--aidc-border-strong);
  color:var(--aidc-text-primary)
}

body.aidc-tg .tg-tree-fav-btn.is-on,
body.aidc-tg .tg-tree-badge{
  color:var(--aidc-amber-500);
  border-color:color-mix(in srgb,var(--aidc-amber-500) 35%,transparent)
}

body.aidc-tg .tg-recent-title{
  color:var(--aidc-text-primary)
}
body.aidc-tg .tg-recent-meta{
  color:var(--aidc-text-muted)
}

body.aidc-tg .tg-toast{
  background:var(--aidc-bg-popover);
  color:var(--aidc-text-primary);
  border-color:var(--aidc-border-default);
  box-shadow:var(--aidc-shadow-popover)
}


/* TG WebApp modal, picker, tree and trash visual layer.
   Layout, scrolling and mobile interaction behavior stay legacy-owned. */

body.aidc-tg .tg-modal{
  background:var(--aidc-backdrop)
}

body.aidc-tg .tg-modal__card{
  background:var(--aidc-bg-modal);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-primary);
  box-shadow:var(--aidc-shadow-modal)
}

body.aidc-tg .tg-modal__field,
body.aidc-tg .tg-modal select,
body.aidc-tg .tg-modal select.input,
body.aidc-tg .tg-modal .input select,
body.aidc-tg .tg-folder-picker{
  background:var(--aidc-bg-elevated);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-primary)
}

body.aidc-tg .tg-modal__field:focus,
body.aidc-tg .tg-modal select:focus,
body.aidc-tg .tg-folder-picker:focus-visible{
  border-color:var(--aidc-action-focus);
  box-shadow:0 0 0 3px var(--aidc-action-focus-ring);
  outline:none
}

body.aidc-tg .tg-modal option{
  background:var(--aidc-bg-popover);
  color:var(--aidc-text-primary)
}

body.aidc-tg .tg-btn{
  background:linear-gradient(135deg,var(--aidc-action-primary-from),var(--aidc-action-primary-to));
  border-color:transparent;
  color:var(--aidc-text-inverse);
  box-shadow:0 0 16px var(--aidc-action-primary-glow)
}

body.aidc-tg .tg-btn:hover,
body.aidc-tg .tg-btn:focus-visible{
  filter:brightness(1.08);
  outline:none
}

body.aidc-tg .tg-btn--ghost{
  background:var(--aidc-btn-secondary-bg);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-secondary);
  box-shadow:none
}

body.aidc-tg .tg-btn--ghost:hover,
body.aidc-tg .tg-btn--ghost:focus-visible{
  background:var(--aidc-btn-secondary-bg-hover);
  border-color:var(--aidc-border-strong);
  color:var(--aidc-text-primary);
  filter:none
}

body.aidc-tg .tg-folder-dd-item,
body.aidc-tg .tg-tree-toggle,
body.aidc-tg .tg-tree-action-btn,
body.aidc-tg .tg-recent-toggle,
body.aidc-tg .tg-recent-item,
body.aidc-tg .tg-trash-row{
  background:var(--aidc-btn-secondary-bg);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-secondary)
}

body.aidc-tg .tg-folder-dd-item:hover,
body.aidc-tg .tg-tree-toggle:hover,
body.aidc-tg .tg-tree-action-btn:hover,
body.aidc-tg .tg-recent-toggle:hover,
body.aidc-tg .tg-recent-item:hover,
body.aidc-tg .tg-trash-row:hover{
  background:var(--aidc-btn-secondary-bg-hover);
  border-color:var(--aidc-border-strong);
  color:var(--aidc-text-primary)
}

body.aidc-tg .tg-folder-dd-item.is-active{
  background:color-mix(in srgb,var(--aidc-action-primary-from) 10%,transparent);
  border-color:color-mix(in srgb,var(--aidc-action-primary-from) 32%,transparent);
  color:var(--aidc-text-primary)
}

body.aidc-tg .tg-folder-dd-item.is-create{
  background:color-mix(in srgb,var(--aidc-action-primary-from) 10%,transparent);
  border-color:color-mix(in srgb,var(--aidc-action-primary-from) 28%,transparent);
  color:var(--aidc-action-primary-from)
}

body.aidc-tg .tg-trash-name{
  color:var(--aidc-text-primary)
}

body.aidc-tg .tg-trash-sub{
  color:var(--aidc-text-muted)
}

/* Shared TG controls previously delivered through the Team adapter. */
body.aidc-tg .team-panel,
body.aidc-tg .member-card,
body.aidc-tg .stat-box,
body.aidc-tg .invite-section,
body.aidc-tg .pending-invite,
body.aidc-tg .mode-hint {
  background: var(--aidc-bg-card);
  border-color: var(--aidc-border-subtle);
}

body.aidc-tg .team-panel h3,
body.aidc-tg .stat-value,
body.aidc-tg .member-card__name,
body.aidc-tg .mode-hint strong {
  color: var(--aidc-text-primary);
}

body.aidc-tg .stat-label,
body.aidc-tg .member-card__email,
body.aidc-tg .member-card__row,
body.aidc-tg .form-group label,
body.aidc-tg .transfer-date,
body.aidc-tg .empty-state,
body.aidc-tg .team-back {
  color: var(--aidc-text-muted);
}

body.aidc-tg .tab-btn {
  background: var(--aidc-btn-secondary-bg);
  border-color: var(--aidc-border-default);
  color: var(--aidc-text-secondary);
}

body.aidc-tg .tab-btn:hover {
  background: var(--aidc-btn-secondary-bg-hover);
  border-color: var(--aidc-border-strong);
  color: var(--aidc-text-primary);
}

body.aidc-tg .tab-btn.active {
  background: color-mix(in srgb, var(--aidc-action-primary-from) 12%, transparent);
  border-color: color-mix(in srgb, var(--aidc-action-primary-from) 42%, transparent);
  box-shadow: none;
  color: var(--aidc-text-inverse);
}

body.aidc-tg .btn-primary {
  background: linear-gradient(
    135deg,
    var(--aidc-action-primary-from),
    var(--aidc-action-primary-to)
  );
  color: var(--aidc-text-inverse);
  box-shadow: 0 0 16px var(--aidc-action-primary-glow);
}

body.aidc-tg .btn-ghost,
body.aidc-tg .btn-outline {
  background: var(--aidc-btn-secondary-bg);
  color: var(--aidc-text-secondary);
  border-color: var(--aidc-border-default);
}

body.aidc-tg .btn-ghost:hover,
body.aidc-tg .btn-outline:hover {
  background: var(--aidc-btn-secondary-bg-hover);
  color: var(--aidc-text-primary);
  border-color: var(--aidc-border-strong);
}

body.aidc-tg .btn-danger {
  background: color-mix(in srgb, var(--aidc-red-500) 12%, transparent);
  color: color-mix(in srgb, var(--aidc-red-500) 58%, white 42%);
  border-color: var(--aidc-action-danger-border);
}

body.aidc-tg .input,
body.aidc-tg .invite-link-box {
  background: var(--aidc-bg-elevated);
  border-color: var(--aidc-border-default);
  color: var(--aidc-text-primary);
}

body.aidc-tg .input:focus {
  border-color: var(--aidc-action-focus);
  box-shadow: 0 0 0 3px var(--aidc-action-focus-ring);
}

body.aidc-tg .invite-link-box,
body.aidc-tg .pending-invite .invite-info {
  color: var(--aidc-text-secondary);
}

body.aidc-tg .usage-bar {
  background: var(--aidc-btn-secondary-bg);
}

body.aidc-tg .mode-hint {
  color: var(--aidc-text-secondary);
}

body.aidc-tg .mode-hint .mode-hint__title {
  color: var(--aidc-action-primary-from);
}

body.aidc-tg .team-back:hover {
  color: var(--aidc-text-primary);
}

body.aidc-tg .toast-copy {
  background: var(--aidc-status-success);
  color: var(--aidc-text-inverse);
}



/* TG feed, project picker tree and toast visual adapter.
   Layout and interaction behavior remain in tg/tg.css. */

body.aidc-tg .tg-feed-card,
body.aidc-tg .tg-feed-card__skeleton,
body.aidc-tg .tg-feed-card__grid-cell {
  background: var(--aidc-bg-panel) !important;
}

body.aidc-tg .tg-feed-empty,
body.aidc-tg .tg-feed-card__top,
body.aidc-tg .tg-feed-card__placeholder {
  color: var(--aidc-text-secondary) !important;
}

body.aidc-tg .tg-feed-card__error {
  border-color: color-mix(in srgb,var(--aidc-red-500) 46%,transparent) !important;
  background: color-mix(in srgb,var(--aidc-red-500) 12%,transparent) !important;
  color: color-mix(in srgb,var(--aidc-red-500) 56%,white 44%) !important;
}

body.aidc-tg .tg-feed-card__error-text {
  color: color-mix(in srgb,var(--aidc-red-500) 44%,white 56%) !important;
}

body.aidc-tg .tg-feed-card--pending .tg-feed-card__body {
  background: var(--aidc-bg-card) !important;
}

body.aidc-tg .tg-feed-card__spinner {
  border-color: var(--aidc-border-default) !important;
  border-top-color: var(--aidc-action-primary-from) !important;
}

body.aidc-tg .tg-feed-card__status-badge {
  background: color-mix(in srgb,var(--aidc-action-primary-from) 12%,transparent) !important;
  color: color-mix(in srgb,var(--aidc-action-primary-from) 58%,white 42%) !important;
  border-color: color-mix(in srgb,var(--aidc-action-primary-from) 30%,transparent) !important;
}

body.aidc-tg .tg-feed-card__status-badge--queued {
  background: color-mix(in srgb,var(--aidc-status-warning) 12%,transparent) !important;
  color: color-mix(in srgb,var(--aidc-status-warning) 58%,white 42%) !important;
  border-color: color-mix(in srgb,var(--aidc-status-warning) 30%,transparent) !important;
}

body.aidc-tg .tg-feed-card__status-badge--failed {
  background: color-mix(in srgb,var(--aidc-red-500) 12%,transparent) !important;
  color: color-mix(in srgb,var(--aidc-red-500) 48%,white 52%) !important;
  border-color: color-mix(in srgb,var(--aidc-red-500) 34%,transparent) !important;
}

body.aidc-tg .tg-delete-btn {
  color: color-mix(in srgb,var(--aidc-red-500) 68%,white 32%) !important;
}

body.aidc-tg .tg-delete-btn:hover,
body.aidc-tg .tg-delete-btn:focus-visible {
  background: color-mix(in srgb,var(--aidc-red-500) 12%,transparent) !important;
  border-color: var(--aidc-action-danger-border) !important;
}

body.aidc-tg .tg-tree {
  scrollbar-color: var(--aidc-text-muted) transparent;
}

body.aidc-tg .tg-tree::-webkit-scrollbar-thumb {
  background: var(--aidc-bg-elevated) !important;
}

body.aidc-tg .tg-tree-row {
  background: var(--aidc-bg-card) !important;
  border-color: var(--aidc-border-subtle) !important;
  color: var(--aidc-text-secondary) !important;
}

body.aidc-tg .tg-tree-row.is-project {
  background: var(--aidc-bg-card) !important;
}

body.aidc-tg .tg-tree-row:hover {
  background: color-mix(in srgb,var(--aidc-bg-card) 94%,white 6%) !important;
  border-color: var(--aidc-border-strong) !important;
  color: var(--aidc-text-primary) !important;
}

body.aidc-tg .tg-tree-row.is-match {
  border-color: color-mix(in srgb,var(--aidc-action-primary-from) 40%,transparent) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--aidc-action-primary-from) 16%,transparent) !important;
}

body.aidc-tg .tg-tree-title.is-active {
  color: var(--aidc-action-primary-from) !important;
}

body.aidc-tg .tg-tree-toggle,
body.aidc-tg .tg-tree-icon,
body.aidc-tg .tg-recent-icon {
  color: var(--aidc-text-secondary) !important;
}

body.aidc-tg .tg-tree-action-btn,
body.aidc-tg .tg-tree-edit-btn,
body.aidc-tg .tg-tree-fav-btn,
body.aidc-tg .tg-recent-toggle {
  background: var(--aidc-btn-secondary-bg) !important;
  border-color: var(--aidc-border-default) !important;
  color: var(--aidc-text-secondary) !important;
}

body.aidc-tg .tg-tree-action-btn:hover,
body.aidc-tg .tg-tree-edit-btn:hover,
body.aidc-tg .tg-tree-fav-btn:hover,
body.aidc-tg .tg-recent-toggle:hover {
  background: var(--aidc-btn-secondary-bg-hover) !important;
  border-color: var(--aidc-border-strong) !important;
  color: var(--aidc-text-primary) !important;
}

body.aidc-tg .tg-recent-item {
  background: var(--aidc-bg-card) !important;
  border-color: var(--aidc-border-subtle) !important;
}

body.aidc-tg .tg-recent-item:hover {
  background: color-mix(in srgb,var(--aidc-bg-card) 94%,white 6%) !important;
  border-color: var(--aidc-border-strong) !important;
}

body.aidc-tg .tg-recent-title {
  color: var(--aidc-text-primary) !important;
}

body.aidc-tg .tg-recent-meta {
  color: var(--aidc-text-muted) !important;
}

body.aidc-tg .tg-toast {
  background: var(--aidc-bg-popover) !important;
  color: var(--aidc-text-primary) !important;
  border-color: var(--aidc-border-default) !important;
  box-shadow: var(--aidc-shadow-popover) !important;
}



/* TG Services Hub visual adapter.
   Domain icon accents remain category-owned product semantics;
   all chrome, surfaces, text and status states use shared tokens. */

body.aidc-tg .tg-services-intro__title,
body.aidc-tg .tg-svc-card__title{
  color:var(--aidc-text-primary)!important
}

body.aidc-tg .tg-services-intro__sub,
body.aidc-tg .tg-svc-card__desc{
  color:var(--aidc-text-secondary)!important
}

body.aidc-tg .tg-services-intro__title .accent{
  background:linear-gradient(90deg,var(--aidc-violet-500),var(--aidc-pink-500))!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  background-clip:text!important
}

body.aidc-tg .tg-svc-card{
  background:var(--aidc-bg-card)!important;
  border-color:var(--aidc-border-subtle)!important;
  color:var(--aidc-text-primary)!important
}

body.aidc-tg .tg-svc-card:active,
body.aidc-tg .tg-svc-card:hover{
  background:color-mix(in srgb,var(--aidc-bg-card) 94%,white 6%)!important;
  border-color:var(--aidc-border-strong)!important
}

body.aidc-tg .tg-svc-card--active{
  background:color-mix(in srgb,var(--aidc-violet-500) 8%,var(--aidc-bg-card) 92%)!important;
  border-color:color-mix(in srgb,var(--aidc-violet-500) 34%,transparent)!important
}

body.aidc-tg .tg-svc-card--active::before{
  background:radial-gradient(circle,color-mix(in srgb,var(--aidc-violet-500) 18%,transparent) 0%,transparent 70%)!important
}

body.aidc-tg .tg-svc-card__icon{
  background:var(--aidc-bg-elevated)!important;
  border-color:var(--aidc-border-default)!important
}

body.aidc-tg .tg-svc-card__icon .tg-svg svg{
  color:var(--aidc-text-secondary)!important
}

body.aidc-tg .tg-svc-card__icon--fashion{
  background:color-mix(in srgb,var(--aidc-pink-500) 10%,transparent)!important;
  border-color:color-mix(in srgb,var(--aidc-pink-500) 28%,transparent)!important
}
body.aidc-tg .tg-svc-card__icon--fashion .tg-svg svg{color:var(--aidc-pink-500)!important}

body.aidc-tg .tg-svc-card__icon--interior{
  background:color-mix(in srgb,var(--aidc-cyan-500) 10%,transparent)!important;
  border-color:color-mix(in srgb,var(--aidc-cyan-500) 28%,transparent)!important
}
body.aidc-tg .tg-svc-card__icon--interior .tg-svg svg{color:var(--aidc-cyan-500)!important}

body.aidc-tg .tg-svc-card__icon--architect{
  background:color-mix(in srgb,var(--aidc-violet-500) 10%,transparent)!important;
  border-color:color-mix(in srgb,var(--aidc-violet-500) 28%,transparent)!important
}
body.aidc-tg .tg-svc-card__icon--architect .tg-svg svg{color:var(--aidc-violet-500)!important}

body.aidc-tg .tg-svc-card__icon--landscape{
  background:color-mix(in srgb,var(--aidc-green-500) 10%,transparent)!important;
  border-color:color-mix(in srgb,var(--aidc-green-500) 28%,transparent)!important
}
body.aidc-tg .tg-svc-card__icon--landscape .tg-svg svg{color:var(--aidc-green-500)!important}

body.aidc-tg .tg-svc-card__badge--active{
  background:color-mix(in srgb,var(--aidc-green-500) 12%,transparent)!important;
  color:var(--aidc-green-500)!important;
  border-color:color-mix(in srgb,var(--aidc-green-500) 30%,transparent)!important
}

body.aidc-tg .tg-svc-card__badge--soon{
  background:color-mix(in srgb,var(--aidc-amber-500) 12%,transparent)!important;
  color:var(--aidc-amber-500)!important;
  border-color:color-mix(in srgb,var(--aidc-amber-500) 30%,transparent)!important
}

body.aidc-tg .tg-svc-card__label,
body.aidc-tg .tg-svc-card__arrow{
  color:var(--aidc-violet-500)!important
}

body.aidc-tg .tg-svc-card__tool{
  background:var(--aidc-btn-secondary-bg)!important;
  border-color:var(--aidc-border-default)!important;
  color:var(--aidc-text-secondary)!important
}

/* Unavailable does not mean illegible. Old TG layout applies opacity:.55 to
   an entire disabled card; that made all four services unreadable on a light
   background while Interior's async entitlement was being resolved. Use the
   regular semantic foreground, and signal status with the badge and cursor. */
body.aidc-tg[data-page-type="services"] .tg-svc-card--disabled {
  opacity: 1;
}


body.aidc-tg .tg-dropdown__divider{
  margin:8px 0;
  border-top:1px solid var(--aidc-border-subtle)
}

body.aidc-tg .tg-dropdown__section-label{
  padding:4px 12px 6px;
  color:var(--aidc-text-muted);
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase
}

body.aidc-tg [data-home-link],
body.aidc-tg .tg-brand,
body.aidc-tg .tg-brand-sub,
body.aidc-tg .tg-brand-wrap,
body.aidc-tg .tg-brand-logo{
  cursor:pointer
}