:root{
  --bg:#0f0c0a;--bg2:#17110e;--panel:#1b1511;--panel2:#211914;--cream:#f3eadc;--paper:#fffaf3;--ink:#1b1511;
  --muted:#9d9187;--line:#332820;--line2:#e4d6c3;--gold:#d2a15a;--gold2:#f0c77e;--red:#a7252d;--green:#5f9b73;--blue:#74a7ff;
  --shadow:0 18px 45px rgba(0,0,0,.18);--radius:24px;--vera-topbar-h:calc(72px + env(safe-area-inset-top));
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;background:linear-gradient(180deg,#100d0b 0,#15100d 58%,#17110e 100%);color:var(--cream)}button,input,textarea,select{font:inherit}button{cursor:pointer}.toast{position:fixed;left:50%;bottom:26px;z-index:100;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#111;color:#fff;border:1px solid #3c2f26;border-radius:999px;padding:11px 16px;box-shadow:var(--shadow);font-size:13px;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}
.mary-topbar{position:sticky;top:0;z-index:50;height:var(--vera-topbar-h);min-height:var(--vera-topbar-h);padding:env(safe-area-inset-top) 18px 0;display:grid;grid-template-columns:42px auto 1fr 42px;gap:12px;align-items:center;background:rgba(15,12,10,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.hub-back,.icon-btn{width:40px;height:40px;border:1px solid #3f3027;background:#18120e;color:#f4e6d2;border-radius:13px;display:grid;place-items:center;text-decoration:none;font-size:24px}.icon-btn{font-size:19px}.top-identity{display:flex;align-items:center;gap:9px}.top-identity b{font-family:Georgia,serif;letter-spacing:.12em;color:var(--gold2);font-size:16px}.top-identity small{display:block;color:#9c8e82;font-size:9px;letter-spacing:.1em}.top-status{justify-self:end;display:flex;align-items:center;gap:7px;color:#a99d93;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:54vw}.live-dot{width:7px;height:7px;border-radius:50%;background:#6bc58b;box-shadow:0 0 0 5px rgba(107,197,139,.08)}
.mary-orb{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#f5c87c 0,#bd7d33 38%,#6c351b 72%,#2a1710 100%);color:#fff;font-family:Georgia,serif;font-size:30px;font-weight:800;box-shadow:0 12px 30px rgba(182,112,42,.3),inset 0 0 0 1px rgba(255,255,255,.18)}.mary-orb.mini{width:34px;height:34px;border-radius:12px;font-size:18px}.mary-app{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - var(--vera-topbar-h))}
.mary-sidebar{position:sticky;top:var(--vera-topbar-h);height:calc(100vh - var(--vera-topbar-h));padding:24px 15px 18px;border-right:1px solid var(--line);background:rgba(14,11,9,.78);display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px}.sidebar-brand strong{display:block;font-family:Georgia,serif;font-size:22px;letter-spacing:.12em;color:var(--gold2)}.sidebar-brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:.08em}.mary-nav{display:flex;flex-direction:column;gap:6px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#a99b90;border-radius:14px;padding:11px 12px;text-align:left}.nav-item span{width:25px;height:25px;border-radius:9px;background:#211914;display:grid;place-items:center;color:#c8a373}.nav-item b{font-size:13px}.nav-item:hover,.nav-item.active{background:#211914;color:#fff}.nav-item.active span{background:linear-gradient(145deg,#d4a65f,#875425);color:#15100d}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:7px}.side-capability{display:flex;align-items:center;gap:10px;border:1px solid #30251e;background:#18120e;border-radius:13px;padding:9px 10px;color:#dcd0c5;text-align:left;min-height:51px}.side-capability b{display:block;font-size:11px}.side-capability small{display:block;color:#7f746c;font-size:9px;margin-top:2px}.cap-dot{width:8px;height:8px;border-radius:50%;background:#5a4e46;flex:0 0 auto}.side-capability.ready .cap-dot{background:#69b883;box-shadow:0 0 0 4px rgba(105,184,131,.08)}.side-capability.warn .cap-dot{background:#c48a4f}.side-capability.listening .cap-dot{background:#e74e58;box-shadow:0 0 0 5px rgba(231,78,88,.12);animation:pulse 1.4s infinite}@keyframes pulse{50%{transform:scale(1.5);opacity:.55}}
.mary-main{min-width:0;padding:28px 30px calc(60px + env(safe-area-inset-bottom))}.mary-view{display:none}.mary-view.active{display:block}.overview-hero{position:relative;overflow:hidden;min-height:430px;border:1px solid #3a2b22;border-radius:32px;background:radial-gradient(circle at 80% 45%,rgba(188,117,49,.16),transparent 32%),linear-gradient(145deg,#1b1410,#100d0b 70%);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);box-shadow:var(--shadow)}.hero-copy{padding:46px 46px 38px;z-index:2}.hero-kicker{font-size:10px;letter-spacing:.19em;font-weight:900;color:#bd8a4c;margin-bottom:16px}.hero-copy h1{margin:0;max-width:840px;font-family:Georgia,serif;font-size:clamp(42px,5vw,74px);line-height:.98;font-weight:500;letter-spacing:-.035em}.hero-copy h1 em{font-style:normal;color:#d6a35e}.hero-copy>p{max-width:720px;color:#a99a8f;line-height:1.55;font-size:14px;margin:19px 0 26px}.hero-composer{max-width:760px;background:#fffaf3;border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:7px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;box-shadow:0 18px 50px rgba(0,0,0,.22)}.hero-composer textarea{border:0;outline:0;resize:none;padding:12px 13px;background:transparent;color:#241a14;min-height:64px;max-height:150px}.hero-actions{display:flex;align-items:center;gap:7px}.ghost-round{width:42px;height:42px;border:1px solid #dfcfbc;background:#f6ecdf;border-radius:13px;color:#554337;font-size:22px}.ask-btn{border:0;background:#17110e;color:#fff;border-radius:14px;padding:12px 16px;font-weight:800;white-space:nowrap}.ask-btn span{color:var(--gold2);padding-left:7px}.hero-quick{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.hero-quick button{border:1px solid #3b2e26;background:rgba(29,22,18,.8);color:#b8aa9f;border-radius:999px;padding:8px 11px;font-size:11px}.hero-quick button:hover{color:#fff;border-color:#705035}.hero-orbit{position:relative;display:grid;place-items:center;min-height:370px}.hero-core{position:relative;z-index:3;width:122px;height:122px;border-radius:38%;display:grid;place-items:center;font-family:Georgia,serif;font-size:70px;font-weight:700;background:radial-gradient(circle at 32% 26%,#ffd38a,#c9843d 38%,#71371e 68%,#20120d 100%);box-shadow:0 0 70px rgba(196,120,52,.23),inset 0 0 0 1px rgba(255,255,255,.25)}.orbit-ring{position:absolute;border:1px solid rgba(210,161,90,.24);border-radius:50%}.ring-a{width:260px;height:260px}.ring-b{width:340px;height:340px;border-style:dashed;animation:spin 30s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.orbit-tag{position:absolute;border:1px solid #4b382c;background:#17110e;color:#b9905c;border-radius:999px;font-size:9px;letter-spacing:.12em;font-weight:900;padding:7px 10px}.tag-a{top:23%;right:19%}.tag-b{bottom:22%;left:16%}.tag-c{top:49%;left:5%}
.section-block{margin-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:13px}.section-heading span,.view-header>div>span{display:block;color:#a36c39;font-size:9px;letter-spacing:.18em;font-weight:900}.section-heading h2{margin:4px 0 0;font-family:Georgia,serif;font-size:28px;font-weight:500}.text-btn{border:0;background:transparent;color:#c9a36e;font-size:12px;font-weight:800}.pulse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pulse-card{position:relative;min-height:142px;border:1px solid #382b23;background:#1a1410;border-radius:20px;padding:16px;display:flex;flex-direction:column;text-align:left;color:#eee2d5}.pulse-card:hover{border-color:#6e4b31;transform:translateY(-1px)}.pulse-card .pulse-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.pulse-area{font-size:9px;letter-spacing:.13em;color:#9a8b80;font-weight:900}.pulse-sev{width:8px;height:8px;border-radius:50%;background:#889}.pulse-card.high .pulse-sev{background:#d69a4d}.pulse-card.urgent .pulse-sev{background:#d84e56}.pulse-card h3{margin:auto 0 7px;font-size:16px}.pulse-card p{margin:0;color:#8f8177;font-size:11px;line-height:1.4}.pulse-card .pulse-arrow{position:absolute;right:15px;bottom:14px;color:#9b7148}.pulse-empty{grid-column:1/-1;border:1px dashed #3a2d25;border-radius:18px;padding:22px;color:#8f8177}.skeleton-card{height:142px;border-radius:20px;background:linear-gradient(90deg,#18120e,#211813,#18120e);background-size:200%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}
.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:10px}.metric-card{border:1px solid #362a22;background:#17120e;border-radius:18px;padding:14px 15px;min-width:0}.metric-card small{display:block;color:#82766e;font-size:9px;letter-spacing:.08em}.metric-card b{display:block;font-family:Georgia,serif;font-weight:500;font-size:25px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card.warn b{color:#e7a75a}.metric-card.urgent b{color:#e16067}.metric-card.good b{color:#77b88b}
.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.skill-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-card{position:relative;border:1px solid #382c24;background:linear-gradient(145deg,#1b1511,#17110e);border-radius:20px;padding:16px;text-align:left;color:#eee0d2;min-height:145px;display:flex;flex-direction:column}.skill-card:hover{border-color:#6b4b35}.skill-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#271c15;color:#e2b46f;font-weight:900;font-size:18px}.skill-card h3{margin:15px 0 5px;font-size:15px}.skill-card p{margin:0;color:#8f8177;font-size:11px;line-height:1.4}.skill-card .skill-run{margin-top:auto;padding-top:12px;color:#cf9d60;font-size:10px;font-weight:900;letter-spacing:.08em}.skill-card .skill-menu{position:absolute;right:10px;top:10px;border:0;background:transparent;color:#806f63;font-size:18px}.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.capability-grid article{border:1px solid #352920;background:#17120e;border-radius:20px;padding:17px}.capability-grid article>span{font-size:10px;color:#8d623c;font-weight:900}.capability-grid h3{margin:22px 0 7px;font-family:Georgia,serif;font-size:18px}.capability-grid p{margin:0;color:#897c72;font-size:11px;line-height:1.45}
.view-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px}.view-header h1{font-family:Georgia,serif;font-size:42px;font-weight:500;margin:5px 0 4px;letter-spacing:-.02em}.view-header p{margin:0;color:#91857b;font-size:12px;max-width:720px;line-height:1.45}.primary-small,.secondary-small{border:0;border-radius:13px;padding:10px 13px;font-weight:800;font-size:12px;background:#f0e1ce;color:#1c1511}.primary-small.accent{background:linear-gradient(135deg,#d4a45f,#a86a31);color:#160f0b}.secondary-small{background:#211914;color:#c7b8aa;border:1px solid #3a2d25}.header-actions{display:flex;gap:7px;flex-wrap:wrap}
.chat-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px}.thread-panel{border:1px solid #342920;border-radius:20px;background:#15110e;padding:12px;min-height:690px}.thread-title{font-size:10px;letter-spacing:.1em;font-weight:900;color:#88796e;padding:5px 5px 10px}.thread-list{display:flex;flex-direction:column;gap:4px}.thread-item{border:0;background:transparent;color:#988a80;border-radius:11px;padding:9px;text-align:left;font-size:11px;line-height:1.3}.thread-item:hover,.thread-item.active{background:#211914;color:#fff}.thread-item small{display:block;color:#675c55;margin-top:4px}.chat-panel{border:1px solid #382c24;border-radius:22px;background:#17120e;min-height:690px;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow:auto;min-height:470px;max-height:calc(100vh - 330px);padding:22px}.welcome-chat{max-width:650px;margin:90px auto;text-align:center;color:#897d74}.welcome-chat .mary-orb{margin:0 auto 18px}.welcome-chat h3{font-family:Georgia,serif;font-size:26px;margin:0 0 8px;color:#f0e3d4}.welcome-chat p{font-size:12px;line-height:1.5}.bubble-wrap{display:flex;margin:11px 0}.bubble-wrap.user{justify-content:flex-end}.bubble{max-width:min(760px,88%);border-radius:19px;padding:13px 15px;line-height:1.48;white-space:pre-wrap;font-size:13px}.bubble.user{background:#ede0cf;color:#241a14;border-bottom-right-radius:5px}.bubble.assistant{background:#211914;color:#ece0d3;border:1px solid #3b2d24;border-bottom-left-radius:5px}.bubble .meta{display:block;margin-top:8px;font-size:8px;letter-spacing:.06em;opacity:.5}.bubble-tools{display:flex;gap:6px;margin-top:9px}.bubble-tools button{border:1px solid #44342a;background:#17110e;color:#9e8e82;border-radius:9px;padding:5px 8px;font-size:9px}.bubble.user .bubble-tools{display:none}.composer{margin:0 14px max(14px,env(safe-area-inset-bottom));border:1px solid #44342a;background:#fffaf3;border-radius:18px;padding:6px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}.composer textarea{border:0;background:transparent;outline:0;resize:none;min-height:58px;max-height:170px;color:#211710;padding:11px}.composer-actions{display:flex;gap:6px}.mic-btn,.send-btn{border:0;border-radius:12px;padding:10px 12px;font-weight:800}.mic-btn{background:#efe3d4;color:#44362d}.mic-btn.listening{background:#f7d8da;color:#9f1f29}.send-btn{background:#17110e;color:#fff}.chat-note{padding:0 20px 15px;color:#625850;font-size:9px}.voice-banner{margin:12px 14px 0;border:1px solid #6a393b;background:#291719;border-radius:14px;padding:10px;display:flex;align-items:center;gap:10px}.voice-banner>div{flex:1}.voice-banner b{display:block;font-size:11px}.voice-banner small{color:#9e7e80}.voice-banner button{border:0;background:#50272a;color:#fff;border-radius:9px;padding:6px 9px}.voice-pulse{width:9px;height:9px;border-radius:50%;background:#e95a62;animation:pulse 1s infinite}
.action-box{margin:0 14px 12px;border:1px solid #805d34;background:#2b2015;border-radius:16px;padding:13px}.action-channel{font-size:8px;font-weight:900;letter-spacing:.16em;color:#cf9f63}.action-box h3{margin:5px 0 7px}.action-box p{margin:5px 0;color:#b9aa9e;font-size:11px;white-space:pre-wrap}.action-actions{display:flex;gap:7px;margin-top:10px}.action-confirm,.action-actions .cancel{border:0;border-radius:11px;padding:9px 12px;font-weight:800}.action-confirm{background:#e1b36d;color:#21150c}.action-confirm.whatsapp{background:#4f9d69;color:#fff}.action-actions .cancel{background:#18120e;color:#a7988b;border:1px solid #49382d}.wa-note{margin-top:8px;color:#c7a678;font-size:10px}
.knowledge-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:8px;margin-bottom:13px}.knowledge-toolbar input,.knowledge-toolbar select{border:1px solid #3b3027;background:#17120e;color:#e4d7ca;border-radius:13px;padding:11px 12px;outline:0}.knowledge-count{display:grid;place-items:center;border:1px solid #3b3027;border-radius:13px;padding:8px 12px;color:#9e8f84;font-size:11px}.knowledge-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.knowledge-card{border:1px solid #382c24;background:#17120e;border-radius:19px;padding:15px;position:relative}.knowledge-card.system{background:linear-gradient(145deg,#1b1511,#17120e)}.knowledge-top{display:flex;align-items:center;gap:7px;margin-bottom:10px}.knowledge-tag{border:1px solid #49372b;color:#b58b5b;border-radius:999px;padding:4px 7px;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.knowledge-source{font-size:8px;color:#6f635b}.knowledge-card h3{margin:0 35px 7px 0;font-size:15px}.knowledge-card p{margin:0;color:#8e8177;font-size:11px;line-height:1.45;white-space:pre-wrap}.knowledge-card .tags{margin-top:10px;color:#695e56;font-size:9px}.knowledge-card .card-menu{position:absolute;right:10px;top:10px;border:0;background:transparent;color:#806f63;font-size:18px}.knowledge-priority{position:absolute;right:14px;bottom:12px;color:#6e5f54;font-size:9px}
.network-grid,.reminder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mini-card{border:1px solid #382c24;background:#17120e;border-radius:18px;padding:14px}.mini-card.unread{border-left:4px solid #b6383e}.mini-card h3{margin:0 0 6px;font-size:14px}.mini-card p{margin:0;color:#8f8177;font-size:10px;line-height:1.45}.mini-card .row{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.mini-card button{border:1px solid #3f3027;background:#211914;color:#c5b5a8;border-radius:9px;padding:6px 8px;font-size:9px;font-weight:800}.empty{grid-column:1/-1;border:1px dashed #3c3028;border-radius:17px;padding:22px;color:#81756d;text-align:center;font-size:12px}
.modal{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.modal[hidden]{display:none}.modal-card{position:relative;width:min(720px,100%);max-height:88vh;overflow:auto;background:#f8f0e5;color:#211711;border-radius:24px;padding:22px;box-shadow:0 35px 90px rgba(0,0,0,.42)}.modal-card h2{font-family:Georgia,serif;font-size:28px;margin:0 38px 18px 0}.modal-close{position:absolute;right:15px;top:15px;width:34px;height:34px;border:0;border-radius:11px;background:#eadbca;color:#4a392d;font-size:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-grid label{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:800;color:#6a5a4d}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{width:100%;border:1px solid #d4c3af;background:#fff;border-radius:12px;padding:10px 11px;color:#251b15;outline:0}.form-grid textarea{resize:vertical}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px;margin-top:5px}.form-actions button{border:0;background:#17110e;color:#fff;border-radius:12px;padding:10px 14px;font-weight:800}.form-help{grid-column:1/-1;color:#8a796b;font-size:10px;line-height:1.4}.blocked{min-height:100vh;display:grid;place-items:center;align-content:center;text-align:center;gap:10px;background:#110e0c}.blocked[hidden]{display:none}.blocked h1{font-family:Georgia,serif;margin:4px 0}.blocked p{color:#8f8177}.blocked a{color:#d2a15a}.safety-note{color:#6f645c;font-size:9px}
@media(max-width:1180px){.mary-app{grid-template-columns:78px minmax(0,1fr)}.mary-sidebar{padding:18px 9px}.sidebar-brand>div,.nav-item b,.side-capability>div{display:none}.sidebar-brand{justify-content:center;padding:0 0 20px}.sidebar-brand .mary-orb{width:43px;height:43px;font-size:23px}.nav-item{justify-content:center;padding:10px}.nav-item span{width:35px;height:35px}.side-capability{justify-content:center;padding:10px}.metric-grid{grid-template-columns:repeat(3,1fr)}.capability-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.mary-topbar{grid-template-columns:42px auto 1fr 42px}.mary-app{display:block}.mary-sidebar{position:sticky;top:var(--vera-topbar-h);z-index:40;height:auto;padding:7px 10px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow:auto;background:rgba(15,12,10,.95)}.sidebar-brand,.sidebar-bottom{display:none}.mary-nav{flex-direction:row;width:max-content}.nav-item{width:auto;padding:7px 9px}.nav-item b{display:block;font-size:10px}.nav-item span{width:27px;height:27px}.mary-main{padding:18px 14px calc(50px + env(safe-area-inset-bottom))}.overview-hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:30px 22px 24px}.hero-copy h1{font-size:46px}.hero-orbit{display:none}.pulse-grid{grid-template-columns:1fr 1fr}.skill-grid,.skill-grid.compact{grid-template-columns:1fr 1fr}.knowledge-list,.network-grid,.reminder-grid{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr}.thread-panel{display:none}.chat-panel{min-height:calc(100vh - 210px)}.knowledge-toolbar{grid-template-columns:1fr 150px}.knowledge-count{display:none}}
@media(max-width:620px){.top-status{display:none}.mary-topbar{grid-template-columns:42px 1fr 42px}.top-identity{justify-self:center}.hero-copy{padding:27px 17px 20px}.hero-copy h1{font-size:40px}.hero-copy>p{font-size:12px}.hero-composer{grid-template-columns:1fr}.hero-actions{justify-content:flex-end}.pulse-grid,.skill-grid,.skill-grid.compact,.metric-grid,.capability-grid{grid-template-columns:1fr 1fr}.metric-card b{font-size:21px}.section-heading h2{font-size:23px}.view-header{align-items:flex-start;flex-direction:column}.view-header h1{font-size:34px}.knowledge-toolbar{grid-template-columns:1fr}.composer{grid-template-columns:1fr}.composer-actions{justify-content:flex-end}.chat-messages{padding:14px;max-height:calc(100vh - 360px)}.form-grid{grid-template-columns:1fr}.form-grid label.full,.form-actions,.form-help{grid-column:1}.modal{padding:9px}.modal-card{border-radius:20px;padding:18px}.pulse-card{min-height:128px}.capability-grid article{padding:14px}.capability-grid h3{font-size:16px;margin-top:16px}}
@media(max-width:430px){.pulse-grid,.skill-grid,.skill-grid.compact,.metric-grid,.capability-grid{grid-template-columns:1fr}.hero-copy h1{font-size:37px}.nav-item b{display:none}.nav-item span{width:31px;height:31px}.mary-sidebar{justify-content:center}.metric-card{display:flex;align-items:center;justify-content:space-between}.metric-card b{margin:0}.capability-grid article{min-height:132px}}

/* V4.22.0 · VERA Document Intelligence + WhatsApp Business */
.hero-doc-btn{font-size:18px}.attach-btn{white-space:nowrap}.document-safety{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(95,155,115,.45);background:rgba(38,72,50,.2);border-radius:18px;padding:14px 16px;margin-bottom:13px}.document-safety>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#4f8963;color:#fff;font-weight:900}.document-safety b{display:block;color:#d9f2df;font-size:12px}.document-safety p{margin:4px 0 0;color:#9fbaa6;font-size:10px;line-height:1.45}.document-dropzone{width:100%;min-height:165px;border:1px dashed #765838;background:linear-gradient(145deg,rgba(36,26,20,.88),rgba(25,19,15,.95));color:#eadfd3;border-radius:22px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;transition:.18s}.document-dropzone:hover,.document-dropzone.dragover{border-color:#d2a15a;background:#261c15}.document-dropzone .drop-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:17px;background:#2e2118;border:1px solid #4d392b;color:#efc57b;font-size:25px}.document-dropzone b{font-size:14px}.document-dropzone small{color:#81736a;font-size:10px}.document-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:22px 0 10px}.document-toolbar>div:first-child>span{font-size:9px;letter-spacing:.16em;color:#a77942;font-weight:900}.document-toolbar h2{font:700 25px Georgia,serif;margin:3px 0 0}.document-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.document-card{position:relative;border:1px solid #382c24;background:#17120e;border-radius:19px;padding:15px;text-align:left;color:#e9ddd0;min-height:150px}.document-card:hover{border-color:#5d4635}.document-card .doc-top{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:12px}.doc-kind,.doc-status{font-size:8px;border-radius:999px;padding:5px 8px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.doc-kind{border:1px solid #47372c;color:#b99265}.doc-status{background:#282019;color:#9f9187}.doc-status.ready{background:rgba(79,137,99,.22);color:#92c8a4}.doc-status.review_required{background:rgba(180,124,52,.22);color:#e0b375}.doc-status.applied{background:rgba(80,116,176,.2);color:#9bb8e8}.doc-status.error,.doc-status.rejected{background:rgba(167,37,45,.2);color:#e69298}.document-card h3{margin:0 0 7px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-card p{margin:0;color:#8d8177;font-size:10px;line-height:1.45}.document-card .doc-total{font:700 22px Georgia,serif;color:#f1dec5;margin-top:13px}.document-card .doc-confidence{position:absolute;right:14px;bottom:13px;color:#6e6259;font-size:9px}.doc-warning-count{color:#e0a25d;font-size:9px;margin-top:8px}.doc-review-banner{border:1px solid #d4b27d;background:#fff5e5;color:#5c4228;border-radius:14px;padding:11px 12px;margin-bottom:13px;font-size:11px;line-height:1.45}.doc-review-banner.danger{border-color:#daa5a8;background:#fff0f0;color:#762c31}.review-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0 14px}.review-chip{border:1px solid #ddcebd;background:#fffaf5;border-radius:12px;padding:9px}.review-chip small{display:block;color:#8b7869;font-size:8px;text-transform:uppercase;letter-spacing:.07em}.review-chip b{display:block;margin-top:4px;font-size:12px}.confidence-high{color:#3b8055}.confidence-mid{color:#ac742e}.confidence-low{color:#a32d34}.review-lines{grid-column:1/-1;display:flex;flex-direction:column;gap:10px}.review-line{border:1px solid #dccdbb;background:#fffaf5;border-radius:15px;padding:12px;display:grid;grid-template-columns:2fr .65fr .7fr 1fr 1fr;gap:8px;align-items:end}.review-line .wide{grid-column:span 2}.review-line .full{grid-column:1/-1}.review-line label{font-size:9px}.review-line .line-title{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:900;color:#4e3d31}.review-line .new-item-fields{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;gap:8px;padding-top:4px}.review-line .new-item-fields[hidden]{display:none}.apply-confirm{background:#2d7248!important}.reject-doc{background:#8d3035!important}.document-applied{border:1px solid #b8d8c2;background:#f1fbf4;color:#326245;border-radius:13px;padding:11px;margin-bottom:12px;font-size:11px}
.wa-setup-status{border:1px solid #3b3027;background:#17120e;border-radius:17px;padding:13px 15px;margin-bottom:12px;color:#9d8f84;font-size:10px}.wa-setup-status strong{color:#e9dbcd}.wa-setup-status.ready{border-color:rgba(79,157,105,.55);background:rgba(31,67,43,.18)}.wa-setup-status.warn{border-color:#694b2d}.wa-layout{display:grid;grid-template-columns:330px minmax(0,1fr);border:1px solid #382c24;border-radius:22px;overflow:hidden;min-height:650px;background:#15100d}.wa-conversations{border-right:1px solid #382c24;background:#120e0c}.wa-list-head{padding:15px;border-bottom:1px solid #31261f;display:flex;justify-content:space-between;align-items:center}.wa-list-head b{font-size:12px}.wa-list-head span{font-size:9px;color:#8d8076}.wa-conversation{width:100%;border:0;border-bottom:1px solid #29211b;background:transparent;color:#d9cdc0;text-align:left;padding:13px 14px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center}.wa-conversation:hover,.wa-conversation.active{background:#211914}.wa-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#244d33;color:#8bd2a3;font-weight:900}.wa-conversation b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-conversation p{margin:4px 0 0;color:#746960;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-conversation time{font-size:8px;color:#645950}.wa-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#4f9d69;color:#fff;font-size:8px;font-weight:900;margin-top:5px}.wa-chat{display:flex;flex-direction:column;min-width:0}.wa-chat-header{border-bottom:1px solid #31261f;padding:14px 16px;min-height:67px;display:flex;align-items:center;justify-content:space-between}.wa-chat-header b{display:block}.wa-chat-header small{display:block;color:#766b63;margin-top:4px;font-size:9px}.wa-message-list{flex:1;overflow:auto;padding:16px;max-height:520px;background:radial-gradient(circle at 20% 15%,rgba(55,40,30,.22),transparent 40%)}.wa-msg{max-width:78%;margin:6px 0;border-radius:15px;padding:9px 11px;font-size:11px;line-height:1.45}.wa-msg.inbound{background:#211914;border:1px solid #392c24}.wa-msg.outbound{margin-left:auto;background:#21412d;border:1px solid #315b40}.wa-msg small{display:block;color:#73685f;margin-top:5px;font-size:8px}.wa-media{margin-top:8px;border:1px solid #4c3d32;background:#18120f;color:#bda99a;border-radius:9px;padding:6px 8px;font-size:9px}.wa-media button{margin-top:6px;border:0;border-radius:8px;padding:6px 8px;background:#d3a35e;color:#24170e;font-weight:900;font-size:8px}.wa-reply-box{border-top:1px solid #31261f;padding:10px;background:#120e0c}.wa-reply-box textarea{width:100%;resize:none;background:#fffaf3;color:#241a14;border:0;border-radius:13px;padding:11px;outline:0}.wa-reply-box>div{display:flex;justify-content:flex-end;gap:7px;margin-top:7px}.wa-client-link{display:inline-block;margin-left:8px;border-radius:999px;border:1px solid #315b40;color:#7bc795;padding:3px 6px;font-size:8px}.wa-config-note{grid-column:1/-1;border:1px solid #dfcfbd;background:#fff9f2;color:#725f50;border-radius:12px;padding:10px;font-size:10px;line-height:1.4}
@media(max-width:900px){.document-list{grid-template-columns:1fr}.wa-layout{grid-template-columns:1fr;min-height:auto}.wa-conversations{border-right:0;border-bottom:1px solid #382c24;max-height:280px;overflow:auto}.wa-message-list{min-height:360px}.review-summary{grid-template-columns:1fr 1fr}.review-line{grid-template-columns:1fr 1fr}.review-line .wide,.review-line .full{grid-column:1/-1}.review-line .new-item-fields{grid-template-columns:1fr 1fr}.review-line .new-item-fields>*{grid-column:auto}}
@media(max-width:620px){.header-actions{width:100%;display:flex;gap:6px;flex-wrap:wrap}.header-actions button{flex:1}.document-dropzone{min-height:140px}.review-line,.review-line .new-item-fields{grid-template-columns:1fr}.review-line .wide,.review-line .full,.review-line .new-item-fields>*{grid-column:1}.wa-message-list{min-height:310px}.wa-msg{max-width:92%}.composer-actions{flex-wrap:wrap}.attach-btn{font-size:9px;padding:8px 9px}}

/* V4.23.7 · VERA Natural Voice */
.voice-call-btn,.voice-conversation-btn{border:1px solid rgba(237,179,91,.46);background:linear-gradient(135deg,rgba(237,179,91,.16),rgba(255,255,255,.04));color:#fff;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 30px rgba(0,0,0,.16)}
.voice-call-btn{border-radius:999px;padding:11px 16px;min-height:42px;cursor:pointer;white-space:nowrap}
.voice-call-btn::first-letter,.voice-conversation-btn::first-letter{color:#efb55a}
.voice-call-btn.active,.voice-conversation-btn.active{background:linear-gradient(135deg,#e2a64c,#c87925);color:#17100a;border-color:transparent;box-shadow:0 0 0 4px rgba(226,166,76,.12),0 16px 40px rgba(0,0,0,.22)}
.voice-banner.conversation{border-color:rgba(236,176,84,.65);background:linear-gradient(90deg,rgba(236,176,84,.12),rgba(31,24,20,.94))}
.voice-banner.speaking .voice-pulse{animation:veraTalk .75s ease-in-out infinite alternate}
@keyframes veraTalk{from{transform:scale(.72);opacity:.5}to{transform:scale(1.28);opacity:1}}
@media(max-width:760px){.voice-call-btn{flex:1;min-width:150px}.hero-actions{flex-wrap:wrap}.voice-conversation-btn{width:100%}}
/* V4.23.7 · VERA document reliability + supplier capture */
.document-card.is-analyzing{border-color:#7f6444;box-shadow:0 0 0 1px rgba(212,178,125,.08) inset}.document-card.is-analyzing .doc-confidence{color:#b88a51}.doc-status.analyzing,.doc-status.uploaded{background:rgba(180,124,52,.18);color:#e0b375}.supplier-review-card{grid-column:1/-1;border:1px solid #d8c4aa;background:#fff8ef;border-radius:16px;padding:13px;display:grid;gap:11px}.supplier-extract-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid #eadbca;padding-bottom:10px}.supplier-extract-head small{display:block;color:#9a7959;font-size:8px;letter-spacing:.1em;font-weight:900}.supplier-extract-head b{display:block;color:#4d3929;font-size:15px;margin-top:3px}.supplier-extract-head span:not(.doc-status){display:block;color:#88705b;font-size:10px;margin-top:3px}.supplier-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.supplier-fields-grid .wide{grid-column:1/-1}.supplier-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #eadbca;padding-top:10px}.supplier-actions button{background:#6e4f2c;color:#fff}.supplier-actions label{flex:1;min-width:240px;margin:0;font-size:10px;color:#6b5747}.supplier-actions input[type="checkbox"]{width:auto;margin-right:6px}.form-actions .secondary{background:#6f6258!important}.form-actions .reject-doc{background:#9b3439!important}
@media(max-width:620px){.supplier-fields-grid{grid-template-columns:1fr}.supplier-fields-grid .wide{grid-column:1}.supplier-actions{align-items:stretch}.supplier-actions button,.supplier-actions label{width:100%;min-width:0}}

/* V4.23.7 · VERA supplier payment workflow */
.payment-workflow-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;border:1px solid rgba(164,119,53,.35);border-radius:18px;background:rgba(255,248,235,.72)}
.payment-workflow-title{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;align-items:flex-end;padding-bottom:8px;border-bottom:1px solid rgba(164,119,53,.22)}
.payment-workflow-title b{font-size:16px}.payment-workflow-title span{font-size:12px;color:#786b5e;text-align:right}
.document-payment-summary{display:flex;align-items:center;gap:12px;padding:13px 15px;margin:0 0 12px;border:1px solid rgba(164,119,53,.25);border-radius:16px;background:#fffaf2}
.document-payment-summary div{display:flex;flex-direction:column;gap:2px}.document-payment-summary span:not(.doc-payment-badge){font-size:12px;color:#75695e}
.doc-payment-badge{display:inline-flex;align-items:center;justify-content:center;min-width:104px;padding:8px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em}.doc-payment-badge.paid{background:#e8f5ec;color:#287044}.doc-payment-badge.unpaid{background:#fff0cf;color:#7f5b15}.doc-payment-badge.overdue{background:#fde4e4;color:#9b2f37}
@media(max-width:680px){.payment-workflow-card{grid-template-columns:1fr}.payment-workflow-title{align-items:flex-start;flex-direction:column}.payment-workflow-title span{text-align:left}.document-payment-summary{align-items:flex-start;flex-direction:column}}
.doc-payment-mini{display:inline-flex;margin:8px 0 0;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.04em}.doc-payment-mini.paid{background:#e8f5ec;color:#287044}.doc-payment-mini.unpaid{background:#fff0cf;color:#7f5b15}.doc-payment-mini.overdue{background:#fde4e4;color:#9b2f37}