/* Goku CRM V5.3 · biểu tượng đồng nhất, khối thương hiệu tuỳ biến, giá trị hợp đồng & phát sinh có VAT */

/* ---------- biểu tượng menu ---------- */
.mobileBottomNav button[data-ic53]>span .g463-ic{width:22px;height:22px}
.mobileBottomNav>button,.mobileBottomNav>button>small{font-size:10px!important;line-height:1.2!important;font-weight:700}
.top .searchIcon .g463-ic{width:17px;height:17px;display:block;margin-top:3px}
.top .mobileToggle .g463-ic{width:22px;height:22px;display:block;margin:auto}

/* ---------- khối thương hiệu (một khối duy nhất) ---------- */
.side>.org{display:none!important}
.side .brand.b53-brand{position:relative;display:flex;align-items:center;gap:10px;min-width:0}
.side .brand.b53-brand .brandtext{min-width:0;flex:1;display:flex;flex-direction:column}
.side .brand.b53-brand .b53-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side .brand.b53-brand .brandtext small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side .brand.b53-brand .logo{flex:none}
.side .brand.b53-brand .logo img[src^="/api/brand"],.side .brand.b53-brand .logo img[src^="data:"],.b53-ed .logo img[src^="/api/brand"],.b53-ed .logo img[src^="data:"]{width:100%;height:100%;object-fit:contain}
.b53-edit{position:absolute;right:12px;top:50%;margin-top:-15px;width:30px;height:30px;border-radius:9px;border:1px solid #ffffff2b;background:#183253;color:#cfe0f7;display:inline-grid;place-items:center;padding:0;opacity:0;transition:opacity .15s,background .15s}
.b53-edit .g463-ic{width:15px;height:15px}
.side .brand.b53-brand:hover .b53-edit,.b53-edit:focus-visible{opacity:1}
.b53-edit:hover{background:#1d3a5f;color:#fff}
@media (min-width:761px) and (max-width:1180px){.b53-edit{display:none!important}}
@media (hover:none){.b53-edit{opacity:.85}.side .brand.b53-brand.b53-admin{padding-right:50px!important}}

/* trình chỉnh thương hiệu */
.b53-ed{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px 22px;align-items:start}
.b53-ed-form{display:flex;flex-direction:column;gap:12px;min-width:0}
.b53-ed-form .g32-label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:#5b6577}
.b53-ed-logo{display:flex;gap:14px;align-items:center;padding:12px;border:1px dashed #cdd8ea;border-radius:14px;background:#f8fafe}
.b53-ed-logo b{display:block;font-size:14px}.b53-ed-logo small{display:block;color:#6b778c;font-size:12px;margin-top:2px}
.b53-ed-img{flex:none;width:64px;height:64px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #e3e8f2;display:grid;place-items:center;overflow:hidden}
.b53-ed-img img{width:80%;height:80%;object-fit:contain}
.b53-ed-img img[src^="/api/brand"],.b53-ed-img img[src^="data:"]{width:100%;height:100%}
.b53-ed-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.b53-up{display:inline-flex;align-items:center;cursor:pointer}
.b53-ed-pv{display:flex;flex-direction:column;gap:8px;min-width:0}
.b53-ed-pv>small:first-child{font-size:11px;font-weight:700;letter-spacing:.06em;color:#6b778c}
.b53-pv-side{border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#142f50 0%,#0a1d34 70%,#09182b 100%);color:#e9f2ff;padding:0 11px 14px;box-shadow:0 6px 18px #0b1d3426}
.b53-pv-side .brand{height:72px;border-bottom:1px solid #ffffff1a;margin:0 -11px;padding:13px 18px;font-size:15px;font-weight:800;letter-spacing:.7px;display:flex;align-items:center;gap:10px}
.b53-pv-side .logo{width:36px;height:36px;border-radius:10px;flex:none}
.b53-pv-side .brandtext{min-width:0;display:flex;flex-direction:column}
.b53-pv-side .brandtext .b53-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b53-pv-side .brandtext small{display:block;font-size:10px;color:#9caec5;font-weight:400;letter-spacing:0;padding-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b53-pv-nav{display:flex;flex-direction:column;gap:9px;padding-top:14px}
.b53-pv-nav span{height:30px;border-radius:9px;background:#ffffff0f}.b53-pv-nav span:first-child{background:linear-gradient(90deg,#2f6ee5,#3b82f6)}
.b53-ed-who{color:#6b778c;font-size:12px}
.b53-ed-act{grid-column:1/-1;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.b53-ed>.v24-note{grid-column:1/-1;margin:0}
@media (max-width:700px){.b53-ed{grid-template-columns:1fr}.b53-ed-act{justify-content:stretch}.b53-ed-act button{flex:1}}

/* ---------- giá trị hợp đồng & phát sinh (VAT từng dòng) ---------- */
.v53-sum{display:grid;grid-template-columns:1fr;gap:10px;margin:12px 0}
.v53-sum-t{border:1px solid var(--v51c-line,#e3e8f2);border-radius:12px;background:#fff;overflow:auto}
.v53-sum-t table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.v53-sum-t th,.v53-sum-t td{padding:8px 10px;text-align:right;white-space:nowrap;border-bottom:1px solid #eef1f6}
.v53-sum-t thead th{font-size:11px;font-weight:700;color:#6b778c;text-transform:uppercase;letter-spacing:.04em;background:#f8fafd}
.v53-sum-t tbody th{text-align:left;font-weight:600;color:#26324a}
.v53-sum-t tbody th small{display:block;font-weight:400;font-size:11px;color:#6b778c}
.v53-sum-t tr.acc td{color:#b45309}
.v53-sum-t tr.tot th,.v53-sum-t tr.tot td{border-bottom:0;background:#f4f7ff;color:#1f3d9c;font-weight:800}
.v53-sum-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v53-sum-k>div{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:12px;border:1px solid var(--v51c-line,#e3e8f2);background:#fff;min-width:0}
.v53-sum-k span{font-size:12px;color:#6b778c}.v53-sum-k b{font-size:17px;font-variant-numeric:tabular-nums}.v53-sum-k small{font-size:11px;color:#6b778c}
.v53-sum-k .tot{border-color:#bcd0ff;background:#f4f7ff}.v53-sum-k .tot b{color:#1f3d9c}
.v53-sum-k .paid b{color:#11803a}
.v53-sum-k .left b{color:#c2410c}
.v53-bar{display:block;height:6px;border-radius:9px;background:#eef1f6;overflow:hidden;margin:4px 0 1px}.v53-bar em{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:9px}

.v53-arow.v51c-arow{display:flex;flex-direction:column;gap:8px;align-items:stretch;grid-template-columns:none}
.v53-r1{display:grid;grid-template-columns:26px minmax(0,1fr) 120px 150px 36px;gap:8px;align-items:end}
.v53-r2{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(0,1fr) minmax(150px,.9fr) minmax(0,.8fr) minmax(0,.9fr);gap:8px;align-items:end}
.v53-r3{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.v53-arow label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--v51c-mut,#6b778c);min-width:0}
.v53-arow .field{width:100%;min-width:0}
.v53-no{align-self:center;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:#dcfce7;color:#11803a;margin-top:14px}
.v53-arow.dec .v53-no{background:#ffedd5;color:#c2410c}
.v53-in{display:block}
.v53-in .field{text-align:right;font-variant-numeric:tabular-nums}
.v53-vat{display:flex;gap:6px}.v53-vat select{flex:1;min-width:0}.v53-vatx{width:72px!important;flex:none;-moz-appearance:textfield;appearance:textfield}.v53-vatx::-webkit-inner-spin-button,.v53-vatx::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.v53-vatx[hidden]{display:none!important}
.v53-arow .o{display:flex;flex-direction:column;gap:3px;min-width:0;padding:0 2px 9px}
.v53-arow .o span{font-size:11px;color:var(--v51c-mut,#6b778c)}
.v53-arow .o b{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v53-arow .o.t b{color:#11803a}.v53-arow.dec .o.t b{color:#c2410c}
.v53-arow .m{font-size:11px;color:var(--v51c-mut,#6b778c);padding-bottom:9px}
.v53-del{align-self:end;height:38px;display:inline-grid;place-items:center;padding:0!important}
.v53-del .g463-ic{width:16px;height:16px}
.v53-lm{display:block;font-size:11px;color:#6b778c;font-weight:600;white-space:nowrap}

@media (max-width:1100px){
  .v53-r2{grid-template-columns:80px minmax(0,1fr) minmax(0,1fr) minmax(150px,1fr)}
  .v53-r2 .o{grid-column:span 2}
}
@media (max-width:640px){
  .v53-sum-k{grid-template-columns:1fr 1fr}.v53-sum-k .tot{grid-column:1/-1}
  .v53-sum-t thead{display:none}
  .v53-sum-t tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #eef1f6}
  .v53-sum-t tbody th{grid-column:1/-1;border:0;padding:8px 10px 2px}
  .v53-sum-t tbody th small{display:inline;margin-left:6px}
  .v53-sum-t td{border:0;text-align:left;padding:2px 10px 8px;font-size:12px;white-space:normal}
  .v53-sum-t td::before{content:attr(data-l);display:block;font-size:10px;font-weight:600;color:#8a94a6;text-transform:uppercase;letter-spacing:.03em}
  .v53-sum-t tr.tot td::before{color:#5b74c9}
  .v53-r1{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) 40px}
  .v53-r1 .c{grid-column:2/4}.v53-r1 .v53-del{grid-column:4;grid-row:1}
  .v53-r1 .k{grid-column:1/3}.v53-r1 .d{grid-column:3/5}
  .v53-r2{grid-template-columns:1fr 1fr}
  .v53-r2 .q{grid-column:1}.v53-r2 .v{grid-column:2}.v53-r2 .u,.v53-r2 .a{grid-column:span 1}
  .v53-r2 .o{grid-column:span 1;padding-bottom:0}
  .v53-r3{grid-template-columns:1fr}
}