/* Nous Machine child theme — MagicAI v11.00 */
:root {
    --nous-yellow: #ffc239;
    --nous-sidebar: #08111b;
    --nous-sidebar-2: #0b1622;
    --nous-ink: #111318;
    --nous-muted: #727985;
    --nous-border: rgba(17, 19, 24, .08);
    --nous-radius: 26px;
}

body.theme-nous,
body.theme-nous button,
body.theme-nous input,
body.theme-nous textarea,
body.theme-nous select {
    font-family: "Brockmann", "Brockmann A600", Inter, Arial, sans-serif !important;
}

/* AUTH */
body.theme-nous.is-auth-page { background: #081019 !important; color: #f7f7f5; }
body.theme-nous.is-auth-page .lqd-page-content-wrap,
body.theme-nous.is-auth-page .lqd-page-content-container { overflow: visible !important; }
.nous-auth { min-height: 100vh; display: grid; grid-template-columns: minmax(390px, 31.5%) 1fr; background: linear-gradient(135deg, #081019 0%, #0a1015 100%); }
.nous-auth__form-pane { position: relative; display: flex; align-items: center; min-height: 100vh; padding: 92px 46px 48px; }
.nous-auth__logo { position: absolute; top: 42px; left: 46px; display: block; width: 225px; max-width: calc(100% - 92px); }
.nous-auth__logo img { display: block; width: 100%; height: auto; max-height: 34px; object-fit: contain; object-position: left center; }
.nous-auth__form-wrap { width: min(100%, 420px); margin-inline: auto; }
.nous-auth[data-align="right"] .nous-auth__form-wrap { margin-left: auto; margin-right: 0; }
.nous-auth[data-align="right"] .nous-auth-card__header { text-align: right; }
.nous-auth__visual { position: relative; min-height: calc(100vh - 16px); margin: 8px 8px 8px 0; border: 1px solid rgba(255,255,255,.16); border-radius: 24px; background-position: center; background-size: cover; overflow: hidden; }
.nous-auth__back { position: absolute; z-index: 3; top: 20px; right: 24px; display: inline-flex; align-items: center; gap: 7px; color: rgba(255,255,255,.9); font-size: 13px; text-decoration: none; text-shadow: 0 1px 8px rgba(0,0,0,.2); }
.nous-auth__back:hover { color: white; }
.nous-auth-card__header { margin-bottom: 26px; }
.nous-auth-card__header h1 { margin: 0 0 8px; color: #f6f7f8; font-size: clamp(30px, 2vw, 42px); line-height: 1.02; letter-spacing: -.035em; font-weight: 600; }
.nous-auth-card__header p { margin: 0; color: rgba(255,255,255,.56); font-size: 14px; line-height: 1.55; }
.nous-google-btn { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; background: rgba(255,255,255,.025); color: #f4f5f6; text-decoration: none; font-size: 14px; transition: .2s ease; }
.nous-google-btn:hover { border-color: rgba(255,194,57,.55); background: rgba(255,194,57,.05); color: white; }
.nous-auth-divider { display: flex; align-items: center; gap: 12px; margin: 18px 0; color: rgba(255,255,255,.34); font-size: 12px; }
.nous-auth-divider::before,.nous-auth-divider::after { content:""; height: 1px; flex: 1; background: rgba(255,255,255,.1); }
.nous-auth-form { display: flex; flex-direction: column; gap: 15px; }
.nous-field { display: grid; gap: 7px; color: rgba(255,255,255,.8); font-size: 12px; text-align: left; }
.nous-field > input,.nous-field__password { width: 100%; min-height: 45px; border: 1px solid rgba(255,255,255,.18); border-radius: 10px; background: rgba(255,255,255,.035); color: white; transition: border-color .2s, box-shadow .2s, background .2s; }
.nous-field > input { padding: 0 14px; }
.nous-field input::placeholder { color: rgba(255,255,255,.36); }
.nous-field > input:focus,.nous-field__password:focus-within { outline: 0; border-color: rgba(255,194,57,.8); background: rgba(255,255,255,.055); box-shadow: 0 0 0 3px rgba(255,194,57,.08); }
.nous-field__password { display: flex; align-items: center; }
.nous-field__password input { min-width: 0; flex: 1; height: 43px; border: 0; outline: 0; background: transparent; padding: 0 14px; color: white; }
.nous-field__password button { width: 42px; height: 42px; border: 0; background: transparent; color: rgba(255,255,255,.6); display: grid; place-items: center; }
.nous-auth-row { display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.nous-check { display: inline-flex; align-items: flex-start; gap: 9px; color: rgba(255,255,255,.58); font-size: 12px; line-height: 1.45; }
.nous-check input { width: 15px; height: 15px; margin-top: 1px; accent-color: var(--nous-yellow); }
.nous-check a,.nous-link,.nous-auth-switch a,.nous-auth-legal a { color: var(--nous-yellow); text-decoration: none; }
.nous-link { font-size: 12px; }
.nous-primary-btn { width: 100%; min-height: 48px; margin-top: 3px; border: 0; border-radius: 999px; background: var(--nous-yellow); color: #111; font-size: 14px; font-weight: 600; box-shadow: 0 10px 28px rgba(255,194,57,.12); transition: transform .2s, box-shadow .2s; }
.nous-primary-btn:hover { transform: translateY(-1px); box-shadow: 0 14px 34px rgba(255,194,57,.2); }
.nous-primary-btn:disabled { opacity: .6; }
.nous-auth-switch { margin: 25px 0 0; text-align: center; color: rgba(255,255,255,.48); font-size: 12px; }
.nous-auth-legal { margin: 0; color: rgba(255,255,255,.44); font-size: 10px; line-height: 1.5; }
.nous-check--legal { margin-top: 2px; }
.nous-auth-card--register .nous-auth-card__header { margin-bottom: 18px; }
.nous-auth-card--register .nous-auth-form { gap: 11px; }
.nous-auth-card--register .nous-field > input,.nous-auth-card--register .nous-field__password { min-height: 40px; }
.nous-auth-card--register .nous-field__password input { height: 38px; }
.nous-auth-unavailable { color: white; }

/* DASHBOARD SHELL */
body.theme-nous.page-user { background: var(--nous-sidebar) !important; }
body.theme-nous.page-user .lqd-page-wrapper { background: var(--nous-sidebar); }
body.theme-nous.page-user .lqd-page-content-wrap { background: var(--nous-sidebar); padding: 10px 10px 0 0; overflow: visible; }
body.theme-nous.page-user .lqd-page-content-container { padding: 0 !important; overflow: visible !important; }
body.theme-nous.page-user .lqd-navbar { background: linear-gradient(180deg, var(--nous-sidebar) 0%, var(--nous-sidebar-2) 100%) !important; border-color: rgba(255,255,255,.06) !important; color: #fff !important; }
body.theme-nous.page-user .lqd-navbar a,body.theme-nous.page-user .lqd-navbar button,body.theme-nous.page-user .lqd-navbar label { color: rgba(255,255,255,.78) !important; }
body.theme-nous.page-user .lqd-navbar .active,body.theme-nous.page-user .lqd-navbar a:hover { color: white !important; }
body.theme-nous.page-user .lqd-navbar-nav { padding-top: 6px; }
body.theme-nous.page-user .lqd-navbar-ul { display: flex; flex-direction: column; gap: 1px; }
body.theme-nous.page-user .lqd-navbar-link { border-radius: 13px !important; min-height: 42px !important; }
body.theme-nous.page-user .lqd-navbar-logo img { max-width: 185px; max-height: 30px; }
body.theme-nous.page-user .lqd-navbar-expander { background: rgba(255,255,255,.1) !important; color: #fff !important; }
.nous-dashboard-page { min-height: 110vh; border-radius: 28px 28px 0 0; background: radial-gradient(circle at 18% 5%, rgba(255,194,57,.42), transparent 30%), linear-gradient(110deg,#fff9eb 0%,#f7f7f5 48%,#eef1f6 100%); padding: 76px 34px 56px; color: var(--nous-ink); }
.nous-dashboard-hero { max-width: 820px; margin: 0 auto 52px; text-align: center; }
.nous-dashboard-kicker { margin: 0 0 8px; color: #626975; font-size: 15px; }
.nous-dashboard-hero h1 { margin: 0; color: #12151b; font-size: clamp(38px, 4.2vw, 62px); font-weight: 600; letter-spacing: -.055em; line-height: 1; }
.nous-dashboard-hero > p:not(.nous-dashboard-kicker) { margin: 13px 0 0; color: #7b818b; font-size: 15px; }
.nous-command { display: flex; align-items: center; gap: 12px; height: 66px; margin: 36px auto 18px; padding: 7px 9px 7px 22px; border: 1px solid rgba(255,255,255,.72); border-radius: 22px; background: rgba(255,255,255,.83); box-shadow: 0 18px 55px rgba(59,63,73,.08); backdrop-filter: blur(18px); }
.nous-command__spark { color: #6558ff; font-size: 22px; }
.nous-command input { flex: 1; border: 0; outline: 0; background: transparent; color: #242832; font-size: 14px; }
.nous-command button { width: 48px; height: 48px; border: 0; border-radius: 50%; background: #f6f6f4; color: #555b65; display: grid; place-items: center; }
.nous-quick-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.nous-quick-actions button { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 0 18px; border: 1px solid rgba(255,255,255,.7); border-radius: 14px; background: rgba(255,255,255,.66); color: #2d3139; box-shadow: 0 10px 30px rgba(20,25,35,.03); }
.nous-dashboard-grid { display: grid; gap: 16px; max-width: 1500px; margin-inline: auto; }
.nous-dashboard-grid--primary { grid-template-columns: repeat(4,minmax(0,1fr)); align-items: start; }
.nous-widget,.nous-mini-widget { border: 1px solid rgba(20,23,29,.07); background: rgba(255,255,255,.74); box-shadow: 0 18px 50px rgba(35,40,51,.045); backdrop-filter: blur(16px); }
.nous-widget { border-radius: 20px; overflow: hidden; }
.nous-widget > header { display: flex; align-items: flex-start; justify-content: space-between; padding: 20px 20px 14px; }
.nous-widget h2 { margin: 0; font-size: 16px; font-weight: 600; color: #171a20; }
.nous-widget header p { margin: 4px 0 0; color: #9196a0; font-size: 11px; }
.nous-badge { display: inline-grid; place-items: center; min-width: 23px; height: 23px; margin-left: 4px; border-radius: 8px; background: #ffd55f; font-size: 10px; }
.nous-widget-list { border-top: 1px solid var(--nous-border); }
.nous-list-row { min-height: 74px; display: flex; align-items: center; gap: 11px; padding: 12px 16px; border-bottom: 1px solid var(--nous-border); }
.nous-list-row:last-child { border-bottom: 0; }
.nous-list-row > div { min-width: 0; flex: 1; }
.nous-list-row strong { display: block; overflow: hidden; color: #292d34; font-size: 11px; font-weight: 600; line-height: 1.35; text-overflow: ellipsis; }
.nous-list-row small { display: block; margin-top: 4px; overflow: hidden; color: #9aa0a8; font-size: 9px; line-height: 1.35; text-overflow: ellipsis; }
.nous-list-icon,.nous-avatar { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 10px; background: #f2f2f2; font-size: 10px; font-weight: 700; }
.nous-list-icon--ig { background: #fff0f5; color: #e83e8c; }.nous-list-icon--in { background: #edf7ff; color: #1474c9; }.nous-list-icon--fb { background: #edf3ff; color: #296de2; }
.nous-avatar { border-radius: 50%; background: #eff2f5; color: #46505e; }
.nous-count { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: #ffd335; font-size: 9px; }
.nous-status { border-radius: 8px; padding: 5px 7px; font-size: 9px; }.nous-status--green { background: #e5f6e8; color: #32a252; }.nous-status--amber { background: #fff2d9; color: #b87b16; }.nous-status--blue { background: #e8efff; color: #4f70d5; }
.nous-dashboard-grid--secondary { grid-template-columns: 1fr 1.15fr 1.25fr; margin-top: 28px; }
.nous-mini-widget { min-height: 108px; border-radius: 18px; padding: 15px 18px; }
.nous-mini-widget header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; border-bottom: 1px solid var(--nous-border); }
.nous-mini-widget h3 { margin: 0; font-size: 13px; }.nous-mini-widget header a { color: #8c919a; font-size: 9px; text-decoration: none; }
.nous-mini-content { display:flex;align-items:center;gap:12px;padding-top:12px; }.nous-mini-content strong {display:block;font-size:11px}.nous-mini-content small {display:block;margin-top:3px;color:#9298a1;font-size:9px}.nous-voice-icon {width:40px;height:40px;border-radius:11px;background:#fff3cc;display:grid;place-items:center;font-size:23px}.nous-activity{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding-top:13px;font-size:10px}.nous-activity p{margin:0}.nous-activity small{color:#a0a5ad}.nous-integration-row{display:flex;gap:8px;align-items:center;padding-top:12px}.nous-integration-row span{height:38px;min-width:48px;padding:0 9px;border:1px solid var(--nous-border);border-radius:10px;background:white;display:grid;place-items:center;font-size:9px;font-weight:600}

@media (max-width: 1200px) { .nous-dashboard-grid--primary { grid-template-columns: repeat(2,minmax(0,1fr)); } .nous-dashboard-grid--secondary { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .nous-auth { grid-template-columns: 1fr; } .nous-auth__visual { display:none; } .nous-auth__form-pane { padding: 110px 24px 48px; } .nous-auth__logo { left:24px; top:32px; width:190px; } .nous-dashboard-page { border-radius: 0; padding: 48px 18px; } }
@media (max-width: 700px) { .nous-dashboard-grid--primary { grid-template-columns: 1fr; } .nous-quick-actions button { flex: 1 1 46%; justify-content:center; } }

/* ==========================================================
   NOUS APP PAGES — v0.2
   Archive + OpenAI connection visual system
   ========================================================== */
body.theme-nous.nous-custom-page { background: #07111b !important; color: #111318; }
body.theme-nous.nous-custom-page .lqd-page,
body.theme-nous.nous-custom-page .lqd-page-wrapper,
body.theme-nous.nous-custom-page .lqd-page-content-wrap,
body.theme-nous.nous-custom-page .lqd-page-content-container { min-height: 100vh; max-width: none !important; padding: 0 !important; margin: 0 !important; background: transparent !important; overflow: visible !important; }
.nous-app-shell { --nous-side-w: 238px; min-height: 100vh; display: grid; grid-template-columns: var(--nous-side-w) minmax(0, 1fr); gap: 0; background: linear-gradient(180deg,#07111b,#091621); }
.nous-app-sidebar { position: sticky; top: 0; height: 100vh; z-index: 30; display: flex; flex-direction: column; padding: 30px 18px 22px; color: white; background: linear-gradient(180deg,#07111b 0%,#091722 100%); }
.nous-app-brand { display: block; padding: 3px 3px 31px; }
.nous-app-brand img { display: block; width: 176px; max-width: 100%; height: 30px; object-fit: contain; object-position: left center; }
.nous-app-nav { display: flex; flex-direction: column; gap: 6px; }
.nous-app-nav__item { min-height: 46px; display: flex; align-items: center; gap: 13px; padding: 0 15px; border-radius: 999px; color: rgba(255,255,255,.78); text-decoration: none; font-size: 14px; transition: .18s ease; }
.nous-app-nav__item:hover { color: #fff; background: rgba(255,255,255,.055); }
.nous-app-nav__item.is-active { background: #fff; color: #111820; box-shadow: 0 10px 24px rgba(0,0,0,.16); }
.nous-app-user { margin-top: auto; display: grid; grid-template-columns: 44px 1fr auto; gap: 11px; align-items: center; padding: 18px 4px 2px; border-top: 1px solid rgba(255,255,255,.12); }
.nous-app-user__avatar,.nous-top-user__avatar { display:grid;place-items:center;border-radius:50%;font-weight:700;background:linear-gradient(145deg,#fff4d2,#ffc239);color:#10161d; }
.nous-app-user__avatar { width:44px;height:44px;font-size:14px; }
.nous-app-user__meta { min-width: 0; }
.nous-app-user__meta strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#fff; }
.nous-app-user__meta small { display:block;margin-top:3px;font-size:9px;color:rgba(255,255,255,.6); }

.nous-app-main { position: relative; min-width: 0; min-height: 100vh; margin: 8px 8px 0 0; padding: 28px 40px 48px; border-radius: 29px 29px 0 0; background: radial-gradient(circle at 13% 0%,rgba(255,194,57,.64),transparent 29%),linear-gradient(110deg,#fff8e8 0%,#fbfbfa 46%,#f2f4f7 100%); overflow: hidden; }
.nous-page-topbar { position:absolute;top:22px;right:28px;z-index:5;display:flex;align-items:center;gap:12px; }
.nous-round-action { position:relative;width:46px;height:46px;border:1px solid rgba(17,24,32,.055);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.82);color:#0e141a;box-shadow:0 8px 28px rgba(35,43,55,.045);backdrop-filter:blur(12px); }
.nous-round-action--badge > span { position:absolute;top:-3px;right:-1px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:#ffc400;color:#151515;font-size:9px;font-weight:700; }
.nous-top-user { display:flex;align-items:center;gap:9px;margin-left:2px; }
.nous-top-user__avatar { width:42px;height:42px;font-size:13px;border:4px solid rgba(255,255,255,.86);box-shadow:0 6px 20px rgba(20,28,38,.08); }
.nous-page-heading { min-height: 62px; display:flex; align-items:center; padding-right:250px; }
.nous-page-heading__title { display:flex;align-items:center;gap:12px; }
.nous-page-heading__title h1,.nous-settings-heading h1 { margin:0;color:#0d1116;font-weight:600;letter-spacing:-.045em; }
.nous-page-heading__title h1 { font-size:34px; }

/* Archive */
.nous-archive-toolbar { margin-top: 16px; display:flex;align-items:center;justify-content:space-between;gap:18px; }
.nous-filter-tabs,.nous-settings-tabs { display:flex;align-items:center;gap:4px;border:1px solid rgba(17,24,32,.055);background:rgba(255,255,255,.78);box-shadow:0 12px 34px rgba(32,40,52,.04);backdrop-filter:blur(14px); }
.nous-filter-tabs { min-height:49px;padding:5px;border-radius:18px; }
.nous-filter-tabs a { min-height:38px;padding:0 18px;border-radius:13px;display:inline-flex;align-items:center;gap:8px;color:#526071;text-decoration:none;font-size:11px; }
.nous-filter-tabs a.is-active { background:#fff;color:#161b21;box-shadow:0 5px 15px rgba(27,34,45,.07);font-weight:600; }
.nous-dot { width:9px;height:9px;display:inline-block;border-radius:50%;background:#ffc400; }
.nous-toolbar-actions { display:flex;align-items:center;gap:10px; }
.nous-soft-button,.nous-yellow-button,.nous-change-key { border:1px solid rgba(17,24,32,.08);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:600;transition:.18s ease; }
.nous-soft-button { min-height:45px;padding:0 17px;border-radius:13px;background:rgba(255,255,255,.85);color:#1b2128;box-shadow:0 8px 24px rgba(26,35,46,.035);font-size:11px; }
.nous-soft-button:hover { background:#fff;color:#111; }
.nous-yellow-button { min-height:45px;padding:0 18px;border-radius:13px;border-color:#ffbf00;background:linear-gradient(180deg,#ffc928,#ffbd00);color:#111;box-shadow:0 10px 24px rgba(255,190,0,.13);font-size:11px; }
.nous-stat-grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0 14px; }
.nous-stat-card { min-height:112px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid rgba(22,30,40,.055);border-radius:17px;background:rgba(255,255,255,.78);box-shadow:0 12px 30px rgba(27,36,48,.035); }
.nous-stat-icon { width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:13px; }
.nous-stat-icon.is-purple {background:#f1ebff;color:#6f4cff}.nous-stat-icon.is-green{background:#e8f8ed;color:#16a34a}.nous-stat-icon.is-amber{background:#fff3d9;color:#f5a400}.nous-stat-icon.is-violet{background:#f2ebff;color:#7545ff}.nous-stat-icon.is-blue{background:#e8f3ff;color:#1478dc}
.nous-stat-card small,.nous-stat-card em { display:block;font-style:normal;font-size:9px;color:#6f7885; }
.nous-stat-card strong { display:block;margin:2px 0 5px;font-size:20px;line-height:1;color:#12171d;font-weight:600; }
.nous-stat-card em { color:#16a34a; }
.nous-file-table { border:1px solid rgba(20,28,38,.055);border-radius:18px;background:rgba(255,255,255,.83);box-shadow:0 16px 45px rgba(30,40,52,.04);overflow:hidden; }
.nous-file-row { min-height:57px;display:grid;grid-template-columns:minmax(330px,2.2fr) .75fr 1fr .85fr .55fr .65fr;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid rgba(20,28,38,.055);color:#536070;font-size:10px; }
.nous-file-row:last-child { border-bottom:0; }
.nous-file-row--head { min-height:43px;color:#929aa6;text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:600; }
.nous-file-row--head > div:first-child { display:flex;align-items:center;gap:14px; }
.nous-checkbox { width:16px;height:16px;flex:0 0 16px;border:1px solid #dbe0e6;border-radius:5px;background:#fff; }
.nous-file-name { min-width:0;display:flex;align-items:center;gap:11px; }
.nous-file-name a { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#171c22;text-decoration:none;font-size:11px;font-weight:600; }
.nous-star { flex:0 0 auto;color:#778392; }
.nous-file-icon { width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:9px; }
.nous-file-icon.is-folder{background:#fff3cc;color:#f2ad00}.nous-file-icon.is-document{background:#eaf4ff;color:#2781df}.nous-file-icon.is-image{background:#eaf8ef;color:#20a65b}.nous-file-icon.is-video{background:#f2edff;color:#7651ff}.nous-file-icon.is-code{background:#f0edff;color:#6d4cff}
.nous-type-pill { display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:7px;font-size:8px;font-weight:600; }
.nous-type-pill.is-folder{background:#fff2d7;color:#e39300}.nous-type-pill.is-document{background:#eaf4ff;color:#257ee0}.nous-type-pill.is-image{background:#e8f8ee;color:#16a05a}.nous-type-pill.is-video{background:#f1ecff;color:#7451ff}.nous-type-pill.is-code{background:#f0ecff;color:#714eff}
.nous-row-actions { display:flex;align-items:center;justify-content:flex-end;gap:7px; }
.nous-row-actions button,.nous-row-actions a { width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#637080;text-decoration:none; }
.nous-row-actions button:hover,.nous-row-actions a:hover { background:#f5f6f7;color:#111; }
.nous-empty-table { min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#89919c; }.nous-empty-table strong{color:#303741;font-size:13px}.nous-empty-table span{font-size:10px}
.nous-load-more { margin:18px auto 0;width:max-content;display:flex;align-items:center;gap:8px;color:#5a6572;text-decoration:none;font-size:10px; }.nous-load-more span{width:17px;height:17px;border:2px solid #d9dee5;border-top-color:#333;border-radius:50%;animation:nous-spin .8s linear infinite}@keyframes nous-spin{to{transform:rotate(360deg)}}

/* Settings / OpenAI */
.nous-settings-page { padding-left:48px;padding-right:48px; }
.nous-settings-heading { padding: 36px 250px 0 0; }
.nous-back-link { display:inline-flex;align-items:center;gap:4px;margin-bottom:17px;color:#252c34;text-decoration:none;font-size:10px; }
.nous-settings-heading h1 { font-size:40px;line-height:1; }.nous-settings-heading h1 span{color:#714cff;font-size:24px}.nous-settings-heading p{margin:13px 0 0;color:#4e6577;font-size:11px}
.nous-settings-tabs { width:max-content;min-width:700px;min-height:52px;margin-top:28px;padding:5px;border-radius:17px; }
.nous-settings-tabs a { min-height:40px;padding:0 20px;display:inline-flex;align-items:center;gap:8px;border-radius:13px;color:#536277;text-decoration:none;font-size:11px; }
.nous-settings-tabs a.is-active{background:#fff;color:#171c22;font-weight:600;box-shadow:0 5px 16px rgba(28,35,46,.06)}
.nous-settings-grid { display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr);gap:22px;margin-top:18px;max-width:1180px; }
.nous-connection-card,.nous-info-card,.nous-settings-metrics { border:1px solid rgba(18,25,34,.06);background:rgba(255,255,255,.8);box-shadow:0 16px 44px rgba(29,38,50,.04); }
.nous-connection-card { border-radius:19px;padding:24px; }
.nous-connected-pill { width:max-content;min-height:30px;padding:0 13px;display:flex;align-items:center;gap:8px;border-radius:999px;background:#ddf7e4;color:#178b3c;font-size:10px;font-weight:600; }.nous-connected-pill span{width:8px;height:8px;border-radius:50%;background:#13a441}.nous-connected-pill.is-off{background:#f1f2f4;color:#6d7580}.nous-connected-pill.is-off span{background:#8a939d}
.nous-api-label { display:block;margin:18px 0 8px;color:#1e242b;font-size:11px;font-weight:600; }
.nous-api-input-wrap { min-height:53px;display:flex;align-items:center;border:1px solid #dfe3e8;border-radius:13px;background:#fff;overflow:hidden; }
.nous-api-input-wrap input { min-width:0;flex:1;height:51px;border:0;outline:0;background:transparent;padding:0 14px;color:#161c23;font-size:15px;letter-spacing:.015em; }
.nous-api-input-wrap button { width:44px;height:44px;margin-right:4px;border:0;border-radius:10px;background:#f4f5f6;color:#222;display:grid;place-items:center; }
.nous-api-meta { margin:10px 0 0;color:#77808b;font-size:9px; }.nous-api-meta strong{color:#6b4cff;font-weight:600}.nous-form-separator{height:1px;margin:17px 0 0;background:#e9ebee}
.nous-model-select { width:100%;height:44px;border:1px solid #dfe3e8;border-radius:11px;background:#fff;padding:0 12px;color:#171c22;font-size:11px;outline:0; }.nous-help-text{display:block;margin-top:6px;color:#7a8490;font-size:9px}
.nous-settings-actions { display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:19px; }.nous-yellow-button--wide,.nous-soft-button--wide{width:100%}.nous-change-key{width:100%;min-height:38px;margin-top:9px;border-radius:10px;background:#fff;color:#252b32;font-size:10px}
.nous-connection-status { min-height:57px;margin-top:14px;padding:10px 12px;display:flex;align-items:center;gap:12px;border:1px solid #a8e1b6;border-radius:12px;background:linear-gradient(90deg,#e6f9ea,#f3fff5); }.nous-connection-status>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#14a63f;color:white}.nous-connection-status strong{display:block;color:#17231a;font-size:10px}.nous-connection-status small{display:block;margin-top:2px;color:#718078;font-size:8px}.nous-connection-status.is-off{border-color:#e2e4e8;background:#f7f7f8}.nous-connection-status.is-off>span{background:#8a939d}
.nous-settings-sidecards { display:flex;flex-direction:column;gap:16px; }.nous-info-card{border-radius:19px;padding:20px}.nous-info-card header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.nous-info-card header>span,.nous-info-card li>span{display:grid;place-items:center;border-radius:11px}.nous-info-card header>span{width:44px;height:44px}.nous-info-card header h2{margin:0;color:#151a20;font-size:15px}.nous-info-card header p{margin:3px 0 0;color:#6f7986;font-size:9px}.nous-info-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.nous-info-card li{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;color:#536070;font-size:9px;line-height:1.45}.nous-info-card li>span{width:38px;height:38px}.nous-info-card .is-violet{background:#f0ebff;color:#6e48ff}.nous-info-card .is-amber{background:#fff4dd;color:#f0a300}
.nous-settings-metrics { max-width:1180px;margin-top:18px;border-radius:18px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden; }.nous-settings-metrics article{min-height:105px;display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;padding:16px 20px;border-right:1px solid #eceef1}.nous-settings-metrics article:last-child{border-right:0}.nous-settings-metrics article>span{width:58px;height:58px;display:grid;place-items:center;border-radius:14px}.nous-settings-metrics .is-green{background:#e8f8ed;color:#16a34a}.nous-settings-metrics .is-blue{background:#ebf0ff;color:#2f56ff}.nous-settings-metrics .is-violet{background:#f2ebff;color:#7749ff}.nous-settings-metrics small{display:block;color:#6e7783;font-size:9px}.nous-settings-metrics strong{display:block;margin:2px 0;color:#111820;font-size:18px}.nous-settings-metrics p{margin:0;color:#7c8691;font-size:8px}

@media (max-width: 1250px){.nous-stat-grid{grid-template-columns:repeat(3,1fr)}.nous-file-row{grid-template-columns:minmax(300px,2fr) .8fr .9fr .8fr .55fr}.nous-file-row>div:nth-child(3){display:none}.nous-settings-grid{grid-template-columns:1fr}.nous-settings-sidecards{display:grid;grid-template-columns:1fr 1fr}.nous-settings-metrics{grid-template-columns:1fr}.nous-settings-metrics article{border-right:0;border-bottom:1px solid #eceef1}.nous-settings-metrics article:last-child{border-bottom:0}}
@media (max-width: 900px){.nous-app-shell{display:block}.nous-app-sidebar{position:relative;height:auto;min-height:0;padding:18px}.nous-app-nav{display:grid;grid-template-columns:repeat(2,1fr)}.nous-app-user{display:none}.nous-app-main{margin:0;border-radius:0;padding:92px 18px 40px}.nous-page-topbar{top:18px;right:18px}.nous-page-heading,.nous-settings-heading{padding-right:0}.nous-archive-toolbar{align-items:stretch;flex-direction:column}.nous-filter-tabs{overflow:auto}.nous-toolbar-actions{flex-wrap:wrap}.nous-stat-grid{grid-template-columns:1fr 1fr}.nous-file-table{overflow-x:auto}.nous-file-row{min-width:900px}.nous-settings-tabs{min-width:0;width:100%;overflow:auto}.nous-settings-sidecards{grid-template-columns:1fr}.nous-settings-page{padding-left:18px;padding-right:18px}}
@media (max-width:600px){.nous-app-nav{grid-template-columns:1fr 1fr}.nous-app-brand img{width:150px}.nous-stat-grid{grid-template-columns:1fr}.nous-settings-heading h1{font-size:31px}.nous-settings-actions{grid-template-columns:1fr}.nous-settings-metrics article{grid-template-columns:48px 1fr auto}.nous-settings-metrics article>span{width:48px;height:48px}.nous-round-action{width:40px;height:40px}.nous-top-user{display:none}}

/* =========================================================
   Nous Machine v0.3 — Configuration hub + nested settings nav
   ========================================================= */
.nous-app-nav-group { margin: 0; padding: 0; border: 0; }
.nous-app-nav-group > summary { list-style: none; cursor: pointer; }
.nous-app-nav-group > summary::-webkit-details-marker { display: none; }
.nous-app-nav-group .nous-app-nav__summary { width: 100%; }
.nous-app-nav__chevron { margin-left: auto; transition: transform .18s ease; }
.nous-app-nav-group[open] .nous-app-nav__chevron { transform: rotate(180deg); }
.nous-app-nav-group.is-active > .nous-app-nav__summary { background: #fff; color: #111820; box-shadow: 0 10px 24px rgba(0,0,0,.16); }
.nous-app-subnav { display: grid; gap: 3px; padding: 7px 8px 2px 43px; }
.nous-app-subnav__item { min-height: 31px; display: flex; align-items: center; gap: 9px; padding: 0 8px; border-radius: 9px; color: rgba(255,255,255,.52); text-decoration: none; font-size: 11px; transition: .18s ease; }
.nous-app-subnav__item > span { width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: rgba(255,255,255,.25); }
.nous-app-subnav__item:hover { color: #fff; background: rgba(255,255,255,.045); }
.nous-app-subnav__item.is-active { color: #fff; background: rgba(255,194,57,.13); }
.nous-app-subnav__item.is-active > span { background: var(--nous-yellow); box-shadow: 0 0 0 4px rgba(255,194,57,.09); }

.nous-settings-tabs--full { width: min(100%, 960px); min-width: 0; display: flex; align-items: center; overflow-x: auto; background: rgba(255,255,255,.54); border: 1px solid rgba(18,25,34,.05); box-shadow: 0 10px 28px rgba(29,38,50,.03); }
.nous-settings-tabs--full a { flex: 0 0 auto; }

/* Configuration overview */
.nous-config-page { padding-bottom: 70px; }
.nous-config-heading { padding: 48px 250px 0 0; }
.nous-config-eyebrow { display: inline-flex; align-items: center; min-height: 26px; padding: 0 10px; margin-bottom: 12px; border-radius: 999px; background: rgba(255,255,255,.52); border: 1px solid rgba(18,25,34,.05); color: #556170; font-size: 9px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; }
.nous-config-heading h1 { margin: 0; color: #111820; font-size: 42px; line-height: 1; letter-spacing: -.04em; }
.nous-config-heading p { max-width: 650px; margin: 13px 0 0; color: #536476; font-size: 11px; line-height: 1.55; }
.nous-config-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; max-width: 1180px; margin-top: 22px; }
.nous-config-card { position: relative; min-height: 144px; display: grid; grid-template-columns: 54px minmax(0,1fr) auto; gap: 16px; align-items: center; padding: 20px 22px; border: 1px solid rgba(18,25,34,.06); border-radius: 19px; background: rgba(255,255,255,.78); box-shadow: 0 16px 44px rgba(29,38,50,.035); color: inherit; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.nous-config-card:hover { transform: translateY(-2px); border-color: rgba(255,194,57,.42); box-shadow: 0 20px 54px rgba(29,38,50,.07); }
.nous-config-card.is-featured { grid-column: 1 / -1; min-height: 132px; background: linear-gradient(105deg, rgba(255,244,208,.94), rgba(255,255,255,.84) 53%, rgba(255,255,255,.74)); }
.nous-config-card__icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 15px; }
.nous-config-card__icon.is-yellow { background:#fff0bd; color:#d99b00; }.nous-config-card__icon.is-violet{background:#f0ebff;color:#6e48ff}.nous-config-card__icon.is-blue{background:#eaf2ff;color:#2a6fe8}.nous-config-card__icon.is-green{background:#e8f8ed;color:#169a48}.nous-config-card__icon.is-amber{background:#fff2db;color:#e59500}
.nous-config-card__body { min-width: 0; }
.nous-config-card__kicker { color: #8a929d; font-size: 8px; font-weight: 600; text-transform: uppercase; letter-spacing: .07em; }
.nous-config-card h2 { margin: 4px 0 6px; color: #141a21; font-size: 17px; letter-spacing: -.02em; }
.nous-config-card p { max-width: 560px; margin: 0; color: #6b7684; font-size: 9px; line-height: 1.55; }
.nous-config-card__status { min-width: 74px; display: grid; text-align: right; margin-right: 22px; }
.nous-config-card__status strong { color:#111820; font-size:21px; line-height:1; }.nous-config-card__status span{margin-top:4px;color:#7a8490;font-size:8px}
.nous-config-card__arrow { position: absolute; right: 18px; color:#6d7783; }

.nous-account-settings { max-width: 1180px; margin-top: 20px; padding: 24px; scroll-margin-top: 24px; border: 1px solid rgba(18,25,34,.06); border-radius: 21px; background: rgba(255,255,255,.78); box-shadow: 0 16px 44px rgba(29,38,50,.035); }
.nous-account-settings__heading { display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid #eceef1; }
.nous-account-settings__heading span { color:#8a929d;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.08em; }.nous-account-settings__heading h2{margin:3px 0 4px;color:#151b22;font-size:22px}.nous-account-settings__heading p{margin:0;color:#6f7986;font-size:9px}
.nous-account-settings__email { text-align:right; }.nous-account-settings__email small{display:block;color:#9098a2;font-size:8px}.nous-account-settings__email strong{display:block;margin-top:3px;color:#313941;font-size:10px}
.nous-account-form { margin-top: 18px; }
.nous-account-form__grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
.nous-account-form__grid--password { grid-template-columns:repeat(3,minmax(0,1fr)); }
.nous-config-field { display:grid;gap:6px; }.nous-config-field--wide{grid-column:span 2}.nous-config-field>span{color:#4c5865;font-size:9px;font-weight:600}.nous-config-field input,.nous-config-field select{width:100%;height:43px;border:1px solid #dfe3e8;border-radius:11px;background:#fff;padding:0 12px;color:#1b222a;font-size:10px;outline:0}.nous-config-field input[type=file]{padding:9px 10px;height:43px}.nous-config-field input:focus,.nous-config-field select:focus{border-color:rgba(255,194,57,.85);box-shadow:0 0 0 3px rgba(255,194,57,.08)}
.nous-password-block { margin-top:18px;padding:16px;border-radius:15px;background:rgba(247,248,249,.9);border:1px solid #eceef1; }.nous-password-block__title{display:flex;align-items:center;gap:10px;margin-bottom:13px;color:#20272f}.nous-password-block__title strong{display:block;font-size:10px}.nous-password-block__title small{display:block;margin-top:2px;color:#7a8490;font-size:8px}
.nous-account-form__actions { margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px; }.nous-danger-link{display:inline-flex;align-items:center;gap:6px;color:#a84d4d;text-decoration:none;font-size:9px}.nous-danger-link:hover{color:#842f2f}

/* API connections */
.nous-settings-heading--api { padding-top: 38px; }
.nous-api-overview { max-width:1180px;margin-top:18px;padding:16px 18px;border:1px solid rgba(18,25,34,.055);border-radius:18px;background:rgba(255,255,255,.68);box-shadow:0 14px 38px rgba(29,38,50,.03); }
.nous-api-overview__intro { display:flex;align-items:baseline;gap:10px;margin-bottom:12px; }.nous-api-overview__intro>span{color:#8c949e;font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.nous-api-overview__intro h2{margin:0;color:#171d24;font-size:16px}.nous-api-overview__intro p{margin:0 0 0 auto;color:#7a8490;font-size:9px}
.nous-api-provider-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.nous-api-provider-card { min-height:72px;display:grid;grid-template-columns:40px minmax(0,1fr) 8px;gap:11px;align-items:center;padding:10px 12px;border:1px solid #e6e9ed;border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:.18s ease; }.nous-api-provider-card:hover{border-color:rgba(255,194,57,.55);transform:translateY(-1px)}.nous-api-provider-card.is-active{border-color:rgba(255,194,57,.9);box-shadow:0 0 0 3px rgba(255,194,57,.08)}
.nous-api-provider-card__icon { width:40px;height:40px;display:grid;place-items:center;border-radius:11px; }.nous-api-provider-card__icon.is-green{background:#e8f8ed;color:#17a34a}.nous-api-provider-card__icon.is-amber{background:#fff2df;color:#e69400}.nous-api-provider-card__icon.is-blue{background:#eaf2ff;color:#2e6fe7}
.nous-api-provider-card__copy { min-width:0;display:grid; }.nous-api-provider-card__copy strong{color:#1a2027;font-size:10px}.nous-api-provider-card__copy small{margin-top:3px;color:#89919c;font-size:8px}.nous-api-provider-card__dot{width:8px;height:8px;border-radius:50%;background:#cfd4da}.nous-api-provider-card__dot.is-on{background:#18aa4b;box-shadow:0 0 0 4px rgba(24,170,75,.08)}
.nous-settings-grid--api { margin-top:14px; }
.nous-connection-card__header { display:flex;align-items:center;justify-content:space-between;gap:20px; }.nous-connection-card__header>div:first-child{display:flex;align-items:center;gap:11px}.nous-connection-card__header small{display:block;color:#8a929d;font-size:8px}.nous-connection-card__header h2{margin:2px 0 0;color:#171d24;font-size:17px}
.nous-provider-mark { width:42px;height:42px;display:grid;place-items:center;border-radius:12px; }.nous-provider-mark.is-green{background:#e8f8ed;color:#17a34a}.nous-provider-mark.is-amber{background:#fff2df;color:#e69400}.nous-provider-mark.is-blue{background:#eaf2ff;color:#2e6fe7}
.nous-provider-description { margin:13px 0 0;color:#6d7783;font-size:9px;line-height:1.55; }
.nous-api-security-note { margin-top:14px;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;background:#f7f8f9;color:#56616e; }.nous-api-security-note>svg{color:#6e48ff}.nous-api-security-note strong{display:block;color:#2a3139;font-size:9px}.nous-api-security-note span{display:block;margin-top:2px;font-size:8px}

@media (max-width: 1100px){
    .nous-config-grid{grid-template-columns:1fr}.nous-config-card.is-featured{grid-column:auto}.nous-account-form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nous-account-form__grid--password{grid-template-columns:1fr}.nous-api-provider-grid{grid-template-columns:1fr}
}
@media (max-width: 900px){
    .nous-app-nav-group{grid-column:1/-1}.nous-app-subnav{padding-left:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.nous-config-heading{padding-right:0}.nous-config-grid{margin-top:16px}.nous-account-settings__heading{align-items:flex-start;flex-direction:column}.nous-account-settings__email{text-align:left}.nous-api-overview__intro{align-items:flex-start;flex-direction:column}.nous-api-overview__intro p{margin-left:0}
}
@media (max-width: 600px){
    .nous-app-subnav{grid-template-columns:1fr}.nous-config-heading h1{font-size:34px}.nous-config-card{grid-template-columns:46px minmax(0,1fr);padding:17px}.nous-config-card__icon{width:46px;height:46px}.nous-config-card__status{display:none}.nous-config-card__arrow{right:12px}.nous-account-form__grid{grid-template-columns:1fr}.nous-config-field--wide{grid-column:auto}.nous-account-form__actions{align-items:flex-start;flex-direction:column}.nous-api-overview{padding:12px}
}