/* Line 16909: component-only Google-path dress. Canonical ns-tokens.css owns all values.
   Keep the shared legacy stylesheets intact for their other, unscoped callers. */

.actions-container.tw-actions-v2.ns-gp,
.modal.tw-actions-v2-modal.ns-gp {
    --tw-page-bg: var(--ns-bg);
    --tw-card-bg: var(--ns-card);
    --tw-input-bg: var(--ns-bg);
    --tw-border: var(--ns-border-strong);
    --tw-text: var(--ns-text);
    --tw-muted: var(--ns-text-2);
    --tw-accent: var(--ns-gold);
    --users-chat-each-card-bg: var(--ns-card);
    --nav-active-color: var(--ns-surface);
    font-family: var(--ns-font);
}

.actions-container.tw-actions-v2.ns-gp {
    background: var(--tw-page-bg);
    border: 1px solid var(--tw-border);
    color: var(--tw-text);
}

.actions-container.tw-actions-v2.ns-gp .light-theme-color {
    color: var(--tw-muted) !important;
}

.actions-container.tw-actions-v2.ns-gp .actions-created {
    background: var(--tw-card-bg);
    border: 1px solid var(--tw-border);
    box-shadow: 0 1px 2px var(--ns-border);
    border-radius: var(--ns-radius) !important;
}

.actions-container.tw-actions-v2.ns-gp .actions-created:hover {
    border-color: var(--tw-accent);
}

.actions-container.tw-actions-v2.ns-gp .action-name p {
    color: var(--tw-text);
}

.actions-container.tw-actions-v2.ns-gp .edit-action {
    background: var(--tw-accent);
    border-color: var(--tw-accent);
    color: var(--ns-surface);
}

.actions-container.tw-actions-v2.ns-gp .edit-action:hover {
    background: var(--ns-gold-deep);
    border-color: var(--ns-gold-deep);
}

.actions-container.tw-actions-v2.ns-gp .delete-action {
    border-color: var(--ns-error);
}

.actions-container.tw-actions-v2.ns-gp .tw-action-icon-bg {
    background: var(--ns-surface);
    border: 1px solid var(--ns-border-strong);
    border-color: var(--ns-border);
}

.actions-container.tw-actions-v2.ns-gp .action-item-placeholder,
.actions-container.tw-actions-v2.ns-gp .action-item {
    border: 1px dashed var(--tw-border);
    background: var(--ns-surface);
}

.actions-container.tw-actions-v2.ns-gp .tw-action-add-trigger:hover {
    border-color: var(--tw-accent);
}

.actions-container.tw-actions-v2.ns-gp .tw-action-add-link {
    color: var(--ns-gold-light);
}

.actions-container.tw-actions-v2.ns-gp .tw-action-add-link:hover {
    color: var(--ns-gold-light);
}

.actions-container.tw-actions-v2.ns-gp #no-action-text {
    color: var(--tw-muted);
}

.modal.tw-actions-v2-modal.ns-gp .modal-content {
    background: var(--tw-card-bg);
    color: var(--tw-text);
    border: 1px solid var(--tw-border);
    border-radius: var(--ns-radius);
}

.modal.tw-actions-v2-modal.ns-gp .modal-header,
.modal.tw-actions-v2-modal.ns-gp .modal-footer {
    border-color: var(--tw-border);
}

.modal.tw-actions-v2-modal.ns-gp .modalAction label {
    color: var(--tw-text);
}

.modal.tw-actions-v2-modal.ns-gp .form-control,
.modal.tw-actions-v2-modal.ns-gp .form-select,
.modal.tw-actions-v2-modal.ns-gp textarea {
    background: var(--tw-input-bg);
    color: var(--tw-text);
    border: 1px solid var(--tw-border);
}

.modal.tw-actions-v2-modal.ns-gp .form-control::placeholder,
.modal.tw-actions-v2-modal.ns-gp .form-select::placeholder,
.modal.tw-actions-v2-modal.ns-gp textarea::placeholder {
    color: var(--ns-text-2);
}

.modal.tw-actions-v2-modal.ns-gp .form-control:focus,
.modal.tw-actions-v2-modal.ns-gp .form-select:focus,
.modal.tw-actions-v2-modal.ns-gp textarea:focus {
    border-color: var(--tw-accent);
    box-shadow: 0 0 0 0.2rem var(--ns-border-strong);
}

.actions-container.tw-actions-v2.ns-gp .btn-primary,
.modal.tw-actions-v2-modal.ns-gp .btn-primary {
    background: var(--tw-accent);
    border-color: var(--tw-accent);
    color: var(--ns-surface);
}

.actions-container.tw-actions-v2.ns-gp .btn-primary:hover,
.modal.tw-actions-v2-modal.ns-gp .btn-primary:hover {
    background: var(--ns-gold-deep);
    border-color: var(--ns-gold-deep);
}

