.mk { display:flex; gap:28px; flex-wrap:wrap; align-items:flex-start; justify-content:center; font-family:"Segoe UI", system-ui, sans-serif; }
  .phone { flex:none; width:375px; max-width:100%; height:780px; border:10px solid #111; border-radius:40px; background:#f3f6f9; position:relative; overflow:hidden; box-shadow:0 12px 40px rgba(0,0,0,.25); color:#142233; }
  .scr { position:absolute; inset:0 0 60px 0; overflow-y:auto; }
  .top { position:sticky; top:0; z-index:20; background:#0f3b5f; color:#fff; padding:14px 16px 12px; }
  .top .r1 { display:flex; justify-content:space-between; align-items:center; gap:8px; }
  .top b { font-size:16px; }
  .top small { display:block; opacity:.75; font-size:12px; margin-top:2px; }
  .back { background:none; border:0; color:#fff; font-size:14px; padding:0 0 6px; cursor:pointer; opacity:.85; }
  .net { border:0; border-radius:14px; padding:4px 10px; font-size:11.5px; font-weight:700; cursor:pointer; white-space:nowrap; }
  .net.off { background:#fde2c8; color:#8a3b06; } .net.on { background:#cdeedd; color:#14603f; }
  .av { width:30px; height:30px; border-radius:50%; color:#fff; display:grid; place-items:center; font-size:12px; font-weight:700; flex:none; }
  .pad { padding:12px 14px 20px; }
  .card { background:#fff; border:1px solid #dbe3ea; border-radius:14px; padding:12px 14px; margin-bottom:10px; }
  .tap { cursor:pointer; } .tap:active { background:#eef4f9; }
  .row { display:flex; justify-content:space-between; align-items:center; gap:10px; }
  .t { font-weight:700; font-size:14.5px; }
  .m { color:#5b6b7c; font-size:12.5px; }
  .sec { font-size:12px; font-weight:700; color:#5b6b7c; margin:16px 2px 8px; text-transform:uppercase; letter-spacing:.03em; }
  .prog { height:6px; background:#e6ecf1; border-radius:4px; margin-top:8px; overflow:hidden; display:flex; }
  .prog i { display:block; height:100%; }
  .chips { display:flex; flex-wrap:wrap; gap:5px; margin-top:6px; }
  .chip { font-size:11px; padding:2px 7px; border-radius:10px; background:#e8eef4; color:#33475b; font-weight:600; }
  .chip.helm { background:#fde2e2; color:#a12a20; } .chip.atv { background:#dfe9f5; color:#0f3b5f; }
  .who { font-size:11px; padding:2px 7px; border-radius:10px; color:#fff; font-weight:700; }
  .dot { width:12px; height:12px; border-radius:50%; flex:none; border:2px solid #c3ceda; }
  .dot.ok { background:#1d8a5a; border-color:#1d8a5a; } .dot.obs { background:#d08a12; border-color:#d08a12; } .dot.nc { background:#c0362c; border-color:#c0362c; } .dot.na { background:#9aa8b6; border-color:#9aa8b6; }
  .seg { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin:8px 0 4px; }
  .seg button { border:2px solid #dbe3ea; background:#fff; border-radius:12px; padding:11px 2px; font-size:12px; font-weight:700; cursor:pointer; color:#33475b; }
  .seg button.ok.sel { border-color:#1d8a5a; background:#e2f4ea; color:#14603f; }
  .seg button.obs.sel { border-color:#d08a12; background:#fdf1dc; color:#8a5a06; }
  .seg button.nc.sel { border-color:#c0362c; background:#fde4e2; color:#a12a20; }
  .seg button.na.sel { border-color:#7b8a9a; background:#eef1f4; color:#33475b; }
  .lbl { font-size:12px; font-weight:700; color:#5b6b7c; margin:14px 0 6px; text-transform:uppercase; letter-spacing:.03em; }
  .photos { display:flex; gap:8px; flex-wrap:wrap; }
  .ph { width:68px; height:68px; border-radius:10px; background:linear-gradient(135deg,#6b7f93,#2c3a48); color:#fff; font-size:11px; display:grid; place-items:center; flex:none; }
  .ph.s { width:44px; height:44px; font-size:10px; border-radius:8px; }
  .addph { width:68px; height:68px; border-radius:10px; border:2px dashed #9fb0c2; background:#fff; color:#33475b; font-size:12px; font-weight:700; cursor:pointer; }
  textarea, select, input[type=text], input[type=date], input[type=search] { width:100%; box-sizing:border-box; border:1px solid #c9d4de; border-radius:10px; padding:8px 10px; font:inherit; font-size:13.5px; background:#fff; color:#142233; }
  textarea { min-height:60px; }
  .f2 { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .f2 label, .fl { font-size:11.5px; color:#5b6b7c; font-weight:600; display:flex; flex-direction:column; gap:3px; }
  .save { width:100%; border:0; border-radius:12px; padding:14px; font-size:15px; font-weight:700; background:#0f3b5f; color:#fff; margin-top:14px; cursor:pointer; }
  .save:disabled { background:#b7c4d1; cursor:not-allowed; }
  .save.green { background:#1d8a5a; } .save.ghost { background:#fff; color:#0f3b5f; border:2px solid #0f3b5f; }
  .small-btn { border:1px solid #c9d4de; background:#fff; border-radius:8px; padding:6px 10px; font-size:12px; font-weight:700; cursor:pointer; color:#33475b; }
  .warn { background:#fff4e5; border:1px solid #f3c98b; border-radius:10px; padding:9px 11px; font-size:12.5px; color:#7a4a05; margin-top:10px; }
  .info { background:#e8f1fb; border:1px solid #a9c9ec; border-radius:12px; padding:11px 13px; font-size:13px; color:#123c66; margin-bottom:12px; }
  .info b { display:block; margin-bottom:2px; }
  .ncban { background:#fde4e2; border:1px solid #f3a6a0; border-radius:12px; padding:10px 12px; font-size:13px; color:#8f241b; display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; }
  .avulsa { background:linear-gradient(135deg,#0f3b5f,#1f6a9a); color:#fff; border:0; }
  .avulsa .m { color:#cfe0ee; }
  .btn-w { border:0; background:#fff; color:#0f3b5f; border-radius:10px; padding:8px 12px; font-weight:700; font-size:13px; cursor:pointer; }
  details.box { background:#fff; border:1px solid #dbe3ea; border-radius:12px; margin-top:10px; }
  details.box summary { padding:10px 12px; font-weight:700; font-size:13.5px; cursor:pointer; display:flex; justify-content:space-between; gap:8px; list-style:none; }
  details.box summary::-webkit-details-marker { display:none; }
  details.box summary::after { content:"▾"; color:#5b6b7c; } details.box[open] summary::after { content:"▴"; }
  details.box .in { padding:0 12px 12px; }
  .grp { font-size:11.5px; font-weight:700; color:#0f3b5f; margin:10px 0 2px; }
  .cl { padding:7px 0; border-bottom:1px solid #eef1f4; font-size:12.5px; }
  .cl:last-child { border-bottom:0; }
  .mseg { display:flex; gap:4px; margin-top:5px; }
  .mseg button { flex:1; border:1px solid #dbe3ea; background:#fff; border-radius:7px; padding:4px 0; font-size:11px; font-weight:700; color:#5b6b7c; cursor:pointer; }
  .mseg button.on.ok { background:#1d8a5a; color:#fff; border-color:#1d8a5a; } .mseg button.on.obs { background:#d08a12; color:#fff; border-color:#d08a12; }
  .mseg button.on.nc { background:#c0362c; color:#fff; border-color:#c0362c; } .mseg button.on.na { background:#7b8a9a; color:#fff; border-color:#7b8a9a; }
  .le { display:flex; gap:8px; margin:10px 0; align-items:flex-start; }
  .le .av { width:26px; height:26px; font-size:10.5px; }
  .le .bx { flex:1; background:#fff; border:1px solid #dbe3ea; border-radius:12px; padding:8px 10px; font-size:13px; }
  .le .bx .m { font-size:11.5px; margin-bottom:3px; }
  .le.sys .bx { background:#eef2f6; border-color:#e1e8ef; font-size:12px; color:#33475b; }
  .pill { display:inline-block; font-size:11.5px; font-weight:700; border-radius:10px; padding:2px 8px; }
  .pill.wait { background:#fdf1dc; color:#8a5a06; } .pill.go { background:#e2f4ea; color:#14603f; }
  .p1 { background:#fde2e2; color:#a12a20; } .p2 { background:#fde8dc; color:#9a3412; } .p3 { background:#fdf1dc; color:#8a5a06; } .p4 { background:#eef1f4; color:#33475b; }
  .nav { position:absolute; left:0; right:0; bottom:0; height:60px; background:#fff; border-top:1px solid #dbe3ea; display:grid; grid-template-columns:repeat(5,1fr); }
  .nav button { border:0; background:none; font-size:9.6px; letter-spacing:-.2px; font-weight:600; color:#6b7b8b; cursor:pointer; position:relative; padding:6px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .nav button .ic { display:block; font-size:17px; line-height:20px; }
  .nav button.on { color:#0f3b5f; } .nav button.on::before { content:""; position:absolute; top:0; left:20%; right:20%; height:3px; border-radius:0 0 3px 3px; background:#0f3b5f; }
  .badge { position:absolute; top:3px; left:calc(50% + 5px); background:#c0362c; color:#fff; border-radius:9px; font-size:10px; padding:0 5px; min-width:15px; }
  .toast { position:absolute; left:16px; right:16px; bottom:72px; background:#142233; color:#fff; border-radius:12px; padding:11px 14px; font-size:13px; opacity:0; transform:translateY(8px); transition:.25s; pointer-events:none; z-index:5; }
  .toast.show { opacity:1; transform:none; }
  .chk { display:flex; align-items:center; gap:6px; font-size:12.5px; color:#33475b; }
  .gl { display:grid; grid-template-columns:78px 1fr; align-items:center; margin:7px 0; font-size:12px; }
  .gl .lane { position:relative; height:20px; background:#eef2f6; border-radius:5px; }
  .gl .lane i { position:absolute; top:2px; bottom:2px; border-radius:4px; }
  .lock { font-size:12px; background:#eef2f6; border-radius:10px; padding:8px 10px; color:#33475b; margin-bottom:10px; }
  .tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
  .tile { background:#fff; border:1px solid #dbe3ea; border-radius:12px; padding:9px 8px; text-align:center; }
  .tile b { display:block; font-size:20px; color:#0f3b5f; } .tile span { font-size:11px; color:#5b6b7c; }
  .pdf { background:#fff; border:1px solid #c9d4de; border-radius:6px; box-shadow:0 4px 14px rgba(0,0,0,.12); overflow:hidden; font-size:10.5px; }
  .pdf .hd { background:#0f3b5f; color:#fff; padding:10px 12px; } .pdf .hd b { font-size:13px; display:block; } .pdf .hd span { opacity:.8; font-size:10px; }
  .pdf .bd { padding:10px 12px; }
  .pdf h5 { margin:8px 0 4px; font-size:10.5px; color:#0f3b5f; text-transform:uppercase; letter-spacing:.04em; border-bottom:1px solid #e2e8ee; padding-bottom:2px; }
  .pdf .nums { display:grid; grid-template-columns:repeat(4,1fr); gap:4px; text-align:center; }
  .pdf .nums div { background:#f1f5f9; border-radius:4px; padding:4px 2px; } .pdf .nums b { display:block; font-size:14px; color:#0f3b5f; }
  .pdf .li { display:flex; gap:6px; align-items:flex-start; margin:3px 0; }
  .pdf .mini { width:30px; height:24px; border-radius:3px; background:linear-gradient(135deg,#6b7f93,#2c3a48); flex:none; }
  .pdf .grid { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }
  .pdf .grid div { font-size:9px; color:#5b6b7c; } .pdf .grid i { display:block; height:40px; border-radius:3px; background:linear-gradient(135deg,#6b7f93,#2c3a48); margin-bottom:2px; }
  .field { display:grid; grid-template-columns:96px 1fr; gap:6px; font-size:13px; padding:7px 0; border-bottom:1px solid #eef1f4; }
  .field:last-child { border-bottom:0; } .field span:first-child { color:#5b6b7c; }
  .as { display:flex; gap:4px; background:#e8eef4; border-radius:10px; padding:3px; margin-bottom:12px; }
  .as button { flex:1; border:0; border-radius:8px; padding:7px 4px; font-size:12px; font-weight:700; background:none; color:#33475b; cursor:pointer; }
  .as button.on { background:#fff; color:#0f3b5f; box-shadow:0 1px 3px rgba(0,0,0,.12); }
  .ask { display:flex; gap:6px; } .ask input { flex:1; } .ask button { border:0; border-radius:10px; background:#0f3b5f; color:#fff; font-weight:700; padding:0 12px; cursor:pointer; }
  .cam { width:100%; border:2px dashed #9fb0c2; background:#fff; border-radius:12px; padding:11px; font-weight:700; color:#33475b; margin-top:8px; cursor:pointer; font-size:13px; }
  .bub { border-radius:14px; padding:10px 12px; font-size:13px; margin:8px 0; }
  .bub.q { background:#0f3b5f; color:#fff; margin-left:40px; border-bottom-right-radius:4px; }
  .bub.a { background:#fff; border:1px solid #dbe3ea; margin-right:20px; border-bottom-left-radius:4px; }
  .quote { border-left:3px solid #2f74c9; background:#f1f6fc; padding:6px 9px; margin:6px 0; font-size:12px; color:#33475b; }
  .gray { height:7px; background:#dfe6ed; border-radius:3px; margin:4px 0; }
  .fig { height:80px; border-radius:6px; background:repeating-linear-gradient(45deg,#e8eef4,#e8eef4 8px,#dde5ec 8px,#dde5ec 16px); display:grid; place-items:center; font-size:11px; color:#5b6b7c; margin-top:6px; }
  .doc { display:flex; gap:10px; align-items:center; padding:8px 0; border-bottom:1px solid #eef1f4; font-size:13px; }
  .doc:last-child { border-bottom:0; } .doc i { width:28px; height:34px; border-radius:4px; background:#c0362c; color:#fff; font-style:normal; font-size:9px; font-weight:700; display:grid; place-items:center; flex:none; }
  .doc i.txt { background:#2f74c9; } .doc i.xls { background:#1d8a5a; }
  .drop { border:2px dashed #9fb0c2; border-radius:12px; padding:14px; text-align:center; background:#fff; font-size:12.5px; color:#33475b; }
  .drop b { display:block; font-size:13.5px; margin-bottom:3px; }
  .job { display:flex; justify-content:space-between; gap:8px; font-size:12px; padding:6px 0; border-bottom:1px solid #eef1f4; }
  .job:last-child { border-bottom:0; } .job .ok { color:#14603f; font-weight:700; }
  .org { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin:14px 2px 8px; }
  .org .sec { margin:0; }
  .orgbtn { border:1px solid #0f3b5f; background:#fff; color:#0f3b5f; border-radius:16px; padding:5px 11px; font-size:12px; font-weight:700; cursor:pointer; white-space:nowrap; }
  .gh { display:flex; justify-content:space-between; align-items:center; gap:8px; margin:14px 2px 6px; font-size:12.5px; font-weight:700; color:#0f3b5f; }
  .gh:first-child { margin-top:2px; }
  .notes { max-width:380px; display:flex; flex-direction:column; gap:10px; }
  .note { border:1px solid #d3dbe3; border-radius:12px; padding:11px 14px; background:#fff; color:#142233; font-size:13.5px; line-height:1.5; }
  .note b { color:#0f3b5f; } .note ul { margin:4px 0 0; padding-left:18px; } .note li { margin:2px 0; }
  .note.g { border-style:dashed; }


  .tlw { overflow-x:auto; border:1px solid #dbe3ea; border-radius:12px; background:#fff; margin-top:10px; }
  .tlg { position:relative; }
  .tr { display:flex; align-items:center; height:30px; border-bottom:1px solid #eef1f4; }
  .tr:last-child { border-bottom:0; }
  .tr.hd { height:34px; align-items:stretch; }
  .tl { position:sticky; left:0; z-index:3; width:74px; flex:none; background:#fff; font-size:11px; font-weight:700; padding-left:8px; box-sizing:border-box; height:100%; display:flex; align-items:center; border-right:1px solid #dbe3ea; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .ln { position:relative; height:100%; }
  .ln.grid { background:repeating-linear-gradient(90deg,transparent 0,transparent 15px,#e6ebf0 15px,#e6ebf0 16px); }
  .wk { position:absolute; top:0; bottom:0; width:16px; background:rgba(15,59,95,.05); z-index:0; }
  .dn { position:absolute; bottom:3px; width:16px; text-align:center; font-size:9px; color:#5b6b7c; }
  .dn.we { color:#9aa8b6; } .dn.td { color:#fff; background:#d9480f; border-radius:4px; font-weight:700; }
  .mo { position:absolute; top:2px; font-size:9px; font-weight:700; color:#0f3b5f; padding-left:2px; }
  .tlg .b { position:absolute; top:5px; height:20px; border-radius:5px; color:#fff; font-size:10px; font-weight:700; padding:3px 5px; box-sizing:border-box; white-space:nowrap; overflow:hidden; z-index:1; box-shadow:0 1px 2px rgba(0,0,0,.15); }
  .tlg .b.off { background:repeating-linear-gradient(45deg,#eef1f4,#eef1f4 5px,#dfe5eb 5px,#dfe5eb 10px)!important; color:#6b7b8b; box-shadow:none; }
  .tlg .b.dash { background:#fff!important; border:1.5px dashed #7b8a9a; color:#33475b; overflow:visible; box-shadow:none; }
  .tlg .b.edit { cursor:grab; touch-action:none; } .tlg .b.drag { opacity:.85; cursor:grabbing; z-index:4; outline:2px solid #142233; }
  .cn { position:absolute; top:6px; width:15px; height:18px; border-radius:3px; font-size:9.5px; font-weight:700; text-align:center; line-height:18px; }
  .cn.k1 { background:#e2f4ea; color:#14603f; } .cn.k3 { background:#fde2e2; color:#a12a20; }
  .now { position:absolute; top:0; bottom:0; width:2px; background:#d9480f; z-index:2; pointer-events:none; }
  .now b { position:absolute; bottom:2px; left:4px; background:#d9480f; color:#fff; font-size:9px; padding:1px 5px; border-radius:4px; white-space:nowrap; }
  .alert { background:#fde4e2; border:1px solid #f3a6a0; border-radius:10px; padding:8px 10px; font-size:12.5px; color:#8f241b; margin-top:10px; }
  .xprev { overflow-x:auto; margin-top:10px; border:1px solid #dbe3ea; border-radius:10px; }
  .xprev table { width:100%; border-collapse:collapse; font-size:12px; }
  .xprev th { background:#f1f5f9; color:#0f3b5f; text-align:left; padding:6px 8px; font-weight:700; }
  .xprev td { border-top:1px solid #eef1f4; padding:6px 8px; vertical-align:top; }
  .modesw { display:inline-flex; gap:4px; background:#dfe6ed; border-radius:12px; padding:4px; margin:0 0 16px; }
  .modesw button { border:0; background:none; padding:8px 14px; border-radius:9px; font-weight:700; font-size:14px; cursor:pointer; color:#33475b; font-family:inherit; }
  .modesw button.on { background:#fff; color:#0f3b5f; box-shadow:0 1px 3px rgba(0,0,0,.12); }
  .mk.desk { display:block; }
  .mk.desk .phone { width:min(1180px,100%); height:780px; border:1px solid #b9c6d3; border-radius:12px; box-shadow:0 16px 50px rgba(0,0,0,.22); margin:0 auto 22px; }
  .mk.desk .phone::before { content:"●  ●  ●     ventureproject · embarcandonaeletrica.com"; position:absolute; left:0; right:0; top:0; height:30px; background:#e8edf2; border-bottom:1px solid #c9d4de; font-size:12px; color:#7b8a9a; display:flex; align-items:center; padding-left:14px; z-index:40; box-sizing:border-box; letter-spacing:.2px; }
  .mk.desk .scr { inset:30px 0 0 210px; }
  .mk.desk .nav { top:30px; left:0; bottom:0; right:auto; width:210px; height:auto; display:flex; flex-direction:column; border-top:0; border-right:1px solid #dbe3ea; padding:12px 8px; gap:2px; background:#f7f9fb; }
  .mk.desk .nav button { display:flex; align-items:center; gap:10px; padding:10px 12px; font-size:13.5px; letter-spacing:0; border-radius:10px; text-align:left; flex:none; overflow:visible; }
  .mk.desk .nav button .ic { display:inline; font-size:17px; }
  .mk.desk .nav button.on { background:#e2ecf6; }
  .mk.desk .nav button.on::before { display:none; }
  .mk.desk .badge { position:static; margin-left:auto; }
  .mk.desk .toast { left:auto; right:24px; width:380px; bottom:24px; }
  .mk.desk .pad { padding:16px 24px 30px; }
  .mk.desk .scr:not(.gridv) .pad { max-width:780px; }
  .mk.desk .scr.gridv .pad { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:0 12px; align-content:start; }
  .mk.desk .scr.gridv .pad > * { grid-column:1/-1; }
  .mk.desk .scr.gridv .pad > .card.tap { grid-column:auto; }
  .mk.desk .scr.gridv .pad > .card.tap.warnc { grid-column:1/-1; }
  .mk.desk .shp { left:auto; right:0; width:400px; border-radius:16px 0 0 0; }
  .mk.desk .notes { max-width:none; display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); }
  @media (max-width:520px) {
    .modesw { display:none; }
    .mk { gap:12px; }
    .phone { width:100%; height:100vh; height:100dvh; border:0; border-radius:0; box-shadow:none; }
  }
  .seg button.sel { border-color:#0f3b5f; background:#e8f1fb; color:#0f3b5f; }
  .chip.also { background:#e6f4f4; color:#145c5c; }
  .as.dest button { line-height:1.25; padding:7px 4px; }
  .as.dest button small { font-weight:600; opacity:.75; font-size:10.5px; }
  .sheet { position:absolute; inset:0; z-index:30; display:none; }
  .sheet.on { display:block; }
  .shbg { position:absolute; inset:0; background:rgba(10,20,30,.45); }
  .shp { position:absolute; left:0; right:0; bottom:0; background:#fff; border-radius:18px 18px 0 0; padding:16px 16px 22px; box-shadow:0 -6px 24px rgba(0,0,0,.25); }
  .shp .save { margin-top:10px; }
  .avbig { width:56px; height:56px; font-size:18px; position:relative; overflow:visible; }
  .camb { position:absolute; right:-4px; bottom:-4px; background:#fff; border-radius:50%; width:22px; height:22px; display:grid; place-items:center; font-size:11px; box-shadow:0 1px 3px rgba(0,0,0,.3); color:#142233; }
  .phs .save { margin-top:10px; }
  .top { background:linear-gradient(90deg,rgba(15,59,95,.92) 0%,rgba(15,59,95,.55) 55%,rgba(15,59,95,.25) 100%),url(url(img/navio.webp)) right -30px center/auto 175% no-repeat,#0f3b5f; }
  .phone .ent { background:linear-gradient(135deg,rgba(15,59,95,.88),rgba(31,138,138,.5)),url(url(img/navio.webp)) right -40px bottom -10px/auto 150% no-repeat,#0f3b5f; }
  .addb { border:0; background:#e8eef4; color:#0f3b5f; border-radius:5px; width:16px; height:16px; font-size:11px; line-height:16px; padding:0; margin-right:4px; cursor:pointer; flex:none; font-weight:700; }
  .mineseg { margin:0 0 10px; }
  .mineseg button { font-size:12.5px; }
  .mineseg button.on { background:#0f3b5f; color:#fff; box-shadow:none; }
  .tlg .b:not(.dash) { padding:0!important; }
  .mine { width:100%; border:2px solid #0f3b5f; background:#fff; color:#0f3b5f; border-radius:12px; padding:10px; font-weight:700; font-size:13.5px; cursor:pointer; margin:0 0 10px; }
  .mine.on { background:#0f3b5f; color:#fff; }
  .chip.nown { background:#fde8dc; color:#9a3412; }
  .warnc { border-color:#f3c98b; background:#fff8ee; }
  input[type=password] { width:100%; box-sizing:border-box; border:1px solid #c9d4de; border-radius:10px; padding:8px 10px; font:inherit; font-size:13.5px; background:#fff; color:#142233; }
  .lnk2 { border:0; background:none; color:#0f3b5f; text-decoration:underline; font-size:12px; cursor:pointer; margin:-4px 0 10px 2px; padding:0; }
  .ent { background:linear-gradient(135deg,#0f3b5f,#1f8a8a); color:#fff; padding:44px 20px 26px; }
  .entlogo { font-size:10.5px; letter-spacing:3px; font-weight:700; color:#9fd3d3; }
  .enth { font-size:26px; font-weight:700; margin:4px 0 2px; }
  .mailp { margin-top:10px; background:#fff; border:1px solid #c9d4de; border-radius:10px; padding:10px 12px; font-size:12.5px; }
  .mailp .mh { border-bottom:1px solid #eef1f4; padding-bottom:6px; margin-bottom:6px; }
  .pdfa { display:inline-block; margin-top:6px; background:#fde2e2; color:#a12a20; border-radius:8px; padding:4px 9px; font-size:11.5px; font-weight:700; }
  .wpp { margin-top:8px; background:#e9f5e1; border-radius:10px; padding:8px; }
  .wpp .wb { background:#dcf8c6; border-radius:10px 10px 10px 2px; padding:8px 10px; font-size:12.5px; color:#142233; max-width:88%; box-shadow:0 1px 1px rgba(0,0,0,.08); }
  .wel { margin-top:8px; border:1px solid #c9d4de; border-radius:8px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,.12); }
  .wel .wc { background-size:cover; background-position:center; color:#fff; padding:16px 14px 18px; }
  .wel .wk { font-size:9px; letter-spacing:2px; color:#9fd3d3; font-weight:700; }
  .wel .wt { font-size:19px; font-weight:700; margin:4px 0 2px; } .wel .ws { font-size:11px; opacity:.9; max-width:80%; }
  .wel .wbody { position:relative; background:#fff; padding:12px 12px 10px; font-size:11.5px; color:#33475b; }
  .wel .wband { position:absolute; left:0; right:0; top:0; height:4px; background:linear-gradient(90deg,#0f3b5f,#1f8a8a); }
  .avb { border:0; cursor:pointer; position:relative; padding:0; }
  .abadge { position:absolute; top:-5px; right:-6px; background:#c0362c; color:#fff; border-radius:9px; font-size:10px; padding:0 5px; border:2px solid #0f3b5f; line-height:14px; }
  .ro { display:inline-block; background:#fff3cd; color:#7a5a00; border-radius:12px; padding:3px 9px; font-size:11.5px; font-weight:700; margin-right:6px; }
  .okb { background:#1d8a5a!important; color:#fff!important; border-color:#1d8a5a!important; }
  select:disabled, input:disabled { background:#f1f4f7; color:#5b6b7c; }
  .tlw { position:relative; isolation:isolate; overflow:hidden; }
  .tlw.full { cursor:zoom-in; }
  .tlbar { display:flex; gap:6px; align-items:center; margin-top:4px; flex-wrap:wrap; }
  .tlbar .small-btn { flex:1; }
  .wkl { position:absolute; top:0; bottom:0; width:1px; background:#c9d4de; z-index:0; }
  .dn { width:auto!important; padding:0 2px; }
  .dz { position:absolute; bottom:3px; text-align:center; font-size:9px; color:#5b6b7c; white-space:nowrap; }
  .dz.we { color:#9aa8b6; } .dz.td { color:#fff; background:#d9480f; border-radius:4px; font-weight:700; }
  .cf { position:absolute; top:8px; height:14px; border-radius:2px; }
  .cf.k1 { background:#bfe3cf; } .cf.k3 { background:#f3a6a0; }
  .tlg .b.thin { padding:0; }
  .tlg .b.edit:not(.thin):not(.dash) { padding-left:8px; padding-right:8px; }
  .tlg .b.edit:not(.thin):not(.dash)::before, .tlg .b.edit:not(.thin):not(.dash)::after { content:""; position:absolute; top:4px; bottom:4px; width:3px; border-radius:2px; background:rgba(255,255,255,.75); }
  .tlg .b.edit::before { left:2px; } .tlg .b.edit::after { right:2px; }
  .mic { margin-top:6px; border:1px solid #c9d4de; background:#fff; color:#0f3b5f; border-radius:18px; padding:6px 12px; font-size:12.5px; font-weight:700; cursor:pointer; }
  .mic.on { background:#c0362c; color:#fff; border-color:#c0362c; animation:pulse 1s infinite; }
  .mic.busy { display:inline-block; border:0; background:#e8f1fb; color:#123c66; font-weight:600; cursor:default; }
  @keyframes pulse { 50% { opacity:.65; } }
  .trc { margin-top:6px; background:#eef6f6; border:1px solid #bfe0e0; border-radius:10px; padding:7px 9px; font-size:11.5px; color:#145c5c; }
  .trc .lnk { border:0; background:none; color:#0f3b5f; font-weight:700; text-decoration:underline; cursor:pointer; font-size:11.5px; padding:0 0 0 4px; }
  .trc .raw { margin-top:5px; color:#33475b; font-style:italic; }
  .desc { background:#f1f6fa; border-left:3px solid #1f8a8a; border-radius:8px; padding:9px 11px; font-size:13px; color:#142233; margin-top:8px; line-height:1.5; }
  .a4 .desc { background:rgba(255,255,255,.92); border:1px solid #d9e0e5; border-left:3px solid #1f8a8a; font-size:11.5px; margin:0 0 12px; position:relative; }
  .a4 .desc b { color:#0f3b5f; }
  .a4sec { margin-top:30px; }
  .a4sec h3 { margin:0 0 4px; } .a4sec p { margin:0 0 12px; }
  .a4scroll { overflow-x:auto; padding:6px 0 20px; }
  .a4 { width:960px; min-height:679px; margin:0 auto; background:#fff; color:#14212b; position:relative; box-shadow:0 10px 40px rgba(0,0,0,.28); font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size:11.5px; line-height:1.45; padding:54px 44px 46px; box-sizing:border-box; overflow:hidden; }
  .a4 .band { position:absolute; left:0; right:0; top:0; height:34px; background:linear-gradient(90deg,#0f3b5f,#1f8a8a); }
  .a4 .ga { position:absolute; top:38px; right:-30px; width:80%; opacity:.08; pointer-events:none; filter:grayscale(1); }
  .a4 .hdr { position:relative; }
  .a4 .kick { font-size:10.5px; letter-spacing:2.5px; color:#1f8a8a; font-weight:700; }
  .a4 h1 { font-size:28px; color:#0f3b5f; margin:4px 0 2px; line-height:1.15; }
  .a4 .sub { color:#5d6b76; font-size:12.5px; margin-bottom:14px; }
  .a4 .stats { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:12px; position:relative; }
  .a4 .stat { border:1px solid #d9e0e5; border-radius:10px; padding:9px 11px; background:rgba(255,255,255,.9); }
  .a4 .stat b { font-size:24px; color:#0f3b5f; display:block; line-height:1.1; } .a4 .stat b.red { color:#c8372d; }
  .a4 .stat small { color:#5d6b76; font-size:10px; }
  .a4 .cols { display:grid; grid-template-columns:1.25fr 1fr; gap:12px; margin-bottom:12px; }
  .a4 .cd { border:1px solid #d9e0e5; border-radius:8px; padding:10px 12px; background:#fff; margin-bottom:12px; }
  .a4 .cols .cd { margin-bottom:0; }
  .a4 h2 { font-size:15px; color:#0f3b5f; margin:0 0 8px; display:flex; align-items:center; gap:8px; }
  .a4 h2 .n { display:inline-flex; width:22px; height:22px; border-radius:6px; background:#0f3b5f; color:#fff; font-size:12px; align-items:center; justify-content:center; }
  .a4 .vb { display:grid; grid-template-columns:128px 1fr 50px; gap:7px; align-items:center; margin:5px 0; font-size:10.5px; }
  .a4 .vb b { color:#0f3b5f; } .a4 .vb span:last-child { text-align:right; font-weight:700; }
  .a4 .vt { height:11px; background:#e9eef2; border-radius:6px; overflow:hidden; display:flex; } .a4 .vt i { height:100%; display:block; }
  .a4 .pp { display:inline-flex; align-items:center; gap:6px; border:1px solid #d9e0e5; border-radius:16px; padding:3px 10px 3px 3px; margin:0 6px 6px 0; font-size:10.5px; }
  .a4 .pp i { width:22px; height:22px; border-radius:50%; color:#fff; font-style:normal; font-weight:700; font-size:9.5px; display:inline-flex; align-items:center; justify-content:center; }
  .a4 table { width:100%; border-collapse:collapse; font-size:10px; }
  .a4 th { background:#f5f7f9; color:#0f3b5f; font-weight:600; text-align:left; padding:5px 6px; border-bottom:1px solid #d9e0e5; }
  .a4 td { padding:5px 6px; border-bottom:1px solid #d9e0e5; vertical-align:top; }
  .a4 .tg { display:inline-block; font-size:9.5px; font-weight:600; padding:1px 7px; border-radius:10px; background:#e6eef5; color:#0f3b5f; white-space:nowrap; }
  .a4 .tg.p1 { background:#fde2e2; color:#a12a20; } .a4 .tg.p2 { background:#fde8dc; color:#9a3412; } .a4 .tg.p3 { background:#fdf1dc; color:#8a5a06; } .a4 .tg.hm { background:#0f3b5f; color:#fff; }
  .a4 .ph4 { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }
  .a4 .ph4 figure { margin:0; } .a4 .ph4 img { width:100%; height:112px; object-fit:cover; border-radius:6px; display:block; background:#cfd8e0; }
  .a4 .ph4 figcaption { font-size:9.5px; color:#5d6b76; margin-top:3px; }
  .a4 .foot { position:absolute; left:44px; right:44px; bottom:14px; display:flex; justify-content:space-between; color:#5d6b76; font-size:9.5px; border-top:1px solid #d9e0e5; padding-top:4px; }


/* ===== shell do site (sem a moldura de celular da prévia) ===== */
html, body { margin:0; padding:0; height:100%; background:#e9eef3; }
body { -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:transparent; }
.mk { display:block; }
.phone { position:relative; width:100%; max-width:100%; height:100dvh; margin:0 auto;
  border:0; border-radius:0; box-shadow:none; overflow:hidden; background:#f3f6f9; color:#142233; }
.scr { position:absolute; inset:0 0 62px 0; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior-y:contain; }
.nav { height:calc(62px + env(safe-area-inset-bottom, 0px)); padding-bottom:env(safe-area-inset-bottom, 0px); }
.nav button { min-height:44px; }
.toast { bottom:calc(74px + env(safe-area-inset-bottom, 0px)); }
#a4 { position:absolute; left:-99999px; top:0; width:640px; pointer-events:none; }
.top .r1 > * { min-width:0; }
.top .net { flex:0 1 auto; max-width:100%; overflow:hidden; text-overflow:ellipsis; }
@media (min-width:900px){
  body { display:block; padding:16px; box-sizing:border-box; background:#e9eef3; }
  .mk.desk .phone { width:min(1180px,100%); height:calc(100dvh - 32px); margin:0 auto;
    border:1px solid #d3dbe3; border-radius:16px; box-shadow:0 18px 50px rgba(15,59,95,.16); }
  .mk.desk .phone::before { display:none; }
  .mk.desk .scr { inset:0 0 0 210px; }
  .mk.desk .nav { top:0; }
  .mk.desk .toast { bottom:24px; }
}
@media (prefers-reduced-motion: reduce){ *{ animation-duration:.01ms!important; transition-duration:.01ms!important; } }