/* Identidad: Manual de identidad Trébol (p.11,16,18,20),
   logotipo y fuentes de trebolsportcafe.com. Aplicación local de la marca. */
.conversation-welcome{background:#fff;border:1px solid #e2e1e0;padding:36px 35px 28px;max-width:970px;margin:10px auto 35px;text-align:center}
.welcome-symbol{width:54px;height:54px;display:block;margin:0 auto 24px}.conversation-welcome .eyebrow{font-size:11px;color:#9c7d34;margin-bottom:12px}
.conversation-welcome h2{font-size:39px;line-height:1.2}.conversation-welcome p{max-width:550px;margin:17px auto 27px;color:#746e63;font-size:16px;line-height:1.65}
.start-chat-form{display:flex;align-items:flex-end;background:#f8f7f4;border:1px solid #d9d2c1;padding:10px;gap:12px;max-width:750px;margin:0 auto}
.start-chat-form textarea{background:transparent;border:0;box-shadow:none;resize:none;font-size:17px;line-height:1.6;padding:9px 12px}.start-chat-form button{height:45px;width:45px;min-width:45px;padding:12px}
.welcome-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:17px 0 18px}.welcome-choices button,.reply-choice{background:#fff;border:1px solid #d7c695;color:#665227;border-radius:2px;padding:10px 13px;font-size:14px;display:inline-flex;gap:14px;align-items:center;text-align:left}
.welcome-choices button:hover,.reply-choice:hover{background:#f5edd9;border-color:#ba9846}.welcome-choices svg,.reply-choice svg{width:15px;height:15px}.conversation-welcome small{font-size:12px;color:#978c77}
.response-choices{display:flex;flex-wrap:wrap;gap:9px;padding:0 23px 20px}.response-choices:empty{display:none}
@media(max-width:720px){.conversation-welcome{padding:27px 18px}.conversation-welcome h2{font-size:32px}.conversation-welcome p{font-size:15px}.welcome-choices{justify-content:flex-start}.welcome-choices button{width:100%;justify-content:space-between}.start-chat-form textarea{font-size:15px;padding:5px}.response-choices{padding:0 14px 16px}.reply-choice{font-size:14px}}
@font-face{font-family:GTAmerica;src:url('/assets/fonts/GTAmerica-CondensedRegular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:GTAmerica;src:url('/assets/fonts/GTAmerica-CondensedBold.otf') format('opentype');font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:Tobias;src:url('/assets/fonts/Tobias-Light.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:swap}
:root{--black:#161616;--white:#fff;--gray:#e2e1e0;--gold:#ceab54;--ink:#161616;--muted:#74716c;--border:#e2e1e0;--paper:#f8f8f7}
html,body{font-family:GTAmerica,'Arial Narrow',Arial,sans-serif;font-size:16px;color:var(--black);background:var(--paper);-webkit-font-smoothing:antialiased}
h1,h2{font-family:Tobias,Georgia,serif;font-weight:300;letter-spacing:-1px}
h1{font-size:40px}h2{font-size:29px}h3{font-family:GTAmerica,'Arial Narrow',Arial,sans-serif;font-weight:600}
.muted,.fine{color:var(--muted)}.eyebrow{color:#77716a;font-size:11px;letter-spacing:2px;font-weight:400}
button,input,textarea,select{font-family:GTAmerica,'Arial Narrow',Arial,sans-serif}
.primary,.secondary,.danger,.ghost{border-radius:2px;font-size:14px;min-height:43px;font-weight:400}
.primary{background:var(--black);border-color:var(--black);color:var(--white)}.primary:hover{background:#333;border-color:#333}
.secondary{background:#fff;border-color:var(--gray);color:var(--black)}.secondary:hover,.ghost:hover{background:#f0eeeb}
.ghost{color:#5d5850}.danger{background:#f8f2e3;color:#725c25;border-color:#dcca9c}
button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
input,select,textarea{border-color:var(--gray);border-radius:2px;color:var(--black);font-size:15px}
input:focus,select:focus,textarea:focus{border-color:#a38238;box-shadow:0 0 0 3px #ceab5425}
label{font-size:14px;font-weight:400}label input,label select,label textarea{font-size:16px}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:13px;font-size:initial;letter-spacing:initial}
.brand-wordmark{width:147px;height:44px;display:block;object-fit:contain;object-position:left}
.brand-small{font-family:GTAmerica,'Arial Narrow',Arial,sans-serif;font-size:10px;letter-spacing:2.4px;line-height:1.2;font-weight:400;margin:0;color:#b4aca1}
.sidebar{background:var(--black);color:#fff;border-color:var(--black);padding-top:29px;overflow-y:auto}
.sidebar .brand-wordmark,.login-story .brand-wordmark{filter:invert(1)}
.sidebar .workspace-tag{color:#ada79e;font-size:12px;margin:25px 2px 22px}
.sidebar .dot{background:var(--gold)}.sidebar .new-button{background:var(--gold);border-color:var(--gold);color:var(--black);margin-bottom:24px}
.sidebar .new-button:hover{background:#ddbd6f;border-color:#ddbd6f}
.sidebar nav button{color:#d0cbc3;font-size:14px;border-radius:0;padding:13px 11px;font-weight:400}
.sidebar nav button:hover{background:#272521;color:#fff}
.sidebar nav button.active{background:#2d2920;color:#e5c675;border-left:2px solid var(--gold);padding-left:9px;font-weight:400}
.count{background:#534831;color:#ecd9a9;font-size:12px;border-radius:0;min-width:20px}
.nav-label{font-size:10px;color:#9b9385;letter-spacing:1.9px;padding-top:24px}
.saved-note{background:#23211e;border:1px solid #35312a;color:#d5c59d;border-radius:0;padding:13px 10px;font-size:12px}
.saved-note small{color:#9e978d;font-size:11px}.saved-note svg{color:var(--gold)}
.profile{color:#fff;padding:2px 0}.profile strong{font-size:13px;font-weight:400}.profile small{font-size:12px;color:#a59c8d}
.profile .avatar{background:#343028;color:#d9bb6f;border:1px solid #554932}
.avatar{background:#eee9dc;color:#79622e;font-size:12px;font-weight:400;border-radius:50%}
.topbar{background:var(--gold);border-bottom:1px solid #b89543;height:77px;color:var(--black)}
.topbar .muted{color:#5f4f2c}.topbar strong{font-size:15px;font-weight:400}.topbar>div:first-of-type{font-size:14px}
.topbar-right{color:#544626;font-size:12px}.topbar .dot{background:#161616}.topbar #mobile-menu{color:var(--black)}
main{padding-top:33px}.page-heading{margin-bottom:25px}.page-heading p{font-size:15px;margin-top:10px}.welcome-meta{font-size:12px;color:#8b8275}
.hero{background:var(--black);border-color:var(--black);border-radius:0;grid-template-columns:1fr 214px;padding:32px 34px;min-height:268px}
.hero h2{font-family:Tobias,Georgia,serif;font-size:39px;font-weight:300;color:var(--gold);line-height:1.15;max-width:570px;letter-spacing:-.9px}
.hero p{color:#d0cbc3;font-size:14px;line-height:1.6;max-width:490px;margin-top:14px;margin-bottom:22px}
.hero .eyebrow{color:#c3b28b;font-size:10px;letter-spacing:2px;margin-bottom:15px}
.hero .primary{background:var(--gold);border-color:var(--gold);color:var(--black);font-size:14px;padding:10px 20px}
.hero .primary:hover{background:#dfc174;border-color:#dfc174}
.hero-illustration{display:flex;flex-direction:column;justify-content:center;gap:28px;padding-left:20px}
.hero-illustration:before{display:none}.hero-symbol{width:150px;height:150px;object-fit:contain;opacity:.95}
.brand-geometry{display:flex;align-items:center;gap:16px;color:var(--gold)}
.brand-geometry span{display:block;width:17px;height:17px;background:currentColor}
.brand-geometry span:nth-child(2){transform:rotate(45deg)}.brand-geometry span:nth-child(3){border-radius:50%}.brand-geometry span:nth-child(4){border-radius:0 0 12px 12px}
.section-title{margin:26px 0 15px}.section-title h3{font-size:18px;font-weight:400}.section-title .fine,.section-title .ghost{font-size:13px}
.category-grid{gap:0;border:1px solid var(--gray)}
.category-card{border:0;border-right:1px solid var(--gray);border-radius:0;padding:21px;min-height:158px;background:#fff;color:var(--black)}
.category-card:last-child{border-right:0}.category-card:hover{background:#f4f0e7;transform:none}
.category-icon{background:none;border:1px solid #d3c39a;color:#8a7131;border-radius:0;height:36px;width:36px;margin-bottom:17px}
.category-card strong{font-size:16px;font-weight:400}.category-card small{font-size:12px;color:#807a70;line-height:1.5}.category-card .card-arrow{color:#b7ac97}
.table-card{border-color:var(--gray);border-radius:0}.case-table{font-size:14px}.case-table th{background:#f0efed;color:#77716a;font-size:11px;letter-spacing:1px;font-weight:400;border-bottom-color:var(--gray);padding:13px 20px}
.case-table td{border-bottom-color:#e9e7e2;padding:16px 20px}.case-link{font-size:15px;font-weight:400;color:var(--black)}.case-table small{font-size:12px;color:#7c766c}
.badge{border-radius:0;font-size:11px;font-weight:400;padding:5px 8px;background:#efebe2;color:#6e6143}
.badge.open{background:#eee8d8;color:#796225}.badge.resolved{background:#eeeee9;color:#45453d}.badge.escalated,.badge.pending_review{background:#f3e6c0;color:#76602a}
.badge.reference_only{background:#eeedeb;color:#79736a}.badge.indexed{background:#ece8db;color:#6b5e3e}
.empty{font-size:14px;color:#817b72}.empty svg{color:#9e927e}
.notice{background:#f7f0df;border-color:#ead7a2;color:#7c6530;border-radius:0;font-size:13px;padding:12px 16px}
.notice.neutral{background:#f1efeb;border-color:var(--gray);color:#746b5b}.bottom-note{font-size:12px;color:#8b8274}.bottom-note svg{color:#ae8a3e}
.toolbar input,.toolbar select{border-radius:0}.library-grid{gap:16px}.document-card{border-radius:0;border-color:var(--gray);padding:20px}
.document-card h3{font-size:15px;font-weight:400}.document-card p{font-size:12px;color:#817869}.document-card .doc-heading svg{color:#947636}
.document-card a{font-size:13px;color:#775d23}.document-card a:hover{color:var(--black)}
.chat-panel,.context-card{border-radius:0;border-color:var(--gray)}.chat-heading{border-bottom-color:var(--gray)}.chat-heading h3{font-size:17px;font-weight:400}.chat-heading small{font-size:12px;color:#84796a}
.chat-messages{gap:23px}.message .bubble{background:#f3f1ec;border-color:#e8e2d5;color:var(--black);border-radius:0 9px 9px 9px;font-size:15px;line-height:1.65;padding:15px 18px}
.message.user .bubble{background:var(--black);border-color:var(--black);color:#fff;border-radius:9px 0 9px 9px}
.message-meta{font-size:11px;color:#968975}.message.system{font-size:12px;color:#807363}.citation{border-top-color:#d9cfb8;color:#896d2d;font-size:12px}
.assistant-symbol{width:20px;height:20px;object-fit:contain}.message .avatar{background:#eee9dc;border:1px solid #ddd0af}
.composer{background:#fcfbf8;border-top-color:var(--gray)}.composer textarea{font-size:15px;border-color:var(--gray);border-radius:0}.composer .fine{font-size:11px;color:#8e8577}
.chat-actions{border-top-color:#e8e5df}.chat-actions button,.chat-actions a{font-size:12px;border-radius:0}
.context-card h3{font-size:16px;font-weight:400}.context-card dt{font-size:11px;color:#998a74;letter-spacing:.8px}.context-card dd{font-size:14px;color:#3b352e}
.context-card .source{border-color:#e3dccd;border-radius:0;font-size:13px}.context-card .source small{font-size:11px;color:#8d7b5b}.context-card p{font-size:13px;color:#857762}.context-card .source:hover{border-color:var(--gold)}
.back{font-size:13px;color:#80715a}.busy-note{font-size:13px;color:#a38641}
.connection-card,.account-card,.user-form{border-radius:0;border-color:var(--gray)}.connection-card p,.connection-card ol,.account-card p{font-size:15px;color:#726657}.connection-card .fine{font-size:12px;color:#8e806b}
.telegram-icon{border-radius:0;background:#f0e7ce;color:#9b7a2f}.account-card h3{font-size:20px}.user-form h3{font-size:20px}
dialog{border-radius:0;border-color:var(--gold);box-shadow:0 25px 80px #16161640;color:var(--black)}dialog::backdrop{background:#16161688}.dialog-heading h2{font-family:Tobias,Georgia,serif;font-size:31px;font-weight:300}.dialog-heading .eyebrow{font-size:11px;color:#8d733a}
.dialog-heading+.muted{font-size:14px}.close{border-radius:0;color:#81714f;background:#f3eee2}.error{font-size:14px}#toast{background:var(--black);border-left:3px solid var(--gold);color:#fff;border-radius:0;font-size:14px}
.login-story{background:var(--black);padding:47px 60px;position:relative;overflow:hidden}
.login-story:after{content:'';position:absolute;right:-80px;bottom:70px;width:310px;height:310px;background:url('/assets/symbol.svg') center/contain no-repeat;opacity:.22;pointer-events:none}
.login-story .brand-small{color:#b7a67e}.login-story .eyebrow{color:#c5ae77;font-size:11px}.login-story h1{font-family:Tobias,Georgia,serif;font-weight:300;color:var(--gold);font-size:65px;line-height:1.1;letter-spacing:-1.5px}
.login-story p{font-size:17px;color:#c8c0b4;max-width:380px}.login-story small{font-size:12px;color:#a9997e}.story-pills span{border-radius:0;border-color:#6a5833;color:#d1bc8e;font-size:12px}
.login-form-wrap h2{font-family:Tobias,Georgia,serif;font-size:35px;font-weight:300}.login-form-wrap .muted{font-size:15px}.login-form-wrap .fine{font-size:12px}.login-form-wrap .eyebrow{font-size:11px;color:#947b45}
@media(min-width:1450px){.hero{padding:37px 40px}.hero h2{font-size:44px}.hero-symbol{width:165px;height:165px}.category-card{min-height:168px}}
@media(max-width:1100px){.brand-wordmark{width:140px;height:42px}.brand-small{font-size:9px}.sidebar nav button{font-size:13px}.hero{grid-template-columns:1fr 140px;padding:26px}.hero h2{font-size:33px}.hero-symbol{width:118px;height:118px}.hero-illustration{padding-left:0;gap:20px}.brand-geometry{gap:12px}.brand-geometry span{height:15px;width:15px}.category-card{min-height:140px}.category-card:nth-child(2){border-right:0}.category-card:nth-child(-n+2){border-bottom:1px solid var(--gray)}}
@media(max-width:720px){.sidebar{box-shadow:10px 0 30px #16161630}.brand-wordmark{width:144px;height:43px}.topbar{height:64px}.topbar-right{font-size:11px}.topbar strong{font-size:13px}.topbar>div:first-of-type{font-size:12px}.page-heading h1{font-size:31px}.page-heading p{font-size:14px}.page-heading>.primary{font-size:12px}.hero{padding:26px 23px;grid-template-columns:1fr;min-height:unset}.hero h2{font-size:34px;letter-spacing:-.6px}.hero p{font-size:14px}.hero-illustration{display:none}.hero .primary{font-size:14px}.category-card{padding:17px;min-height:145px}.category-card strong{font-size:15px}.category-card small{font-size:12px}.section-title h3{font-size:17px}.section-title .fine{font-size:11px}.case-table td,.case-table th{padding:14px}.chat-heading h3{font-size:15px}.message .bubble{font-size:14px;padding:13px}.context-panel{grid-template-columns:1fr}.dialog-footer .primary,.dialog-footer .secondary{font-size:13px}.login-story{padding:26px;min-height:260px}.login-story h1{font-size:42px}.login-story:after{width:170px;height:170px;bottom:20px;right:-45px}.login-form-wrap h2{font-size:32px}.login-form-wrap .muted{font-size:14px}}