.actions-container.tw-actions-v2.ns-gp .btn-secondary,
.modal.tw-actions-v2-modal.ns-gp .btn-secondary {
    border: 1px solid var(--tw-border);
    color: var(--tw-text);
}

.actions-container.tw-actions-v2.ns-gp .btn-secondary:hover,
.modal.tw-actions-v2-modal.ns-gp .btn-secondary:hover {
    border-color: var(--tw-accent);
    color: var(--ns-gold-light);
}

.modal.tw-actions-v2-modal.ns-gp .note-editor {
    border: 1px solid var(--tw-border) !important;
    box-shadow: 0 1px 2px var(--ns-border);
}

.modal.tw-actions-v2-modal.ns-gp .note-toolbar,
.modal.tw-actions-v2-modal.ns-gp .note-statusbar,
.modal.tw-actions-v2-modal.ns-gp .note-editing-area {
    background: var(--tw-input-bg) !important;
    border-color: var(--tw-border) !important;
    color: var(--tw-text) !important;
}

.modal.tw-actions-v2-modal.ns-gp .note-editable {
    color: var(--tw-text);
}

.actions-container.tw-actions-v2.ns-gp :is(.action-item, .action-item-placeholder) {
    background: var(--ns-surface);
}

.actions-container.tw-actions-v2.ns-gp :is(.btn-primary, .edit-action),
.modal.tw-actions-v2-modal.ns-gp .btn-primary {
    color: var(--ns-on-accent);
}

.actions-container.tw-actions-v2.ns-gp :is(.btn-primary:hover, .edit-action:hover),
.modal.tw-actions-v2-modal.ns-gp .btn-primary:hover {
    color: var(--ns-on-accent);
    background: var(--ns-gold);
    border-color: var(--ns-gold);
}

.modal.tw-actions-v2-modal.ns-gp :is(.form-control, .form-select, textarea)::placeholder {
    color: var(--ns-text-2);
}

.modal.tw-actions-v2-modal.ns-gp :is(.form-control, .form-select, textarea):focus {
    border-color: var(--ns-gold);
    box-shadow: 0 0 0 2px var(--ns-gold-glow, var(--ns-border-strong));
}

.tw-settings-v2.ns-gp {
    font-family: var(--ns-font);
    color: var(--ns-text);
    background: var(--ns-bg);
    border: 1px solid var(--ns-border-strong);
}

.tw-settings-v2.ns-gp .cc-card-header {
    background: var(--ns-card) !important;
    border-bottom: 1px solid var(--ns-border-strong);
}

.tw-settings-v2.ns-gp .cc-card-header-title {
    color: var(--ns-text);
}

.tw-settings-v2.ns-gp .cc-card-body {
    background: var(--ns-bg) !important;
    color: var(--ns-text);
}

.tw-settings-v2.ns-gp .light-theme-color {
    color: var(--ns-text-2) !important;
}

.tw-settings-v2.ns-gp .form-label {
    color: var(--ns-text);
}

.tw-settings-v2.ns-gp .form-control,
.tw-settings-v2.ns-gp .form-select {
    border: 1px solid var(--ns-border-strong);
    background: var(--ns-surface);
    color: var(--ns-text);
}

.tw-settings-v2.ns-gp .form-control:focus,
.tw-settings-v2.ns-gp .form-select:focus {
    border-color: var(--ns-gold);
    box-shadow: 0 0 0 0.2rem var(--ns-border-strong);
}

.tw-settings-v2.ns-gp .form-control::placeholder {
    color: var(--ns-text-2);
}

.tw-settings-v2.ns-gp .tw-secret-toggle {
    color: var(--ns-text-2);
}

.tw-settings-v2.ns-gp .tw-secret-toggle:hover {
    color: var(--ns-gold-light);
}

.tw-settings-v2.ns-gp .integrationOptions {
    border: 1px solid var(--ns-border-strong);
    background: var(--ns-surface);
    color: var(--ns-text-2);
}

.tw-settings-v2.ns-gp .integrationOptions:hover {
    border-color: var(--ns-gold);
    color: var(--ns-text);
}

.tw-settings-v2.ns-gp .integrationOptions_active {
    background: var(--ns-border-strong);
    border-color: var(--ns-gold);
    color: var(--ns-gold-light);
}

.tw-settings-v2.ns-gp .btn-primary {
    background: var(--ns-gold);
    border-color: var(--ns-gold);
    color: var(--ns-on-accent);
}

.tw-settings-v2.ns-gp .btn-primary:hover {
    background: var(--ns-gold-deep);
    border-color: var(--ns-gold-deep);
}

.tw-settings-v2.ns-gp .btn-secondary {
    border: 1px solid var(--ns-border-strong);
    color: var(--ns-text);
}

.tw-settings-v2.ns-gp .btn-secondary:hover {
    border-color: var(--ns-gold);
    color: var(--ns-gold-light);
}

