/* Hermes visual system: presentation only; all existing application hooks remain intact. */
:root{color-scheme:light;--bg:#f7f3ec;--panel:#fffdf9;--panel-strong:#fffdf9;--line:#e8dfd2;--text:#2c251e;--muted:#695e52;--cyan:#8a611d;--violet:#8a611d;--gold:#9b6a1b;--gold2:#b37c28;--green:#28735e;--red:#ad4141;--danger:#ad4141;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html,body{background:#f7f3ec!important;color:#2c251e!important}
body::before{background:radial-gradient(circle at 100% 0%,rgba(215,184,132,.17),transparent 33%),radial-gradient(circle at 0% 90%,rgba(234,219,192,.2),transparent 36%)!important;opacity:1!important}
a{color:#765019}button,input,textarea,select{font-size:16px}button,a,input,textarea,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b78537!important;outline-offset:2px}
.app-shell,.finance-shell,.fanpage-shell,.page{width:min(1320px,calc(100% - 40px));max-width:100%}
.topbar,.finance-topbar,.bar{min-height:72px;gap:14px}
.brand,.finance-brand{color:#2c251e!important}.brand strong,.finance-brand strong{font-size:16px}.brand small,.finance-brand small{color:#695e52!important}
.brand img,.login-card img{border-radius:15px;box-shadow:0 4px 12px rgba(66,45,17,.12)}
.ghost-button,.home-button,.soft-button,.outline-button,.button,.small-button,.text-button,.refresh-button,.round-button{min-height:44px;color:#3b3025!important;background:#fffdf9!important;border:1px solid #e4d8c6!important;border-radius:12px;box-shadow:0 2px 5px rgba(61,42,21,.03)}
.ghost-button:hover,.home-button:hover,.soft-button:hover,.outline-button:hover,.button:hover,.small-button:hover,.text-button:hover,.refresh-button:hover,.round-button:hover{background:#f2e9d9!important;border-color:#be985c!important}
.status-pill,.sync-status,.sync-pill{color:#695e52!important}.status-pill.online i,.sync-status.online i,.sync-pill.online i{background:#28735e!important}
.hero,.wealth-hero,.fanpage-hero,.heading{border:1px solid #e4d5be!important;background:linear-gradient(105deg,rgba(255,253,249,.98),rgba(248,239,222,.96)),url('/assets/hermes-warm-abstract.png') center/cover!important;box-shadow:0 16px 45px rgba(86,61,25,.08)!important;border-radius:28px!important}
.hero h1,.wealth-copy h1,.fanpage-hero h1,.heading h1{color:#2c251e!important;letter-spacing:-.04em}.hero p:last-child,.wealth-copy>p:last-child,.fanpage-hero .hero-copy>p:last-child,.heading p{color:#695e52!important}
.hero>img{object-fit:contain;mask-image:none!important;opacity:1!important;padding:24px;max-height:280px}
.eyebrow,.section-kicker,.gold-kicker,.rose-kicker{color:#8d5f18!important;letter-spacing:.11em}.wealth-copy h1 em,.fanpage-hero h1 em{color:#875a1a!important}
.services{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:18px 0 24px}.service-card,.wealth-card,.post-card,.account-card,.portfolio-tile,.topic-guide,.finance-panel,.panel,.accounts-strip-wrap,.month-section,.portfolio-section,.reports-section,.report-card,.admin-panel{color:#2c251e!important;background:#fffdf9!important;border:1px solid #e8dfd2!important;box-shadow:0 8px 28px rgba(75,52,25,.055)!important;border-radius:22px!important}
.service-card{min-height:96px;padding:18px}.service-card:hover,.service-card:focus-visible{border-color:#b78e50!important;box-shadow:0 12px 30px rgba(92,67,31,.12)!important}.service-icon,.wealth-card>span{background:#f4e8d2!important;color:#75501b!important}.service-card b{color:#8d5f18!important}
.report-card{--report-accent:#8d5f18;--report-glow:rgba(185,145,77,.09);background:#fffdf9!important}.report-decoration{display:none}.report-card-head p,.report-icon,.report-details summary b{color:#8d5f18!important}.report-date,.market-pulse,.pnl-main,.kpi-tile,.total-wealth,.budget-overview,.portfolio-current{color:#2c251e!important;background:#fbf6ee!important;border:1px solid #e8dfd2!important}.market-pulse strong,.pnl-main strong,.kpi-tile strong,.report-content h4,.report-empty strong{color:#2c251e!important}.market-pulse span,.pnl-main span,.kpi-tile span,.report-content,.alert-preview p,.report-details summary,.reports-heading>div>p:last-child{color:#695e52!important}.report-date{white-space:normal}.report-content code{color:#74501e;background:#f4e8d2}
.panel-hint,.empty-state p,.section-title>div>p:last-child,.section-heading>div>p:last-child,.wealth-card p,.wealth-card small,.report-updated,.reports-updated{color:#695e52!important}.panel h2,.reports-heading h2,.section-title h2,.section-heading h2,.topic-guide h2,.panel-head h2{color:#2c251e!important}.empty-state strong{color:#3d3024!important}
input,textarea,select,.password-field,.quick-form input,.date-field{color:#2c251e!important;background:#fffdf9!important;border-color:#d9cbb7!important;border-radius:12px}input::placeholder,textarea::placeholder{color:#796d61}.quick-form input,.create-user input,.field input,.amount-field input{min-height:46px}.primary-button,.button.primary,.save-transaction,.portfolio-submit-button{min-height:46px;color:#fffdf9!important;background:#79521d!important;border:1px solid #79521d!important;border-radius:12px!important;font-weight:700}.primary-button:hover,.button.primary:hover,.save-transaction:hover,.portfolio-submit-button:hover{background:#5f3e13!important}.primary-button:disabled,.button.primary:disabled{opacity:.5}.note-card{color:#2c251e!important;background:#f8e6b5!important}.note-card.blue{background:#ddeaf0!important}.note-card.violet{background:#e7dfed!important}.note-card.green{background:#e0ece2!important}
.wealth-hero::before,.hero-pattern,.hero-orbit,.ornament{opacity:.25}.total-wealth strong{color:#422c12!important}.total-wealth span,.total-wealth small{color:#695e52!important}.brand-coin{background:#f4e8d2!important;color:#79521d!important;box-shadow:none!important}.finance-shell,.fanpage-shell{isolation:isolate}
.view-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin}.view-tabs button{min-height:46px;white-space:nowrap;color:#5b4a39!important;background:#fffdf9!important;border:1px solid #e4d8c6!important}.view-tabs button.active{color:#fff!important;background:#79521d!important;border-color:#79521d!important}.post-card,.topic-guide{background:#fffdf9!important}.topic-chip,.category-button,.portfolio-action-tabs button{min-height:44px}.safety-note{color:#3d3024!important;background:#f5ebd9!important;border-color:#e5d2ae!important}
.modal,.modal-card,.dialog-card,.finance-login-card,.login-card{color:#2c251e!important;background:#fffdf9!important;border-color:#e4d8c6!important}.modal::backdrop,.finance-dialog::backdrop{background:rgba(35,26,17,.6)}.login-card label,.form-error,.install-modal ol{color:#695e52!important}.form-error:not(:empty){color:#a13f3f!important}.password-toggle{color:#695e52!important}.remember-option input{accent-color:#8d5f18}
.owner-card,.user-card,.permission,.create-user,.users{color:#2c251e}.permission{min-height:44px}.permission input{accent-color:#8d5f18}.avatar,.role{background:#f4e8d2!important;color:#79521d!important}.toast,.finance-toast{color:#2c251e!important;background:#fffdf9!important;border:1px solid #d9cbb7!important}
@media(max-width:700px){.app-shell,.finance-shell,.fanpage-shell,.page{width:calc(100% - 24px)}.topbar,.finance-topbar,.bar{min-height:64px;flex-wrap:wrap}.top-actions,.bar-actions{gap:6px}.hero,.wealth-hero,.fanpage-hero,.heading{border-radius:20px!important}.hero-copy,.fanpage-hero .hero-copy{padding:24px!important}.hero>img{width:100%;height:145px;min-height:0;object-position:center;mask-image:none!important}.services{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.service-card{min-height:105px;grid-template-columns:1fr auto;align-content:center;padding:13px;gap:7px}.service-card .service-icon{width:38px;height:38px;grid-column:1}.service-card>span:nth-child(2){grid-column:1/-1;grid-row:2}.service-card>b{grid-column:2;grid-row:1;font-size:22px}.service-card small{font-size:11px}.panel,.reports-section,.accounts-strip-wrap,.month-section,.portfolio-section,.topic-guide{padding:18px!important;border-radius:18px!important}.view-tabs{padding-bottom:5px}.report-card{padding:16px!important}.modal-card,.dialog-card{max-height:calc(100dvh - 40px);overflow:auto}}
@media(max-width:390px){.services{grid-template-columns:1fr 1fr}.service-card{min-height:112px}.service-card strong{font-size:14px}.brand strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.site-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;margin:6px 0 0;padding:7px;border:1px solid #e8dfd2;border-radius:14px;background:rgba(255,253,249,.95);box-shadow:0 4px 18px rgba(75,52,25,.04);backdrop-filter:blur(14px)}.site-nav::-webkit-scrollbar{display:none}.site-nav a{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;padding:0 15px;border-radius:10px;color:#574839;text-decoration:none;font-size:14px;font-weight:650}.site-nav a:hover,.site-nav a:focus-visible{background:#f3e8d6;color:#654210}.finance-logo{flex:0 0 auto;border-radius:14px;object-fit:cover}.heading{margin-top:20px}.heading>div{padding:28px}.site-nav+.heading{margin-top:18px}
.count-badge{color:#79521d!important;background:#f4e8d2!important;border:1px solid #e2cba3!important}.live-badge{color:#28624e!important;background:#e8f3eb!important;border-color:#bfd9c5!important}.live-badge i{background:#28735e!important}.fanpage-hero .hero-copy>p:last-child{color:#695e52!important}.safety-note small{color:#5e6c61!important}

@media(max-width:700px){.hero>img{display:none!important}.bar-actions a{display:none!important}}
.fanpage-hero .hero-copy>p:not(.eyebrow){color:#695e52!important}

/* Full workspace navigation and dashboard layout */
@media(min-width:901px){
  body{padding-left:242px!important}
  .app-shell,.finance-shell,.fanpage-shell,.page{width:min(1320px,calc(100% - 56px))}
  .site-nav{position:fixed;z-index:80;inset:0 auto 0 0;width:242px;display:flex;flex-direction:column;align-items:stretch;gap:4px;margin:0;padding:25px 15px;background:#30251b;border:0;border-right:1px solid #4a3828;border-radius:0;box-shadow:8px 0 30px rgba(43,29,15,.1);overflow-y:auto;backdrop-filter:none}
  .site-nav-brand{display:flex;align-items:center;gap:10px;margin:0 3px 28px;color:#fff8ed}.site-nav-brand img{width:46px;height:46px;border-radius:15px}.site-nav-brand span{display:flex;flex-direction:column;gap:2px}.site-nav-brand strong{font-size:18px;line-height:1.1}.site-nav-brand small{font-size:11px;color:#d2baa0}
  .site-nav-label{padding:0 13px 10px;color:#c1a47e;font-size:10px;font-weight:800;letter-spacing:.12em}
  .site-nav a{width:100%;min-height:48px;justify-content:flex-start;gap:13px;padding:0 13px;border-radius:11px;color:#eadbcc;font-size:14px;font-weight:600}.site-nav a:hover,.site-nav a:focus-visible{background:#483728;color:#fff}.site-nav a[aria-current="page"]{background:#f3e4ca;color:#3b2918;font-weight:800}.site-nav-icon{width:24px;display:grid;place-items:center;font-size:21px;font-weight:500}.site-nav-text{display:block}
  .app-shell main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,.85fr);gap:18px;padding-top:22px}.app-shell main>.hero{grid-column:1;min-height:305px}.app-shell main>.services{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-self:stretch;margin:0}.app-shell main>.services .service-card{min-height:135px;grid-template-columns:1fr auto;align-content:space-between;padding:17px}.app-shell main>.services .service-card .service-icon{grid-column:1;grid-row:1;width:42px;height:42px}.app-shell main>.services .service-card>span:nth-child(2){grid-column:1/-1;grid-row:2}.app-shell main>.services .service-card>b{grid-column:2;grid-row:1}.app-shell main>.dashboard-grid,.app-shell main>.reports-section,.app-shell main>.daily-ai-report-section{grid-column:1/-1;margin:0}.app-shell main>.dashboard-grid{margin-top:3px}
}
@media(max-width:900px){
  body{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}
  .site-nav{position:fixed;z-index:80;top:auto;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:0;padding:7px 5px calc(6px + env(safe-area-inset-bottom));border:1px solid #e1d4bf;border-bottom:0;border-radius:18px 18px 0 0;background:rgba(255,253,249,.98);box-shadow:0 -8px 28px rgba(63,42,20,.11);overflow:visible;backdrop-filter:blur(14px)}
  .site-nav-brand,.site-nav-label{display:none}.site-nav a{min-width:0;min-height:58px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:4px 2px;border-radius:10px;color:#6b5a47;font-size:10px;line-height:1.2;font-weight:700;text-align:center}.site-nav a[aria-current="page"]{color:#704a17;background:#f5ead8}.site-nav-icon{display:block;font-size:22px;line-height:1.1}.site-nav-text{display:block;white-space:nowrap}.app-shell,.finance-shell,.fanpage-shell,.page{padding-bottom:20px}
}

/* Financial forms and editorial cards need full light-theme contrast. */
.type-switch,.portfolio-action-tabs{background:#eee4d6!important}.type-switch button,.portfolio-action-tabs button{color:#594a3b!important}.type-switch .expense.active,.portfolio-action-tabs .sell.active{color:#84383b!important;background:#f6e1e0!important;box-shadow:inset 0 0 0 1px #e8c4c2!important}.type-switch .income.active,.portfolio-action-tabs .buy.active{color:#236950!important;background:#dff0e8!important;box-shadow:inset 0 0 0 1px #bedbce!important}.portfolio-action-tabs .withdraw.active{color:#79521d!important;background:#f5e9d3!important}.amount-field>span,.description-field>span,.entry-meta label>span,.budget-total>span,.category-field legend,.gold-kicker,.month-summary small,.day-total span,.wealth-card small{color:#6b5843!important}.amount-field>div,.budget-total>div{background:#fffaf0!important;border-color:#e6d5b3!important}.amount-field input,.budget-total input{color:#503416!important;background:transparent!important}.amount-field b,.budget-total b{color:#92621d!important}.quick-amounts button,.budget-suggestions button{min-height:44px;color:#79521d!important;background:#f5ead7!important;border-color:#e4d0ab!important;font-weight:800}.quick-amounts .clear-amount{color:#655647!important;background:#fffdf9!important}.category-button,.category-budget,.month-summary article,.day-book,.account-card,.portfolio-holding-chips button{color:#3a3027!important;background:#fffaf2!important;border:1px solid #e6daca!important}.category-button.active{color:#79521d!important;background:#f3e4c7!important;border-color:#bb9052!important}.category-button span{font-size:11px!important}.category-budget input{color:#3a3027!important;background:#fffdf9!important}.budget-ring{background:conic-gradient(#9b6a1b var(--progress),#e9ddca 0)!important}.budget-ring::before{background:#fffdf9!important}.budget-overview small,.category-budget small,.portfolio-tile span,.portfolio-current small,.portfolio-trade-fields label>span:first-child,.portfolio-withdraw-field>span:first-child{color:#6b5c4b!important}.positive,.pnl-main.profit strong,.pnl-main.profit small,.transaction-row.income .transaction-amount{color:#28735e!important}.negative,.pnl-main.loss strong,.pnl-main.loss small,.transaction-amount{color:#ad4141!important}.day-book[open]{border-color:#c9a66d!important}.transaction-row{background:#fffdf9!important}.transaction-row+.transaction-row,.transaction-list{border-color:#e8dfd2!important}.transaction-actions button{color:#695e52!important}.empty-ledger strong,.report-content h4{color:#2c251e!important}.portfolio-manage-button{color:#79521d!important;background:#f4e8d2!important;border-color:#d9c29b!important}.portfolio-details summary,.report-content,.portfolio-sync-note,.portfolio-action-preview,.portfolio-warning{color:#695e52!important}.portfolio-action-preview{background:#fbf6ee!important;border-color:#e8dfd2!important}.portfolio-action-preview.ready{color:#236950!important;background:#e8f3ec!important}.portfolio-action-preview.invalid{color:#a13f3f!important;background:#fff0ed!important}.portfolio-current>div:first-child strong,.portfolio-warning strong{color:#5b3d16!important}.portfolio-holding-chips button strong{color:#87541d!important}.portfolio-holding-chips button span{color:#695e52!important}.finance-login-card label,.field{color:#3a3027!important}.finance-login-button,.save-budget{color:#fffdf9!important;background:#79521d!important}.dialog-head button{color:#4a3929!important;background:#f2e9d9!important}.finance-toast{color:#2c251e!important;background:#fffdf9!important}
.post-card{--accent:#a77a39;color:#2c251e!important;background:#fffdf9!important}.post-cover{background:linear-gradient(135deg,#f4e8d3,#ece0cf)!important}.post-cover-placeholder{color:#875c25!important}.post-cover-placeholder small{color:#695e52!important}.topic-chip,.word-chip,.status-chip{color:#76501d!important;background:#f5ead7!important;border-color:#e3d0ad!important}.status-chip.published{color:#236950!important;background:#e9f4ed!important}.status-chip.error{color:#a13f3f!important;background:#fff0ed!important}.post-card h3{color:#2c251e!important}.post-hook{color:#4d4135!important}.post-content{color:#3f352b!important;background:#fbf6ee!important;border-left-color:#bb9151!important}.expand-button{color:#79521d!important;min-height:44px}.hashtags{color:#805718!important}.source-box{color:#4f6258!important;background:#eff5ef!important;border-color:#cfdfcf!important}.source-box strong{color:#236950!important}.source-box a{color:#79521d!important}.post-error{color:#9c3535!important;background:#fff0ed!important;border-color:#e9c5c0!important}.post-actions button{min-height:46px;color:#4a3929!important;background:#fffdf9!important;border-color:#dbcbb5!important}.post-actions .image-action{color:#fffdf9!important;background:#79521d!important}.post-actions .publish-action{color:#fffdf9!important;background:#28735e!important}.post-actions button:disabled{opacity:.5}.post-date{color:#695e52!important}.empty-state{border-color:#dbcbb5!important}.empty-state strong{color:#2c251e!important}.loading div,.loading span{background:linear-gradient(100deg,#f1e8dc,#e8dccd,#f1e8dc)!important}.topic-cloud span{color:#76501d!important;background:#f5ead7!important;border-color:#e3d0ad!important}.topic-choice{color:#3f352b!important;background:#fffdf9!important;border-color:#dbcbb5!important}.topic-choice.selected{color:#76501d!important;background:#f5ead7!important;border-color:#bc9253!important}.field input{color:#2c251e!important;background:#fffdf9!important;color-scheme:light!important}.modal-close{color:#695e52!important;background:#f2e9d9!important}
.scroll-step-button{color:#fffdf9!important;background:#79521d!important;border-color:#79521d!important;box-shadow:0 10px 24px rgba(85,54,18,.2)!important}.scroll-step-marker{color:#79521d!important}
@media(max-width:900px){.scroll-step-button,body.scroll-step-has-chat .scroll-step-button{bottom:calc(90px + env(safe-area-inset-bottom))!important}}
@media(max-width:900px){.scroll-step-button{display:none!important}}
