/* GreenCube customer account (on top of the site style.css) */
body.acct{background:#F4F7F9;min-height:100vh;display:flex;flex-direction:column}
.acct-top{background:#fff;border-bottom:1px solid #E1E8EE;position:sticky;top:0;z-index:50}
.acct-top .wrap{display:flex;align-items:center;gap:18px;min-height:64px;flex-wrap:wrap}
.acct-brand img{height:42px;width:auto;display:block}
.acct-nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
.acct-nav a{padding:8px 12px;border-radius:8px;text-decoration:none;color:#33475B;font-weight:600;font-size:.95rem}
.acct-nav a.on,.acct-nav a:hover{background:#E5F3EC;color:#0E6B3B}
.acct-main{flex:1;padding-top:24px;padding-bottom:40px;max-width:1100px}
.acct-main h1{font-size:1.7rem;margin:0 0 10px}.acct-main h2{font-size:1.2rem;margin:0 0 10px}
.acct-main .box{background:#fff;border:1px solid #E1E8EE;border-radius:12px;padding:18px 20px;margin:0 0 16px}
.lead-s{color:#4A5B6C;max-width:760px;margin:0 0 18px}
.cflash{padding:10px 14px;border-radius:8px;margin:0 0 14px;background:#E5F3EC;color:#0E6B3B;font-weight:600}
.cflash.err{background:#FDECEC;color:#A42323}
.viewbar{background:#7A2E00;color:#fff;padding:8px 16px;text-align:center;font-weight:600}.viewbar a{color:#FFD58A}
.box.hl{border-left:5px solid #F5A623}.box.hl.ok{border-left-color:#1F8A4C}
.box.hl p{margin:6px 0 12px}
.journey{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.journey li{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid #E1E8EE;border-radius:10px;font-size:.92rem;color:#6B7B8B}
.journey li span{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#E8EDF2;font-weight:700}
.journey li.done{color:#0E6B3B;border-color:#BFE3CF;background:#F3FAF6}.journey li.done span{background:#1F8A4C;color:#fff}
.journey li.next{border-color:#F5A623;color:#1D2B36;font-weight:600}.journey li.next span{background:#F5A623;color:#fff}
.qlist{display:grid;gap:10px;margin:0 0 16px}
.qrow{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;background:#fff;border:1px solid #E1E8EE;border-radius:12px;padding:14px 16px;text-decoration:none;color:inherit}
.qrow:hover{border-color:#1F8A4C}.qamt{text-align:right;font-weight:700}.qamt small{display:block;font-weight:400;color:#6B7B8B}
.cpill{padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:700;background:#E8EDF2;white-space:nowrap}
.cpill.ok{background:#E5F3EC;color:#0E6B3B}.cpill.warn{background:#FFF4D6;color:#7A5200}.cpill.sun{background:#F5A623;color:#fff}
.cards2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hcard{display:block;text-decoration:none;color:inherit}.hcard b{display:block;font-size:1.05rem}.hcard span{color:#6B7B8B}.hcard:hover{border-color:#1F8A4C}
.qwrap{overflow-x:auto;margin:0 0 16px}
.accept{border:2px solid #1F8A4C}
.accept details{margin-top:14px}
.acct-roof{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px;align-items:start}
.acct-roof .roof-map{min-height:460px}
.acct-foot{background:#0E2A47;color:#C9D6E2;padding:14px 0;font-size:.9rem}.acct-foot .wrap{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.acct-foot a{color:#fff}
body.acct.bare{background:#0E2A47}
.acct-login{max-width:480px;margin:40px auto;padding:0 16px;width:100%}
.acct-logo{display:block;width:200px;height:auto;margin:0 auto 18px;background:#fff;border-radius:10px;padding:8px 12px}
.acct-login .box{background:#fff;border-radius:14px;padding:22px}.acct-login .muted,.acct-login .muted a{color:#C9D6E2}
.acct-form .field{margin-bottom:12px}
.acct-form hr{border:0;border-top:1px solid #E1E8EE;margin:16px 0}
@media (max-width:820px){.acct-roof{grid-template-columns:1fr}.acct-roof .roof-mapbox{order:-1}.acct-roof .roof-map{min-height:340px}.journey{grid-template-columns:1fr 1fr}.cards2{grid-template-columns:1fr}
 .acct-nav{margin-left:0;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.acct-nav a{white-space:nowrap}.qrow{grid-template-columns:1fr auto}.qrow .cpill{grid-column:1/-1;justify-self:start}}
@media print{.acct-top,.acct-foot,.noprint,.viewbar{display:none!important}body.acct{background:#fff}}
/* phone app download */
.app-box b{display:block;margin-bottom:6px}.app-box .app-dl{display:block;margin:6px 0;padding:10px 12px;border-radius:8px;background:#0E2A47;color:#fff!important;text-decoration:none;font-weight:600}.app-box .app-dl[data-ios]{background:#33475B}.app-box details{margin-top:6px;font-size:.9em}.app-box ol{padding-left:18px;margin:6px 0}
.pbar{height:12px;border-radius:7px;background:#E8EDF2;overflow:hidden;margin:6px 0 10px}.pbar span{display:block;height:100%;background:linear-gradient(90deg,#1F8A4C,#F2A900)}
.pstages{list-style:none;padding:0;margin:0}.pstages li{padding:10px 0 10px 26px;border-top:1px solid #E1E8EE;position:relative}.pstages li:before{content:"";position:absolute;left:4px;top:15px;width:12px;height:12px;border-radius:50%;border:2px solid #B9C6D2;background:#fff}
.pstages li.done:before{background:#1F8A4C;border-color:#1F8A4C}.pstages li.next:before{background:#F5A623;border-color:#F5A623}.pph{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.pph img{width:110px;height:82px;object-fit:cover;border-radius:8px}
.inv-row{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center}.inv-row .btn-row{grid-column:1/-1;margin:0}.inv-row p{grid-column:1/-1;margin:0}
.box.action{border:1px solid #f1b45b;border-left:5px solid #e08a00;background:#fff7ea}
.box.action b{color:#7a4300}
/* v12.18 My documents */
.doc-bar{height:8px;background:#E8EEF3;border-radius:99px;margin-top:8px;overflow:hidden}.doc-bar span{display:block;height:100%;background:#1D8054}
.doc-it .doc-h{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.doc-it.st-checked{opacity:.85}.doc-up{margin-top:8px}.doc-up label.btn{cursor:pointer}
.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:600;white-space:nowrap;background:#EEF2F6;color:#3f5568}.pill.ok{background:#E5F3EC;color:#17603E}.pill.warn{background:#FFF2CC;color:#7a5a00}.pill.bad{background:#FDECEA;color:#8a1c14}.pill.off{background:#EEF2F6;color:#5d6d7d}
@media (max-width:760px){.acct-nav{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}.acct-nav::-webkit-scrollbar{display:none}}

.btn.danger{border-color:#B3261E;color:#B3261E;background:#fff}   /* v12.23: remove / delete */