.tw-settings-v2.ns-gp .btn-danger {
    border: 1px solid var(--ns-error-bg);
    color: var(--ns-text);
}

.tw-settings-v2.ns-gp .btn-danger:hover {
    background: var(--ns-error-bg);
    color: var(--ns-text);
}

.tw-settings-v2.ns-gp .tw-btn-nav {
    background: var(--ns-gold);
    border-color: var(--ns-gold);
    color: var(--ns-on-accent);
}

.tw-settings-v2.ns-gp .tw-btn-nav:hover {
    background: var(--ns-gold-deep);
    border-color: var(--ns-gold-deep);
}

.tw-settings-v2.ns-gp .table {
    color: var(--ns-text);
    border-color: var(--ns-border-strong);
}

.tw-settings-v2.ns-gp .table th,
.tw-settings-v2.ns-gp .table td {
    border-color: var(--ns-border-strong);
}

.tw-settings-v2.ns-gp .table thead th {
    color: var(--ns-text-2);
    border-bottom: 1px solid var(--ns-border-strong);
}

.tw-settings-v2.ns-gp .progress {
    background: var(--ns-surface);
    border: 1px solid var(--ns-border-strong);
}

.tw-settings-v2.ns-gp .progress-bar {
    background: var(--ns-gold);
}

.tw-settings-v2.ns-gp .tw-secret-field .count-display,
.tw-settings-v2.ns-gp .tw-progress-label {
    color: var(--ns-text-2);
}

.tw-settings-v2.ns-gp hr {
    border-color: var(--ns-border-strong);
}

.tw-settings-v2.ns-gp a {
    color: var(--ns-gold-light);
}

.tw-settings-v2.ns-gp a:hover {
    color: var(--ns-gold-light);
}

.tw-settings-v2.ns-gp .modal-content {
    background: var(--ns-card);
    border: 1px solid var(--ns-border-strong);
    color: var(--ns-text);
}

.tw-settings-v2.ns-gp .modal-header {
    border-bottom: 1px solid var(--ns-border-strong);
}

.tw-settings-v2.ns-gp .modal-footer {
    border-top: 1px solid var(--ns-border-strong);
}

.act-viz-panel.ns-gp {
    font-family: var(--ns-font);
}

.act-viz-panel.ns-gp .act-viz-label {
    color: var(--ns-text);
}

/* Match the app's explicit theme, including when it differs from the device. */
.modal.tw-actions-v2-modal.ns-gp .btn-close,
.tw-settings-v2.ns-gp .modal .btn-close {
    filter: none;
}
[data-bs-theme="dark"] .modal.tw-actions-v2-modal.ns-gp .btn-close,
[data-bs-theme="dark"] .tw-settings-v2.ns-gp .modal .btn-close {
    filter: invert(1) brightness(1.3);
}

/* The shared model bar has inline dark-era ink; only this content opt-in recolors its chrome. */
.ns-gp.ns-gp-polish-12 .ns-content-section:has([aria-label="AI model providers"]) {
    border-color: var(--ns-border) !important;
}
.ns-gp.ns-gp-polish-12 .ns-content-section:has([aria-label="AI model providers"]) p {
    color: var(--ns-text-2) !important;
}
.ns-gp.ns-gp-polish-12 [aria-label="AI model providers"] > [role="listitem"] {
    background: var(--ns-surface) !important;
    border-color: var(--ns-border) !important;
    color: var(--ns-text) !important;
}
.ns-gp.ns-gp-polish-12 [aria-label="AI model providers"] > [role="listitem"] > span:not([aria-hidden]) {
    color: var(--ns-text) !important;
}
.ns-gp.ns-gp-polish-12 [aria-label="AI model providers"] > [role="listitem"] > span:last-child {
    color: var(--ns-text-2) !important;
}

/* fix-forward 09300838-1: shell blog */
/* The served /blog and /blog/{slug} are the talking-website shell's views (content/blog/shell-*), which the content
   opt-in above never reaches. Their .bs block takes the served reading surfaces' type (css/pages/doors-17.css: 600,
   never the old 800 and 900) and card edge, from the shell's own tokens, with or without that dress on the body. */
.bs.ns-gp-polish-12 :is(h1, h2, h3) { font-weight: 600; letter-spacing: -.025em; }
.bs.ns-gp-polish-12 .bs-btn { font-weight: 600; }
.bs.ns-gp-polish-12 .bs-kicker { font-weight: 600; }
.bs.ns-gp-polish-12 .bs-card,
.bs.ns-gp-polish-12 .bs-list li { border-color: var(--ns-border-strong); border-radius: var(--ns-radius); }
.bs.ns-gp-polish-12 .bs-list li:hover,
.bs.ns-gp-polish-12 .bs-list li:focus-within { border-color: var(--ns-gold-light); }