@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--night:#0a1e3d;--night2:#112d51;--blue:#287cf5;--ink:#132745;--muted:#7a8ca5;--line:#e5ebf2;--bg:#edf2f7;--white:#fff}*{box-sizing:border-box}body{background:var(--night);margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);line-height:1.5}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.layout{min-height:100vh;background:linear-gradient(180deg,#0c2445 0,#0b1b35 560px,#eff4f9 561px);padding:0 30px 45px}.main{max-width:1320px;margin:auto}.brand{font:800 26px Manrope,Arial;letter-spacing:-1.4px;color:white;white-space:nowrap}.brand span{color:#40b9e7}.brand i{font-size:20px;color:#39bdf0;font-style:normal}.top{height:79px;display:flex;align-items:center;gap:42px;color:#e7f0ff}.nav{display:flex;align-items:center;gap:20px;flex:1}.nav button{background:none;border:none;color:#cad7e7;font-weight:650;font-size:12px;padding:10px 6px;border-bottom:2px solid transparent}.nav button.selected,.nav button:hover{color:white;border-bottom-color:#35bce4}.top-right{margin-left:auto;display:flex;gap:16px;align-items:center}.tiny-pill{color:#d4e8fc;background:#193655;padding:8px 13px;border-radius:15px;font-size:11px}.top-right button{background:#203d5f;border:1px solid #36516e;color:white;padding:9px 14px;border-radius:12px;font-size:11px}.page-frame{min-height:70vh}.hero{min-height:308px;border-radius:21px;background:linear-gradient(90deg,#072044e9,#103a5b73 64%,#112d4333),url('/assets/hero.webp') center/cover;display:flex;justify-content:space-between;align-items:center;padding:40px 55px;margin:0 0 15px;box-shadow:0 18px 40px #030c1724;color:#fff}.hero small{font-size:11px;letter-spacing:3.5px;color:#b4e4e7;font-weight:800}.hero h1{font:700 clamp(36px,5vw,64px) Manrope,Arial;margin:15px 0 9px;letter-spacing:-2.8px}.hero h1 span{color:#8fdbff}.hero p{color:#e1eefa;font-size:13px}.btn{padding:11px 19px;border-radius:12px;border:none;background:#257cef;color:#fff;font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 6px 20px #1369c929}.btn:hover{background:#146cde}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.subtle{background:#e9f2fc;color:#1966c3;box-shadow:none}.btn.mint{background:#10aa9b}.btn.danger{background:#e64d5b}.btn.small{padding:8px 12px;font-size:11px}.btn.wide{width:100%}.secondary-link{background:none;border:none;color:#297be7;font-weight:800;font-size:12px}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 14px;color:white}.section-bar h2{font:800 18px Manrope;margin:0}.grid-ten{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:16px}.navcard{background:#fff;border:1px solid #e2e8f2;box-shadow:0 10px 23px #09182d20;padding:23px 22px 20px;border-radius:18px;min-height:173px;position:relative;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;transition:transform .16s}.navcard:hover{transform:translateY(-3px)}.symbol{display:grid;place-items:center;width:57px;height:57px;border-radius:50%;font-size:29px;font-weight:800;margin-bottom:13px}.navcard strong{font-size:15px;color:#112747}.navcard small{font-size:11px;line-height:1.4;color:#6d7c94;margin-top:3px}.chev{position:absolute;right:15px;top:34px;font-size:22px;color:#8594ab}.g1{background:#d9f8ed;color:#0baa80}.g2{background:#eedfff;color:#7e5bc8}.g3{background:#d7e8ff;color:#1c6add}.g4{background:#ffefd4;color:#e28c17}.g5{background:#ffe4e9;color:#e35063}.g6{background:#e6f6da;color:#57a631}.g7{background:#eae4fc;color:#6951c8}.g8{background:#ffe3df;color:#e05160}.g9{background:#d8f3fd;color:#1485b4}.g10{background:#fbdadf;color:#d23d50}.triple{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:14px}.panel{background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:21px;box-shadow:0 8px 23px #1027480e;min-width:0}.panel h3{font-size:14px;margin:0 0 14px;font-weight:800;display:flex;align-items:center;gap:9px}.mini-item{border-top:1px solid #e8eef4;padding:11px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:9px}.mini-item small{display:block;color:#8090a5;font-size:10px}.stat{font:800 28px Manrope;letter-spacing:-.7px;color:#0e2d50}.statsmall{color:#8392a7;font-size:12px}.progress{height:10px;background:#e3ebf4;border-radius:12px;overflow:hidden;margin:12px 0}.progress div{background:linear-gradient(90deg,#16a99c,#65d8a9);height:100%}.whitezone{background:#f0f4f9;padding:20px 0 35px;min-height:500px}.page-title{background:linear-gradient(115deg,#0b395e,#096888);color:white;border-radius:19px;padding:28px 32px;margin-bottom:17px;display:flex;justify-content:space-between;align-items:center;gap:15px}.page-title h1{font:800 26px Manrope;margin:4px 0}.page-title p{color:#cae4f2;margin:0;font-size:12px}.page-title small{color:#89e6dd;letter-spacing:1.6px;font-weight:800;font-size:10px}.stack{display:grid;gap:14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.form-row{display:grid;gap:6px;margin-bottom:14px}.form-row label{font-size:12px;color:#506982;font-weight:800}.form-row input,.form-row textarea,.form-row select,.field{width:100%;padding:12px;border-radius:11px;border:1px solid #d7e0ec;background:#fff;color:#1c3552;outline-color:#317de1}.form-row textarea{min-height:80px;resize:vertical}.form-row .hint{font-size:10px;color:#8393a4}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.full{grid-column:span 2}.chip{border-radius:20px;padding:7px 11px;background:#e4f0ff;color:#1466ca;font-size:11px;font-weight:800}.chip.green{background:#e3f7e9;color:#16935c}.chip.gold{background:#fff4dc;color:#a97813}.chip.red{background:#ffe9ec;color:#c94755}.muted{color:#73869f;font-size:12px}.flow-top{display:flex;align-items:center;gap:10px;margin-bottom:17px;color:#59738c;font-size:12px}.flow-num{background:#e8f1fb;color:#357ad4;border-radius:50%;height:32px;width:32px;display:grid;place-items:center;font-weight:800}.flow-num.active{background:#247af2;color:#fff}.auth-bg{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#f4f7fb}.auth-art{padding:65px 8vw;background:linear-gradient(130deg,#0b2345e8,#0b234594),url('/assets/hero.webp') center/cover;display:flex;flex-direction:column;color:white}.auth-art h1{font:800 clamp(39px,5vw,66px) Manrope;line-height:1.12;letter-spacing:-2.5px;margin-top:100px}.auth-art h1 em{font-style:normal;color:#64d8e5}.auth-art p{max-width:430px;color:#c9dcee}.auth-art footer{margin-top:auto;color:#c4d7e7;font-size:12px}.auth-side{display:grid;place-items:center;padding:25px}.auth-card{background:#fff;border:1px solid #e5edf5;box-shadow:0 20px 55px #143a6622;border-radius:23px;padding:38px;width:min(445px,100%)}.auth-card h2{font:800 26px Manrope;margin:0 0 8px}.auth-card>p{font-size:12px;color:#8292a4;margin-bottom:30px}.auth-card .line{margin-top:22px;text-align:center;color:#7b8b9c;font-size:12px}.notice{padding:14px;background:#fff5de;border:1px solid #f8e6c0;border-radius:12px;color:#80601e;font-size:12px}.notice.blue{background:#edf6ff;border-color:#cde5ff;color:#23649f}.notice.green{background:#e8f9f1;border-color:#bde9d5;color:#14795b}.dash-list{width:100%;border-collapse:collapse}.dash-list th,.dash-list td{border-bottom:1px solid #e6ecf2;padding:12px;text-align:left;font-size:12px}.dash-list th{color:#8795a7;font-size:10px;text-transform:uppercase;letter-spacing:1px}.dash-list td{word-break:break-word}.dash-list select,.dash-list input{border:1px solid #d3dfeb;border-radius:8px;padding:8px;max-width:140px}.timeline{display:grid;gap:10px}.event{display:flex;gap:15px;align-items:flex-start;padding:14px;border:1px solid #e4eaf2;border-radius:12px;background:#fff}.event>span{width:78px;flex:none;color:#2686d5;font-weight:850;font-size:12px}.event .eventmain{flex:1}.event strong{font-size:13px}.event p{font-size:11px;color:#667d96;margin:3px 0}.smallmuted{font-size:10px;color:#8797a8}.docrow{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e8edf4;padding:12px 0}.docrow strong{font-size:12px}.docrow small{display:block;color:#8090a5;font-size:11px}.checkboxline{display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf1f7;padding:13px 0;font-size:13px}.checkboxline input{width:19px;height:19px;accent-color:#168fb4}.checkboxline.done span{text-decoration:line-through;color:#a8b3c1}.checkboxline span{flex:1}.step-question{font-size:12px;font-weight:800;color:#435f7b;margin:13px 0 9px}.question-choices{display:flex;gap:8px;margin:10px 0}.choice{background:#eff4f9;color:#4c6580;border:1px solid #dce5ed;border-radius:11px;padding:10px 15px;font-size:12px;font-weight:750}.choice.active{background:#e4f2ff;border-color:#1f82ea;color:#0f72d0}.planning-box{background:#eff7ff;border-radius:12px;border:1px solid #cce5f8;padding:20px;font-size:12px}.preview-flag{color:#a76517;background:#fff0d6;padding:11px 15px;border-radius:9px;font-size:12px;margin-bottom:8px}.setup-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:15px}.footerline{text-align:center;color:#b7c8dc;font-size:11px;padding:25px}.loading{display:inline-block;border:3px solid #dbe9f7;border-top-color:#277ef4;width:23px;height:23px;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;right:20px;bottom:22px;background:#193b63;color:#fff;z-index:100;border-radius:12px;padding:13px 20px;box-shadow:0 20px 40px #0b244555;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;font-size:12px;max-width:min(400px,90%)}.toast.show{opacity:1;transform:none}.empty{padding:28px;color:#8392a4;text-align:center;font-size:13px}.section-group-title{color:#1b4164;font:800 14px Manrope;margin:20px 0 12px}.input-help{font-size:10px;color:#8c99a8}.wizard-nav{display:flex;align-items:center;justify-content:space-between;gap:9px}.txt-link{color:#2a81e9;font-size:12px;font-weight:800;background:none;border:none}.admin-status{font-size:11px;color:#657790}.unread{color:#ef546b}.separator{height:1px;background:#edf0f5;margin:16px 0}.auth-error{min-height:16px;color:#d9465a;font-size:11px;margin:7px 0}.file-note{font-size:11px;color:#77899d}.date-head{color:#296fae;font-weight:850;font-size:12px;margin:18px 0 10px}.document-upload{background:#f5f9fd;border:1px dashed #cad9e8;border-radius:11px;padding:16px;margin:12px 0}.document-upload input{max-width:100%}table{width:100%;border-collapse:collapse}a.dl{color:#1475ce;font-weight:700}.pill{padding:6px 10px;border-radius:20px;background:#e8f1fa;color:#346887;font-size:11px}.protected{padding:9px;color:#ebf7ff;background:#173b60;border-radius:10px;font-size:11px}.count{font-size:10px;color:#94a7bb}.smallcards{display:flex;gap:10px;flex-wrap:wrap}.smallcards .pill{background:#e7f9f2;color:#1a8d72}.field:focus,.form-row input:focus,.form-row textarea:focus{border-color:#3487de}.mobile-logo{display:none}
@media(max-width:1100px){.grid-ten{grid-template-columns:repeat(5,1fr)}.navcard{padding:18px 13px}.triple{grid-template-columns:1fr 1fr}.triple .panel:first-child{grid-column:span 2}.nav{gap:6px}.top{gap:20px}}@media(max-width:760px){.layout{padding:0 13px 35px;background:linear-gradient(180deg,#0c2445 0,#0b1b35 380px,#eff4f9 381px)}.top{height:71px;gap:10px;overflow-x:auto}.brand{font-size:22px}.nav{margin-left:auto;gap:4px}.nav button{font-size:10px;padding:7px 6px;white-space:nowrap}.top-right{display:none}.hero{padding:24px;min-height:223px}.hero h1{font-size:37px}.hero small{font-size:9px}.section-bar h2{font-size:14px}.grid-ten{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.navcard{min-height:146px;padding:16px}.symbol{height:49px;width:49px;font-size:24px}.navcard strong{font-size:14px}.navcard small{font-size:10px}.triple{grid-template-columns:1fr}.triple .panel:first-child{grid-column:auto}.auth-bg{grid-template-columns:1fr}.auth-art{min-height:150px;padding:30px}.auth-art h1{font-size:30px;margin-top:25px}.auth-art p,.auth-art footer{display:none}.auth-side{padding:15px}.auth-card{padding:27px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.two-col{grid-template-columns:1fr}.page-title{padding:22px}.page-title h1{font-size:22px}.dash-list{display:block;overflow-x:auto}.dash-list th,.dash-list td{min-width:100px}.step{padding:10px}.setup-nav{flex-wrap:wrap}}

/* TRIPGO 0.5.1: administração em cartões, controle de créditos e logout visível no celular */
.admin-overview{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 14px;color:#234869;font-size:12px}
.admin-overview strong{font-size:14px}
.admin-overview span{color:#6e829a}
.admin-client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.admin-client-card{min-width:0;border:1px solid #dce8f4;border-radius:17px;padding:20px;background:#fff;box-shadow:0 5px 18px #17426b0b}
.admin-client-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;padding-bottom:16px;border-bottom:1px solid #edf1f6;margin-bottom:16px}
.admin-client-identity{min-width:0;display:flex;flex-direction:column;gap:4px}
.admin-client-identity strong{font-size:16px;color:#163454;overflow-wrap:anywhere}
.admin-client-identity small{font-size:12px;color:#6e849c;overflow-wrap:anywhere}
.admin-client-heading .chip{flex:none;white-space:nowrap}
.admin-client-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.admin-client-form .form-row{min-width:0}
.admin-client-form select{width:100%;max-width:100%;background:#fff;border:1px solid #d7e0ec;border-radius:10px;padding:11px;color:#1c3552}
.admin-credit-box{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:14px;background:#f2f8ff;border:1px solid #d9eaf9;border-radius:14px;padding:15px;margin:4px 0 18px;align-items:end}
.admin-credit-balance{display:flex;flex-direction:column;gap:3px;min-width:0}
.admin-credit-balance small{font-size:11px;color:#64809e}
.admin-credit-balance strong{font-size:32px;font-weight:800;line-height:1.25;color:#116dcb}
.admin-credit-entry{min-width:0}
.admin-credit-entry label{display:block;color:#506982;font-weight:800;font-size:12px;margin-bottom:7px}
.admin-credit-controls{display:flex;gap:8px;align-items:stretch}
.admin-credit-controls input{width:66px;min-width:0;padding:10px;border:1px solid #cadbed;border-radius:10px;color:#163454;background:white;font-size:16px}
.admin-credit-controls .btn{min-width:0;flex:1;white-space:normal;padding:10px;font-size:12px}
.admin-card-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}
.admin-card-actions .btn{flex:1;min-width:165px;white-space:normal}
@media(max-width:1030px){.admin-client-grid{grid-template-columns:1fr}}
@media(max-width:760px){
 .top{height:auto;min-height:82px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo account" "menu menu";align-items:center;gap:7px 8px;padding:11px 0 9px;overflow:visible}
 .top>.brand{grid-area:logo;justify-self:start}
 .top>.nav{grid-area:menu;display:flex;gap:7px;max-width:100%;min-width:0;width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:0;padding-bottom:2px;scrollbar-width:thin}
 .top>.nav button{flex-shrink:0;padding:8px 10px;font-size:11px;white-space:nowrap}
 .top>.top-right{display:flex;grid-area:account;justify-self:end;margin:0;gap:6px}
 .top-right .tiny-pill{display:none}
 .top-right .logout-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:12px;font-weight:800;padding:9px 12px;min-height:36px;background:#28486d;color:white;border:1px solid #42658a;border-radius:10px}
 .admin-client-grid{grid-template-columns:1fr;gap:11px}
 .admin-client-card{padding:15px;border-radius:14px}
 .admin-client-heading{flex-wrap:wrap}
 .admin-client-form{grid-template-columns:1fr 1fr;gap:9px}
 .admin-credit-box{grid-template-columns:1fr;gap:11px}
 .admin-credit-controls input{width:74px}
 .admin-card-actions{flex-direction:column}
 .admin-card-actions .btn{flex:auto;width:100%}
 .admin-overview{flex-direction:column;align-items:flex-start}
 .toast{right:12px;left:12px;bottom:calc(14px + env(safe-area-inset-bottom));max-width:none;text-align:center}
}
@media(max-width:360px){.admin-client-form{grid-template-columns:1fr}.admin-client-heading .chip{font-size:10px}.top .brand{font-size:19px}}
