*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{--gold:#C8860A;--gl:#FFF4E0;--gd:#8B5E06;--ink:#0D1B2A;--ink2:#1A2E42;--green:#0A5C3A;--gel:#E6F5EE;--red:#A82020;--rel:#FDECEC;--blue:#1250A0;--bel:#EBF1FB;--bdr:#D8E2EE;--sur:#F4F7FB;--wh:#FFF;--txt:#0D1B2A;--mut:#607080;--hn:#96A8B8;--r:10px;--rl:16px;--sh:0 2px 12px rgba(13,27,42,.08);--sh2:0 8px 32px rgba(13,27,42,.14)}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--sur);color:var(--txt);min-height:100vh;font-size:14px;overflow-x:hidden}
/* TOAST */
#toast{position:fixed;bottom:18px;right:18px;background:var(--ink);color:#fff;padding:10px 15px;border-radius:9px;font-size:12px;font-weight:500;z-index:9999;opacity:0;transform:translateY(8px);transition:all .3s;pointer-events:none;max-width:270px;box-shadow:var(--sh2)}
#toast.show{opacity:1;transform:translateY(0)}
@media(max-width:520px){#toast{left:10px;right:10px;bottom:10px}}
/* NAV */
.topnav{background:var(--ink);height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 .9rem;position:sticky;top:0;z-index:200;box-shadow:0 2px 14px rgba(0,0,0,.3)}
.logo{font-family:'Sora',sans-serif;font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.5px;cursor:pointer;user-select:none;white-space:nowrap}
.logo em{color:var(--gold);font-style:normal}
.nav-center{display:flex;gap:1px;overflow-x:auto;scrollbar-width:none;flex:1;justify-content:center;padding:0 6px}
.nav-center::-webkit-scrollbar{display:none}
.ntab{background:none;border:none;color:rgba(255,255,255,.5);font-size:11.5px;font-family:'Inter',sans-serif;padding:5px 9px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .15s;white-space:nowrap;flex-shrink:0}
.ntab:hover{color:#fff;background:rgba(255,255,255,.08)}
.ntab.on{background:var(--gold);color:#fff;font-weight:700}
.nav-right{display:flex;align-items:center;gap:6px;flex-shrink:0}
.nav-av{width:28px;height:28px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;color:#fff}
.nav-nm{font-size:11px;color:rgba(255,255,255,.65);white-space:nowrap;max-width:65px;overflow:hidden;text-overflow:ellipsis}
@media(max-width:480px){.nav-nm{display:none}}
.btn-logout{background:rgba(255,255,255,.1);border:none;color:rgba(255,255,255,.6);font-size:11px;padding:4px 7px;border-radius:6px;cursor:pointer}
.btn-logout:hover{background:rgba(255,255,255,.18);color:#fff}

/* PAGES */
.pg{display:none}.pg.on{display:block}
.inner{max-width:1020px;margin:0 auto;padding:1.1rem .85rem}
.ph{margin-bottom:1rem}.ph h2{font-family:'Sora',sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:2px}.ph p{color:var(--mut);font-size:12px}
/* FORMS */
.fg{margin-bottom:10px}
.fg label{display:block;font-size:10px;font-weight:700;color:var(--mut);margin-bottom:3px;text-transform:uppercase;letter-spacing:.5px}
.fg input,.fg select,.fg textarea{width:100%;padding:9px 11px;border:1.5px solid var(--bdr);border-radius:var(--r);font-family:'Inter',sans-serif;font-size:13px;color:var(--txt);background:#fff;outline:none;transition:border .15s;-webkit-appearance:none;appearance:none}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--gold)}
.fg textarea{resize:vertical;min-height:60px}
.fg select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23607080' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.frow3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}
@media(max-width:540px){.frow,.frow3{grid-template-columns:1fr}}
.hid{display:none!important}
/* BUTTONS */
.btn-p{width:100%;padding:11px;background:var(--gold);border:none;border-radius:var(--r);font-family:'Sora',sans-serif;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s}
.btn-p:hover{background:var(--gd)}
.btn-add{background:var(--gold);border:none;border-radius:var(--r);padding:8px 13px;font-family:'Sora',sans-serif;font-size:12px;font-weight:700;color:#fff;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.btn-add:hover{background:var(--gd)}
.btn-out{background:#fff;border:1.5px solid var(--bdr);border-radius:var(--r);padding:8px 12px;font-family:'Inter',sans-serif;font-size:12px;color:var(--mut);cursor:pointer;white-space:nowrap}
.btn-cancel{background:var(--sur);border:none;padding:9px 15px;border-radius:var(--r);font-family:'Inter',sans-serif;font-size:12px;cursor:pointer}
.btn-save{background:var(--gold);border:none;padding:9px 15px;border-radius:var(--r);font-family:'Sora',sans-serif;font-size:12px;font-weight:700;color:#fff;cursor:pointer}
.btn-dark{background:var(--ink);border:none;padding:9px 15px;border-radius:var(--r);font-family:'Sora',sans-serif;font-size:12px;font-weight:700;color:var(--gold);cursor:pointer}
.btn-green{background:var(--green);border:none;padding:9px 15px;border-radius:var(--r);font-family:'Sora',sans-serif;font-size:12px;font-weight:700;color:#fff;cursor:pointer}
.btn-wa{background:#25D366;border:none;padding:9px 13px;border-radius:var(--r);font-family:'Sora',sans-serif;font-size:12px;font-weight:700;color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.btn-em{background:var(--blue);border:none;padding:9px 13px;border-radius:var(--r);font-family:'Sora',sans-serif;font-size:12px;font-weight:700;color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.btn-pdf{background:#DC2626;border:none;padding:9px 13px;border-radius:var(--r);font-family:'Sora',sans-serif;font-size:12px;font-weight:700;color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
/* METRICS */
.mcards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:1rem}
@media(max-width:680px){.mcards{grid-template-columns:repeat(2,1fr)}}
.mc{background:#fff;border-radius:var(--rl);padding:.9rem;border:1px solid var(--bdr);box-shadow:var(--sh)}
.mc-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--mut);margin-bottom:3px}
.mc-val{font-family:'Sora',sans-serif;font-size:1.2rem;font-weight:700}
.mc-b{display:inline-flex;font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;margin-top:3px}
.bg{background:var(--gel);color:var(--green)}.br{background:var(--rel);color:var(--red)}.ba{background:var(--gl);color:var(--gd)}.bb{background:var(--bel);color:var(--blue)}
.card{background:#fff;border-radius:var(--rl);padding:.95rem;border:1px solid var(--bdr);box-shadow:var(--sh)}
.ct{font-family:'Sora',sans-serif;font-size:12px;font-weight:700;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center}
.ct a{font-size:11px;color:var(--gold);text-decoration:none;cursor:pointer;font-family:'Inter',sans-serif;font-weight:500}
.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-bottom:10px}
@media(max-width:680px){.grid2{grid-template-columns:1fr}}
.ri{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--sur)}.ri:last-child{border-bottom:none}
.ri-n{font-size:12px;font-weight:500}.ri-s{font-size:11px;color:var(--mut)}.ri-v{font-size:12px;font-weight:600}
.sp{font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;white-space:nowrap}
.spp{background:var(--gl);color:var(--gd)}.spa{background:var(--gel);color:var(--green)}.spr{background:var(--rel);color:var(--red)}.spb{background:var(--bel);color:var(--blue)}.sps{background:#E0F5E9;color:#0A5C3A}
/* TABLE */
.tbl{background:#fff;border-radius:var(--rl);border:1px solid var(--bdr);overflow:hidden;box-shadow:var(--sh)}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl table{width:100%;border-collapse:collapse;min-width:560px}
.tbl th{background:var(--sur);padding:8px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--mut);text-align:left;white-space:nowrap}
.tbl td{padding:10px 10px;font-size:12px;border-top:1px solid var(--sur);vertical-align:middle}
.tbl tr:hover td{background:#FFFBF4}
.abts{display:flex;gap:4px;flex-wrap:wrap}
.bs{padding:4px 7px;border-radius:5px;font-size:10px;font-weight:700;border:none;cursor:pointer;font-family:'Inter',sans-serif}
.bsv{background:var(--bel);color:var(--blue)}.bse{background:var(--gl);color:var(--gd)}.bsd{background:var(--rel);color:var(--red)}.bsig{background:#E0F5E9;color:#0A5C3A}.bswa{background:#E3F9EB;color:#128C7E}
.empty{text-align:center;padding:2.2rem;color:var(--mut)}.empty-ic{font-size:2rem;margin-bottom:.4rem}
.toolbar{display:flex;align-items:center;gap:7px;margin-bottom:.9rem;flex-wrap:wrap}
.sb{flex:1;min-width:130px;position:relative}.sb input{width:100%;padding:8px 10px 8px 29px;border:1.5px solid var(--bdr);border-radius:var(--r);font-family:'Inter',sans-serif;font-size:12px;outline:none;background:#fff}
.sb::before{content:"\1F50D";position:absolute;left:9px;top:50%;transform:translateY(-50%);font-size:11px}
/* MODAL */
.mbg{display:none;position:fixed;inset:0;background:rgba(13,27,42,.65);z-index:500;align-items:flex-start;justify-content:center;padding:.6rem;overflow-y:auto;-webkit-overflow-scrolling:touch}
.mbg.open{display:flex}
.mdl{background:#fff;border-radius:var(--rl);padding:1.25rem;width:800px;max-width:100%;margin:auto;box-shadow:var(--sh2)}
.mdl-sm{width:490px}.mdl-xs{width:370px}
.mdl h3{font-family:'Sora',sans-serif;font-size:1.05rem;font-weight:700;margin-bottom:.9rem}
.mc2{float:right;background:var(--sur);border:none;border-radius:6px;width:26px;height:26px;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.sl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--mut);margin:12px 0 7px;padding-bottom:4px;border-bottom:1px solid var(--bdr)}
.mfoot{display:flex;justify-content:flex-end;gap:6px;margin-top:1rem;flex-wrap:wrap}
@media(max-width:460px){.mfoot{flex-direction:column}.mfoot button{width:100%}}
/* ITEMS TABLE */
.it{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:6px}
.it th{background:var(--sur);padding:6px 7px;font-size:10px;font-weight:700;text-align:left;color:var(--mut);text-transform:uppercase}
.it td{padding:4px 4px;border-top:1px solid var(--sur)}
.it input{width:100%;padding:5px 6px;border:1px solid var(--bdr);border-radius:5px;font-size:12px;font-family:'Inter',sans-serif}
.tbox{background:var(--ink);border-radius:8px;padding:10px 13px;display:flex;justify-content:space-between;align-items:center;margin-top:7px}
.tbox span{color:rgba(255,255,255,.6);font-size:11px}
.tbox strong{font-family:'Sora',sans-serif;font-size:1.1rem;color:var(--gold);font-weight:700}
/* LOGO UPLOAD */
.lu{border:2px dashed var(--bdr);border-radius:var(--r);padding:.85rem;text-align:center;cursor:pointer;transition:all .2s;position:relative}
.lu:hover{border-color:var(--gold);background:var(--gl)}
.lu input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.lu-prev{max-height:52px;max-width:130px;object-fit:contain;border-radius:4px}
.lu-text{font-size:11px;color:var(--mut)}.lu-text strong{display:block;font-size:12px;color:var(--txt);margin-bottom:1px}
/* COLORS */
.cprow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:3px}
.copt{width:23px;height:23px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .15s}
.copt:hover,.copt.on{border-color:var(--ink);transform:scale(1.15)}
.color-custom{width:27px;height:27px;border:2px solid var(--bdr);border-radius:50%;cursor:pointer;padding:0;-webkit-appearance:none}
/* FINANCEIRO */
.fin3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:1rem}
@media(max-width:560px){.fin3{grid-template-columns:1fr}}
.fc{border-radius:var(--rl);padding:.95rem;color:#fff}
.fc.rec{background:linear-gradient(135deg,#0A5C3A,#0d7a4e)}.fc.des{background:linear-gradient(135deg,#A82020,#c62828)}.fc.sal{background:linear-gradient(135deg,var(--ink2),#2C4159)}
.fc .fcl{font-size:10px;opacity:.75;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.fc .fcv{font-family:'Sora',sans-serif;font-size:1.35rem;font-weight:700;margin-top:3px}
.lancs{background:#fff;border-radius:var(--rl);border:1px solid var(--bdr);overflow:hidden}
.li{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--sur)}.li:last-child{border-bottom:none}
.lic{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-right:9px}
.lii{flex:1}.lit{font-size:12px;font-weight:500}.lis{font-size:11px;color:var(--mut)}
.lv{font-size:12px;font-weight:700}.vi{color:var(--green)}.vo{color:var(--red)}
.add-form{background:#fff;border-radius:var(--rl);border:1px solid var(--bdr);padding:.95rem;margin-bottom:.95rem;box-shadow:var(--sh)}
.add-form h4{font-family:'Sora',sans-serif;font-size:12px;font-weight:700;margin-bottom:.75rem}
/* OBRAS */
.obras-g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:860px){.obras-g{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.obras-g{grid-template-columns:1fr}}
.oc{background:#fff;border-radius:var(--rl);padding:.95rem;border:1px solid var(--bdr);transition:all .2s;box-shadow:var(--sh)}
.oc:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.on2{font-family:'Sora',sans-serif;font-size:13px;font-weight:700;margin-bottom:2px}
.ocl{font-size:11px;color:var(--mut);margin-bottom:8px}
.pb{background:var(--sur);border-radius:100px;height:5px;overflow:hidden;margin-bottom:4px}
.pbf{height:100%;border-radius:100px}
.pi{display:flex;justify-content:space-between;font-size:10px;color:var(--mut)}
.of{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--sur)}
.ov2{font-size:12px;font-weight:700}.od{font-size:10px;color:var(--mut)}
.oc-add{border:2px dashed var(--bdr);background:var(--sur);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;min-height:120px;border-radius:var(--rl)}
.oc-add:hover{border-color:var(--gold);background:var(--gl)}
/* SIGNATURE */
.sig-pad{border:2px solid var(--bdr);border-radius:var(--r);display:block;background:#FAFBFC;width:100%;height:110px;touch-action:none}
.sig-pad:hover{border-color:var(--gold)}
.sig-info{background:var(--sur);border-radius:var(--r);padding:8px 11px;font-size:11px;color:var(--mut);margin-top:7px;line-height:1.8}
.sig-info strong{color:var(--txt)}
/* PERFIL */
.perf-card{background:#fff;border-radius:var(--rl);border:1px solid var(--bdr);padding:1.25rem;max-width:620px;box-shadow:var(--sh)}
.perf-card h3{font-family:'Sora',sans-serif;font-size:.9rem;font-weight:700;margin-bottom:.9rem;margin-top:.6rem;color:var(--ink2)}
.perf-card h3:first-child{margin-top:0}
.lu-big{border:2px dashed var(--bdr);border-radius:var(--rl);padding:1rem;text-align:center;cursor:pointer;transition:all .2s;position:relative;margin-bottom:.95rem}
.lu-big:hover{border-color:var(--gold);background:var(--gl)}
.lu-big input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
/* LOGIN */
#pgLogin{background:#fff;min-height:calc(100vh - 52px)}
.lw{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 52px)}
@media(max-width:740px){.lw{grid-template-columns:1fr}}
.ll{background:linear-gradient(155deg,var(--ink),var(--ink2));padding:2rem 1.6rem;display:flex;flex-direction:column;justify-content:space-between}
@media(max-width:740px){.ll{display:none}}
.ll-hero h1{font-family:'Sora',sans-serif;font-size:1.6rem;font-weight:800;color:#fff;line-height:1.25;margin-bottom:.65rem}
.ll-hero h1 em{color:var(--gold);font-style:normal}
.ll-hero p{color:rgba(255,255,255,.5);font-size:13px;line-height:1.7;max-width:320px}
.ll-feats{margin-top:1.35rem;display:flex;flex-direction:column;gap:8px}
.lf{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.72);font-size:12.5px}
.lfi{width:28px;height:28px;border-radius:7px;background:rgba(200,134,10,.2);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.ll-price{margin-top:1.1rem;background:rgba(200,134,10,.15);border:1px solid rgba(200,134,10,.3);border-radius:10px;padding:.85rem 1rem}
.ll-price .pv{font-family:'Sora',sans-serif;font-size:1.4rem;font-weight:800;color:var(--gold)}
.ll-price .ps{font-size:11px;color:rgba(255,255,255,.4);margin-top:2px}
.ll-foot{color:rgba(255,255,255,.18);font-size:11px}
.lr{padding:1.6rem 1.1rem;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto}
.lbox{width:100%;max-width:380px}
.lbox h2{font-family:'Sora',sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:3px}
.lbox .lsub{color:var(--mut);font-size:12px;margin-bottom:1rem}
.auth-tabs{display:flex;background:var(--sur);border-radius:var(--r);padding:3px;margin-bottom:1rem}
.atab{flex:1;padding:7px;border:none;background:none;border-radius:7px;font-family:'Inter',sans-serif;font-size:12px;font-weight:500;cursor:pointer;color:var(--mut);transition:all .2s}
.atab.on{background:#fff;color:var(--txt);box-shadow:0 1px 5px rgba(0,0,0,.08)}
/* PIX */
.pix-box{background:var(--sur);border:1px solid var(--bdr);border-radius:var(--rl);padding:.9rem;margin-top:.85rem}
.pix-box h4{font-family:'Sora',sans-serif;font-size:13px;font-weight:700;margin-bottom:.4rem}
.pix-key{background:#fff;border:1px dashed var(--gold);border-radius:var(--r);padding:8px 10px;font-size:11px;font-family:monospace;word-break:break-all;color:var(--ink);margin:6px 0;cursor:pointer;transition:background .15s}
.pix-key:hover{background:var(--gl)}
.cbadge{display:inline-flex;align-items:center;gap:4px;background:var(--gel);color:var(--green);font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;margin-top:5px}
/* TUTORIAL */
.tut{padding:1.6rem .85rem;background:var(--sur);border-top:1px solid var(--bdr)}
.tut-inner{max-width:1020px;margin:0 auto}
.tut-inner h3{font-family:'Sora',sans-serif;font-size:1.05rem;font-weight:700;text-align:center;margin-bottom:3px}
.tut-inner .ts{text-align:center;color:var(--mut);font-size:12px;margin-bottom:1.1rem}
.sg{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:680px){.sg{grid-template-columns:repeat(2,1fr)}}
.sc{background:#fff;border-radius:var(--rl);padding:.95rem;border:1px solid var(--bdr);text-align:center;box-shadow:var(--sh)}
.sn{width:30px;height:30px;border-radius:50%;background:var(--gold);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;margin:0 auto 6px}
.sc h4{font-family:'Sora',sans-serif;font-size:12px;font-weight:700;margin-bottom:4px}
.sc p{font-size:11px;color:var(--mut);line-height:1.5}
.si{font-size:20px;margin-bottom:5px}
/* ADMIN */
.admin-banner{background:linear-gradient(135deg,#1a0533,#2d0b50);color:#fff;border-radius:var(--rl);padding:.9rem 1rem;margin-bottom:.9rem;display:flex;align-items:center;gap:8px}
.admin-banner h3{font-family:'Sora',sans-serif;font-size:13px;font-weight:700;color:#E9C8FF}
.admin-banner p{font-size:11px;color:rgba(255,255,255,.4)}
.admin-tabs{display:flex;gap:6px;margin-bottom:.9rem;flex-wrap:wrap}
.admin-tab{padding:6px 12px;border-radius:var(--r);border:1.5px solid var(--bdr);background:#fff;font-size:12px;font-weight:500;cursor:pointer;font-family:'Inter',sans-serif;transition:all .15s}
.admin-tab.on{background:linear-gradient(135deg,#1a0533,#2d0b50);color:#E9C8FF;border-color:transparent;font-weight:700}
.user-row{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--sur);flex-wrap:wrap;gap:6px}
.user-row:last-child{border-bottom:none}
.ur-info{flex:1;min-width:130px}
.ur-name{font-size:12px;font-weight:600}.ur-sub{font-size:11px;color:var(--mut)}
.stag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px}
.tok{background:#E0F5E9;color:#0A5C3A}.ttrial{background:var(--gl);color:var(--gd)}.texp{background:var(--rel);color:var(--red)}.tpend{background:var(--bel);color:var(--blue)}
.cc{background:#fff;border-radius:var(--rl);border:1px solid var(--bdr);padding:.95rem;box-shadow:var(--sh);margin-bottom:8px}
.cc h4{font-family:'Sora',sans-serif;font-size:12px;font-weight:700;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between}
.cc-detail{font-size:11px;color:var(--mut);line-height:1.7}
.blocked-banner{background:linear-gradient(135deg,var(--red),#c62828);color:#fff;border-radius:var(--rl);padding:1.6rem;text-align:center;margin:1.2rem auto;max-width:440px}
.blocked-banner h3{font-family:'Sora',sans-serif;font-size:1.05rem;font-weight:800;margin-bottom:.4rem}
.blocked-banner p{font-size:12px;opacity:.85;margin-bottom:.8rem}
.ag{display:flex;gap:8px;padding:7px 0;border-bottom:1px solid var(--sur)}.ag:last-child{border-bottom:none}
.agd{min-width:32px;text-align:center}
.agday{font-size:15px;font-weight:700;font-family:'Sora',sans-serif;color:var(--gold);line-height:1}
.agm{font-size:10px;color:var(--mut);text-transform:uppercase}
.agt{font-size:12px;font-weight:500}.ags{font-size:10px;color:var(--mut)}
/* AI CHAT */
.ai-chat{display:flex;flex-direction:column;height:360px}
.ai-msgs{flex:1;overflow-y:auto;padding:9px;display:flex;flex-direction:column;gap:8px;background:var(--sur);border-radius:var(--r);margin-bottom:8px}
.ai-msg{max-width:88%;padding:8px 10px;border-radius:10px;font-size:12px;line-height:1.6}
.ai-msg.user{background:var(--gold);color:#fff;align-self:flex-end;border-bottom-right-radius:3px}
.ai-msg.bot{background:#fff;color:var(--txt);align-self:flex-start;border-bottom-left-radius:3px;box-shadow:var(--sh)}
.ai-msg.loading{color:var(--mut);font-style:italic}
.ai-irow{display:flex;gap:6px}
.ai-irow input{flex:1;padding:8px 10px;border:1.5px solid var(--bdr);border-radius:var(--r);font-family:'Inter',sans-serif;font-size:12px;outline:none}
.ai-irow input:focus{border-color:var(--gold)}
.ai-send{background:var(--gold);border:none;border-radius:var(--r);padding:8px 12px;color:#fff;font-size:14px;cursor:pointer;font-weight:700}
/* ═══ ORC PREVIEW PREMIUM ═══ */
.odoc{font-family:'Inter',sans-serif;color:#111;max-width:740px;margin:0 auto;line-height:1.5}
.odoc-hdr{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1.1rem;margin-bottom:1.1rem;border-bottom:3px solid var(--c,#C8860A)}
.odoc-hdr .logo-area{display:flex;align-items:center}
.odoc-hdr .logo-area img{max-height:64px;max-width:180px;object-fit:contain}
.odoc-hdr .logo-area .logo-txt{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:var(--c,#C8860A)}
.co-info{text-align:right}
.co-info h2{font-family:'Sora',sans-serif;font-size:.95rem;font-weight:800;color:var(--c,#C8860A);letter-spacing:-.2px}
.co-info p{font-size:11px;color:#607080;line-height:1.75;margin-top:2px}
.soc-row{display:flex;gap:5px;justify-content:flex-end;flex-wrap:wrap;margin-top:5px}
.soc-chip{display:inline-flex;align-items:center;gap:3px;background:#F0F3F7;border-radius:20px;padding:2px 8px;font-size:10px;color:#607080;font-weight:500;text-decoration:none}
.orc-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:8px}
.orc-num-block .orc-num-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#96A8B8}
.orc-num-block .orc-num{font-family:'Sora',sans-serif;font-size:1.5rem;font-weight:800;color:#111;letter-spacing:-.5px}
.orc-badges{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.orc-badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;border:1px solid}
.qr-block{text-align:center}
.qr-block p{font-size:9px;color:#96A8B8;margin-top:3px}
.ometa{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:1rem}
@media(max-width:480px){.ometa{grid-template-columns:1fr}}
.obox{border-radius:8px;padding:10px 12px;border:1px solid #E8ECF2;background:#F8F9FB}
.obox .mk{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#96A8B8;margin-bottom:5px}
.obox .mv{font-size:12px;line-height:1.8}
.obox .mv strong{font-weight:600}
.obox .mv small{font-size:11px;color:#607080}
.osec{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#96A8B8;margin-bottom:6px;display:flex;align-items:center;gap:5px}
.osec::after{content:"";flex:1;height:1px;background:#E8ECF2}
.oitems{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:10px}
.oitems thead tr{background:var(--c,#C8860A)}
.oitems th{padding:8px 9px;text-align:left;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.oitems td{padding:8px 9px;border-bottom:1px solid #F0F0F0;font-size:12px}
.oitems tbody tr:nth-child(even) td{background:#FAFAFA}
.oitems tfoot td{background:var(--c,#C8860A);color:#fff;font-weight:700;font-size:13px}
.oobs{border-left:3px solid var(--c,#C8860A);padding:9px 12px;background:#FAFAFA;border-radius:0 7px 7px 0;font-size:12px;color:#444;line-height:1.7;margin-bottom:10px}
.oobs .ok{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--c,#C8860A);margin-bottom:3px}
.oterms{background:#F8F9FB;border:1px solid #E8ECF2;border-radius:7px;padding:10px 13px;font-size:11px;color:#607080;line-height:1.7;margin-bottom:10px}
.oterms .tk{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#96A8B8;margin-bottom:4px}
.octa{border-radius:9px;padding:14px 16px;text-align:center;margin-bottom:10px}
.octa h4{font-family:'Sora',sans-serif;font-size:13px;font-weight:700;margin-bottom:3px;color:#fff}
.octa p{font-size:12px;opacity:.88;margin-bottom:8px;color:#fff}
.octa-links{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}
.octa-link{background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.35);border-radius:6px;padding:5px 12px;font-size:11px;font-weight:600;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.osig{border:2px solid #E8ECF2;border-radius:9px;padding:13px;margin-bottom:10px}
.osig h4{font-family:'Sora',sans-serif;font-size:12px;font-weight:700;margin-bottom:2px}
.osig p{font-size:11px;color:#607080;margin-bottom:10px}
.sig-done{background:#E8F5E9;border-radius:7px;padding:11px 13px;border-left:3px solid #0A5C3A}
.sig-done strong{font-size:12px;color:#0A5C3A;display:block;margin-bottom:3px}
.sig-done small{font-size:11px;color:#607080;line-height:1.8;display:block}
.ofooter{border-top:1px solid #E8ECF2;padding-top:10px;margin-top:4px}
.ofooter-cta{background:linear-gradient(135deg,var(--c,#C8860A),var(--cd,#8B5E06));border-radius:9px;padding:14px 16px;text-align:center;margin-bottom:10px}
.ofooter-cta p{font-size:12.5px;color:#fff;line-height:1.65;font-weight:500;margin-bottom:8px}
.ofooter-cta p em{font-style:normal;font-weight:700}
.ofooter-btns{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.ofooter-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);border-radius:6px;padding:6px 13px;font-size:11px;font-weight:700;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.ofooter-meta{display:flex;justify-content:space-between;font-size:10px;color:#96A8B8;flex-wrap:wrap;gap:4px}
/* PRINT */
@media print{
  body>*:not(#printWrap){display:none!important}
  #printWrap{display:block!important;padding:1cm}
  .no-print{display:none!important}
  @page{margin:.7cm;size:A4}
}
#printWrap{display:none}

/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(200,134,10,.4)}50%{box-shadow:0 0 0 8px rgba(200,134,10,0)}}
@keyframes slideLeft{from{transform:translateX(40px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes slideRight{from{transform:translateX(-40px);opacity:0}to{transform:translateX(0);opacity:1}}
.fade-up{animation:fadeUp .45s ease both}
.fade-in{animation:fadeIn .3s ease both}
.card,.mc,.oc,.tbl{animation:fadeUp .4s ease both}

/* ── NAV PILL ── */
.topnav{backdrop-filter:blur(10px);background:rgba(13,27,42,.95)}
.ntab.on{box-shadow:0 2px 8px rgba(200,134,10,.4)}

/* ── HERO GRADIENT ── */
.ll{background:linear-gradient(155deg,#0D1B2A 0%,#1A2E42 60%,#0a3d28 100%)}

/* ── TUTORIAL SLIDES ── */
.tut-slider{position:relative;overflow:hidden;border-radius:var(--rl)}
.tut-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.tut-slide{min-width:100%;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}
.tut-slide .si{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}
.tut-slide h4{font-family:'Sora',sans-serif;font-size:1.1rem;font-weight:700;color:var(--txt)}
.tut-slide p{font-size:13px;color:var(--mut);max-width:320px;line-height:1.65}
.tut-dots{display:flex;justify-content:center;gap:7px;margin-top:1rem}
.tut-dot{width:8px;height:8px;border-radius:50%;background:var(--bdr);border:none;cursor:pointer;transition:all .3s;padding:0}
.tut-dot.on{background:var(--gold);width:22px;border-radius:4px}
.tut-arrows{display:flex;justify-content:center;gap:10px;margin-top:.75rem}
.tut-arrow{background:#fff;border:1.5px solid var(--bdr);border-radius:50%;width:34px;height:34px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}
.tut-arrow:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.tut-progress{height:3px;background:var(--bdr);border-radius:3px;margin-top:1rem;overflow:hidden}
.tut-progress-bar{height:100%;background:linear-gradient(90deg,var(--gold),var(--gd));border-radius:3px;transition:width .5s ease}

/* ── LOGIN LEFT FEATURES ── */
.lf{transition:transform .2s}
.lf:hover{transform:translateX(4px)}
.ll-price{animation:pulse 2.5s infinite}

/* ── CARD HOVER ── */
.mc:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.mc{transition:all .2s}
.oc{cursor:default}

/* ── AGENDA ── */
.agenda-card{background:#fff;border-radius:var(--rl);border:1px solid var(--bdr);box-shadow:var(--sh);overflow:hidden}
.agenda-header{background:linear-gradient(135deg,var(--gold),var(--gd));padding:.8rem 1rem;display:flex;align-items:center;justify-content:space-between}
.agenda-header h3{font-family:'Sora',sans-serif;font-size:.9rem;font-weight:700;color:#fff}
.agenda-item{display:flex;align-items:flex-start;gap:10px;padding:10px 13px;border-bottom:1px solid var(--sur);transition:background .15s;cursor:pointer}
.agenda-item:last-child{border-bottom:none}
.agenda-item:hover{background:#FFFBF4}
.agenda-item.today .agday{color:var(--gold)}
.agenda-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:3px}
.agenda-title{font-size:12px;font-weight:600}
.agenda-sub{font-size:11px;color:var(--mut)}
.agenda-empty{text-align:center;padding:1.5rem;color:var(--mut);font-size:12px}
.add-event-btn{width:100%;padding:9px;background:var(--sur);border:none;border-top:1px solid var(--bdr);font-size:12px;font-weight:600;color:var(--gold);cursor:pointer;font-family:'Inter',sans-serif;transition:background .15s}
.add-event-btn:hover{background:var(--gl)}
.event-cat{width:10px;height:10px;border-radius:50%;flex-shrink:0;cursor:pointer;border:2px solid transparent}

/* ── CIDADES / REGIOES ── */
.cidades-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.cidade-tag{display:inline-flex;align-items:center;gap:5px;background:var(--gl);border:1px solid var(--gold);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;color:var(--gd)}
.cidade-tag .rm{cursor:pointer;font-size:14px;line-height:1;color:var(--gd);background:none;border:none}
.cidade-tag .rm:hover{color:var(--red)}

/* ── MOBILE IMPROVEMENTS ── */
@media(max-width:640px){
  .inner{padding:1rem .7rem}
  .mdl{padding:1rem .85rem;border-radius:14px 14px 0 0;position:fixed;bottom:0;left:0;right:0;margin:0;max-height:92vh;overflow-y:auto;width:100%!important;border-radius:16px 16px 0 0}
  .mbg{padding:0;align-items:flex-end}
  .mdl h3{font-size:1rem}
  .mfoot{position:sticky;bottom:0;background:#fff;padding-top:10px;margin-bottom:0}
  .topnav{height:50px}
  .ntab{padding:5px 8px;font-size:11px}
  .mcards{grid-template-columns:repeat(2,1fr);gap:8px}
  .mc{padding:.8rem}
  .mc-val{font-size:1.1rem}
  .fin3{grid-template-columns:1fr;gap:8px}
  .obras-g{grid-template-columns:1fr}
  .tbl table{min-width:500px}
  .perf-card{border-radius:var(--r)}
  .ll-price .pv{font-size:1.2rem}
  .sg{grid-template-columns:1fr}
}
@media(max-width:400px){
  .mcards{grid-template-columns:1fr 1fr}
}

/* ── BADGE PULSE ── */
.badge-new{animation:pulse 2s infinite;border-radius:20px}

/* ── FORM IMPROVEMENTS ── */
.fg input:focus,.fg select:focus,.fg textarea:focus{box-shadow:0 0 0 3px rgba(200,134,10,.15)}
.btn-p{position:relative;overflow:hidden}
.btn-p::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,0);transition:background .2s}
.btn-p:hover::after{background:rgba(255,255,255,.08)}

/* ── ORÇ PREVIEW mobile scroll ── */
@media(max-width:600px){
  .odoc-hdr{flex-direction:column;gap:10px}
  .co-info{text-align:left}
  .soc-row{justify-content:flex-start}
  .orc-title-row{flex-direction:column;gap:8px}
  .ometa{grid-template-columns:1fr}
}


/* ══════════════════════════════════════
   ORÇAMENTO PREMIUM LAYOUT
══════════════════════════════════════ */
.orc-wrap{font-family:'Inter',sans-serif;color:#1a1a1a;max-width:800px;margin:0 auto;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.10)}
/* HEADER */
.orc-hdr{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:22px 28px;border-bottom:3px solid}
.orc-hdr-logo img{max-height:80px;max-width:200px;object-fit:contain}
.orc-hdr-logo .no-logo{font-family:'Sora',sans-serif;font-size:1.1rem;font-weight:800;color:inherit}
.orc-hdr-co h2{font-family:'Sora',sans-serif;font-size:1rem;font-weight:800;margin-bottom:5px}
.orc-hdr-co .co-line{display:flex;align-items:center;gap:6px;font-size:12px;color:#444;margin-bottom:3px}
.orc-hdr-co .co-line .ico{font-size:13px;flex-shrink:0}
.soc-chips-row{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 3px}
.soc-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#444;background:#F4F7FB;border:1px solid #E2E9F2;border-radius:20px;padding:4px 10px;text-decoration:none;transition:all .15s}
.soc-chip .ico{font-size:12px}
.soc-chip.soc-insta{color:#C13584;background:#FDF0F7;border-color:#F6D6E8}
.soc-chip.soc-face{color:#1259A8;background:#EBF2FB;border-color:#D3E3F5}
.soc-chip.soc-link{color:#0A5C9A;background:#EAF4FB;border-color:#CFE6F5}
.orc-hdr-num{text-align:right}
.orc-hdr-num .label{font-family:'Sora',sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#888;margin-bottom:4px}
.orc-hdr-num .num-badge{display:inline-block;font-family:'Sora',sans-serif;font-size:1.1rem;font-weight:800;color:#fff;padding:6px 16px;border-radius:8px;margin-bottom:8px}
.orc-hdr-num .date-line{font-size:11px;color:#666;line-height:1.8;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.orc-hdr-num .date-line span{display:flex;align-items:center;gap:5px}
/* CLIENTE + RESUMO + TOTAL */
.orc-row2{display:grid;grid-template-columns:1fr 1fr 220px;gap:0;border-bottom:1px solid #EEE}
.orc-block{padding:18px 22px;border-right:1px solid #EEE}
.orc-block:last-child{border-right:none}
.orc-block-title{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#888;margin-bottom:12px}
.orc-block-title .ico{font-size:15px}
.cli-name{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;margin-bottom:5px}
.cli-line{display:flex;align-items:center;gap:6px;font-size:12px;color:#555;margin-bottom:3px}
.resumo-row{display:flex;justify-content:space-between;font-size:12px;padding:4px 0;border-bottom:1px solid #F5F5F5}
.resumo-row:last-child{border-bottom:none}
.resumo-row .rk{color:#666}.resumo-row .rv{font-weight:600}
.total-block{padding:18px 22px;background:var(--c,#C8860A);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px}
.total-block .tlabel{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:rgba(255,255,255,.75)}
.total-block .tval{font-family:'Sora',sans-serif;font-size:1.6rem;font-weight:800;color:#fff;line-height:1.1}
.total-block .text-val{font-size:11px;color:rgba(255,255,255,.75);font-style:italic;line-height:1.4}
.total-block .safe-badge{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.2);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;color:#fff;margin-top:4px}
/* DESC */
.orc-desc{display:flex;align-items:flex-start;gap:14px;padding:16px 22px;background:#FFFBF0;border-bottom:1px solid #EEE}
.orc-desc .desc-icon{font-size:2rem;flex-shrink:0}
.orc-desc h4{font-family:'Sora',sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#888;margin-bottom:5px}
.orc-desc p{font-size:13px;color:#333;line-height:1.6}
/* ITEMS TABLE */
.orc-items{padding:18px 22px;border-bottom:1px solid #EEE}
.orc-items-title{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#888;margin-bottom:12px}
.items-table{width:100%;border-collapse:collapse;font-size:12px}
.items-table thead tr{background:var(--c,#C8860A)}
.items-table th{padding:9px 10px;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:left}
.items-table th:not(:first-child){text-align:right}
.items-table th:nth-child(1){text-align:center;width:42px}
.items-table td{padding:9px 10px;border-bottom:1px solid #F2F2F2;vertical-align:middle}
.items-table td:nth-child(1){text-align:center;font-weight:700;font-size:11px;color:#888}
.items-table td:not(:first-child):not(:nth-child(2)){text-align:right}
.items-table tbody tr:nth-child(even) td{background:#FAFAFA}
.items-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;flex-wrap:wrap;gap:8px}
.items-footer .area{font-size:12px;color:#888}
.items-total{display:flex;align-items:center;gap:10px}
.items-total .tl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#666}
.items-total .tv{font-family:'Sora',sans-serif;font-size:1.1rem;font-weight:800;color:#fff;background:var(--c,#C8860A);padding:7px 16px;border-radius:7px}
/* PHOTOS */
.orc-photos{padding:16px 22px;border-bottom:1px solid #EEE}
.orc-photos-title{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#888;margin-bottom:10px}
.photos-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.photo-slot{flex-shrink:0;width:140px;text-align:center;cursor:pointer;position:relative}
.photo-slot input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.photo-slot .ph-img{width:140px;height:95px;object-fit:cover;border-radius:8px;border:2px solid #EEE}
.photo-slot .ph-empty{width:140px;height:95px;border:2px dashed #DDD;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#AAA;background:#FAFAFA;transition:all .2s}
.photo-slot .ph-empty:hover{border-color:var(--c,#C8860A);background:#FFFBF0}
.photo-slot .ph-num{position:absolute;top:6px;left:6px;width:22px;height:22px;border-radius:50%;background:var(--c,#C8860A);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.photo-slot .ph-caption{font-size:10px;color:#888;margin-top:4px;text-align:center}
/* PAGAMENTO + CONDICOES + BONUS */
.orc-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-bottom:1px solid #EEE}
.orc-row3 .orc-block{border-right:1px solid #EEE}
.orc-row3 .orc-block:last-child{border-right:none}
.pag-item{display:grid;grid-template-columns:12px minmax(0,1fr);align-items:start;column-gap:9px;margin-bottom:10px;width:100%}
.pag-dot{width:12px;height:12px;border-radius:50%;margin-top:3px;flex-shrink:0;border:3px solid;box-sizing:border-box}
.pag-info{min-width:0;line-height:1.35}
.pag-info .pi-label{font-size:11px;font-weight:600;color:#666;margin-bottom:2px}
.pag-info .pi-val{font-size:12px;font-weight:700;overflow-wrap:anywhere;word-break:normal}
.pag-info .pi-date{font-size:11px;color:#888}
.cond-item{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:#333;margin-bottom:6px}
.cond-item .ci{font-size:14px;flex-shrink:0}
.bonus-item{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#333;margin-bottom:8px}
.bonus-item .bi{width:18px;height:18px;border-radius:50%;background:var(--c,#C8860A);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}
/* ASSINATURA ROW */
.orc-sign-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:0;border-bottom:1px solid #EEE;align-items:stretch}
.orc-sign-row .orc-block{border-right:1px solid #EEE}
.orc-sign-row .orc-block:last-child{border-right:none}
.sign-btns{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.btn-approve{background:#25A244;border:none;border-radius:8px;padding:9px 16px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;font-family:'Sora',sans-serif}
.btn-refuse{background:#DC2626;border:none;border-radius:8px;padding:9px 16px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;font-family:'Sora',sans-serif}
.sig-canvas-wrap canvas{border:1.5px solid #DDD;border-radius:8px;display:block}
.sig-canvas-wrap{position:relative}
.link-box{background:#F5F5F5;border-radius:8px;padding:7px 10px;font-size:11px;font-family:monospace;color:#444;margin:8px 0;word-break:break-all}
.copy-link-btn{background:var(--ink,#0D1B2A);border:none;border-radius:7px;padding:7px 14px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px;font-family:'Sora',sans-serif}
.qr-wrap{padding:18px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#FAFAFA}
.qr-wrap p{font-size:10px;color:#888;text-align:center;margin-top:3px}
/* SHARE ROW */
.orc-share{padding:16px 22px;background:var(--sur,#F4F7FB);border-radius:0 0 12px 12px}
.share-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#666;margin-bottom:10px}
.share-btns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.share-btn{padding:11px;border:none;border-radius:9px;font-family:'Sora',sans-serif;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:all .2s}
.share-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.sb-pdf{background:var(--ink,#0D1B2A);color:#fff}
.sb-wa{background:#25D366;color:#fff}
.sb-em{background:#1250A0;color:#fff}
.share-note{font-size:10px;color:#AAA;text-align:center;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:5px}
.public-site-bar{width:100vw;max-width:none;margin:0 0 12px calc(50% - 50vw);padding:14px max(22px,calc((100vw - 800px)/2));background:#0D1B2A;color:#fff;border-radius:0;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 18px rgba(13,27,42,.18);box-sizing:border-box}
.public-site-brand{font-family:'Sora',sans-serif;font-size:1.05rem;font-weight:800;letter-spacing:.2px}
.public-site-brand span{color:#C8860A}
.public-site-label{font-size:11px;color:rgba(255,255,255,.7)}
.public-sign-only{display:block}
.public-sign-only .orc-block{border-right:none}
.public-pdf-only .share-btns{display:block}
.public-pdf-only .share-btn{width:100%}
/* RESPONSIVE */
@media(max-width:700px){
  .orc-hdr{grid-template-columns:auto 1fr;gap:12px}
  .orc-hdr-num{grid-column:1/-1;text-align:left;border-top:1px solid #EEE;padding-top:12px}
  .orc-row2{grid-template-columns:1fr}
  .orc-block{border-right:none!important;border-bottom:1px solid #EEE}
  .orc-row3{grid-template-columns:1fr}
  .orc-sign-row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
  .share-btns{grid-template-columns:1fr}
  .photos-row{gap:6px}
  .photo-slot{width:110px}
  .photo-slot .ph-img,.photo-slot .ph-empty{width:110px;height:75px}
  .public-site-bar{margin-bottom:8px;padding:13px 18px}
  .public-site-label{display:none}
}

/* ══════════════════════════════════
   LOGIN PAGE — PREMIUM REDESIGN
══════════════════════════════════ */
#pgLogin{background:#0D1B2A;min-height:calc(100vh - 52px);display:none}
#pgLogin.on{display:flex;flex-direction:column}

/* MAIN 3-COLUMN LAYOUT */
.login-grid{flex:1;display:grid;grid-template-columns:360px 1fr 420px;min-height:calc(100vh - 52px)}

/* LEFT PANEL */
.lp-left{background:#0D1B2A;padding:2.2rem 1.8rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.lp-left::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 70%,rgba(200,134,10,.12) 0%,transparent 65%);pointer-events:none}
.lp-tagline{font-family:'Sora',sans-serif;font-size:1.85rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:.75rem}
.lp-tagline em{color:var(--gold);font-style:normal;display:block}
.lp-sub{font-size:13px;color:rgba(255,255,255,.5);line-height:1.6;margin-bottom:1.6rem;}
.lp-feat{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.75);font-size:13px;margin-bottom:10px;transition:transform .2s}
.lp-feat:hover{transform:translateX(4px)}
.lp-feat-ic{width:34px;height:34px;border-radius:9px;background:rgba(200,134,10,.18);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}

@media(max-width:740px){
  #pgLogin>div:first-child{grid-template-columns:1fr!important}
  #pgLogin>div:first-child>div:first-child{display:none!important}
}

/* ── NOTIFICATIONS ── */
.notif-btn{position:relative;background:rgba(255,255,255,.1);border:none;border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:#fff;flex-shrink:0;transition:background .15s}
.notif-btn:hover{background:rgba(255,255,255,.2)}
.notif-badge{position:absolute;top:-4px;right:-4px;background:#DC2626;color:#fff;font-size:9px;font-weight:700;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:2px solid var(--ink);display:none}
.notif-badge.show{display:flex}
.notif-panel{position:fixed;top:56px;right:12px;width:340px;background:#fff;border-radius:14px;box-shadow:0 8px 32px rgba(13,27,42,.18);z-index:1000;display:none;overflow:hidden;border:1px solid var(--bdr)}
.notif-panel.open{display:block;animation:fadeUp .2s ease}
.notif-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--bdr);background:var(--sur)}
.notif-header h4{font-family:'Sora',sans-serif;font-size:13px;font-weight:700}
.notif-header-actions{display:flex;gap:8px;align-items:center}
.notif-mark-all{font-size:11px;color:var(--gold);cursor:pointer;font-weight:600;background:none;border:none;font-family:'Inter',sans-serif}
.notif-list{max-height:380px;overflow-y:auto}
.notif-item{display:flex;align-items:flex-start;gap:11px;padding:13px 16px;border-bottom:1px solid var(--sur);cursor:pointer;transition:background .15s;position:relative}
.notif-item:last-child{border-bottom:none}
.notif-item:hover{background:#FFFBF4}
.notif-item.unread{background:#FFFBF0}
.notif-item.unread::before{content:'';position:absolute;left:6px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--gold)}
.notif-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.ni-signed{background:#E0F5E9;}.ni-viewed{background:#EBF1FB;}.ni-pend{background:#FFF4E0;}.ni-sys{background:#F4F7FB;}
.notif-body{flex:1;min-width:0}
.notif-title{font-size:12px;font-weight:600;color:var(--txt);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notif-desc{font-size:11px;color:var(--mut);line-height:1.5}
.notif-time{font-size:10px;color:var(--hn);margin-top:3px;white-space:nowrap}
.notif-empty{text-align:center;padding:2.5rem 1rem;color:var(--mut)}
.notif-empty-ic{font-size:2rem;margin-bottom:.4rem}
.notif-footer{padding:10px 16px;border-top:1px solid var(--bdr);background:var(--sur);text-align:center}
.notif-footer button{font-size:12px;color:var(--gold);font-weight:600;background:none;border:none;cursor:pointer;font-family:'Inter',sans-serif}
@media(max-width:500px){
  .notif-panel{right:8px;left:8px;width:auto}
}
/* LOGIN — ROTATING WORD */
.lp-word-wrap{display:inline-block;overflow:hidden;height:1.28em;vertical-align:bottom;position:relative}
.lp-word{display:inline-block;color:#C8860A;font-weight:800}
.lp-word.anim-out{animation:lpWordOut .35s ease forwards}
.lp-word.anim-in{animation:lpWordIn .35s ease forwards}
@keyframes lpWordOut{to{transform:translateY(-110%);opacity:0}}
@keyframes lpWordIn{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}