/* 8C application theme. Original implementation; external designs are references only. */
:root{--ink:#172b45;--muted:#5c6c80;--green:#142b49;--lime:#f5a623;--line:#dce3ec;--white:#fff;--amber:#f5a623;background:#f4f7fb;color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;font-size:15px}
body{background:#f4f7fb;color:var(--ink)}
h1{font-size:34px;letter-spacing:-1.1px;font-weight:650;margin-bottom:9px}h2{font-size:21px}h3{font-size:17px}p{color:var(--muted);line-height:1.65}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,label:focus-within{outline:3px solid #2684d9;outline-offset:3px}
.primary,.secondary{border-radius:8px;min-height:44px;padding:11px 18px;font-size:14px;box-shadow:0 1px 2px #142b4908}
.primary{background:var(--amber);color:#172b45}.primary:hover{background:#efb547}.secondary{border-color:var(--line);background:white}.secondary:hover{background:#edf3fa}
.text-button{color:#255d94;font-size:13px}.eyebrow{color:#64758b;font-size:11px;letter-spacing:1.4px;margin-bottom:12px}
.sidebar{width:252px;padding:30px 18px 20px;background:#142b49;color:#fff;border:0;overflow-y:auto;gap:0}
.brand{color:#142b49;font-size:26px;letter-spacing:-.7px;line-height:1.1}.brand span{color:var(--amber);margin:0}.brand small{display:block;font-size:10px;letter-spacing:2.7px;font-weight:500;margin-top:9px;color:#7c8c9f}
.sidebar .brand{color:white;padding:4px 17px 26px;border-bottom:1px solid #ffffff17}.sidebar .brand small{color:#b1c3db}
.workspace-label{color:#9db0ca;font-size:10px;letter-spacing:1.8px;margin:26px 15px 14px}
.nav{color:#c5d2e3;font-size:14px;padding:13px 15px;border-radius:8px;gap:13px;margin-bottom:6px}.nav span{font-size:20px;width:22px;text-align:center}.nav:hover{background:#213d5d;color:white}.nav.active{background:#f5a623;color:#142b49;font-weight:650;box-shadow:0 3px 12px #00000012}
.trial{background:#1b3554;border-color:#344b69;margin-top:auto;padding:17px;border-radius:10px}.sidebar nav{margin-bottom:28px}.trial .pill{color:#ffd587;background:transparent;padding:0;font-size:10px;letter-spacing:1.2px}.trial strong{color:#fff;font-size:20px}.trial p,.trial small{color:#c0cee0;font-size:12px}.meter{background:#3a506c;height:5px}.meter div{background:#f5a623;height:5px}.profile{border-color:#ffffff20;margin-top:20px;padding:20px 5px 0}.profile strong{color:#eaf0f8;font-size:13px}.profile .text-button{color:#b7c8dd;font-size:12px}.avatar{background:#e8eff7;color:#26496f}
main{margin-left:252px}.topbar{height:74px;background:white;padding:0 42px;color:#5b6b80;font-size:13px}.pill{background:#eaf0f8;color:#314e70;border-radius:30px;font-size:11px;padding:8px 12px;letter-spacing:0}.topbar .pill:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#8192a7;margin-right:8px}
.page{max-width:1360px;padding:38px 42px 28px}.heading{margin-bottom:28px;gap:22px}.heading p{font-size:14px;max-width:640px}.heading .actions{flex-shrink:0}.actions{gap:12px}
.workflow{display:flex;gap:0;border-bottom:1px solid var(--line);margin:-8px 0 30px;padding-bottom:18px;flex-wrap:wrap}.workflow button{display:flex;align-items:center;gap:10px;background:none;color:#60728a;padding:8px 22px 8px 0;font-size:13px}.workflow button+button{padding-left:18px}.workflow b{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e3eaf3;font-size:11px;font-weight:650;color:#50647e}.workflow button:first-child{color:#172b45;font-weight:650}.workflow button:first-child b{background:#f5a623;color:#142b49}.workflow button:hover{color:#155d9b}
.stats{gap:18px;margin-bottom:24px}.stats article{position:relative;border-color:#e1e7ef;padding:21px 24px;border-radius:12px;box-shadow:0 3px 10px #142b4903}.stats article>span{color:#52647a;font-size:11px;letter-spacing:.7px}.stats strong{font-size:34px;font-weight:600;margin:13px 0 3px;color:#172b45;letter-spacing:-1px}.stats small{font-size:12px;color:#64748b}.stats article:after{content:'';position:absolute;right:24px;top:25px;width:9px;height:9px;border-radius:50%;background:#c4d4e7}.stats article:first-child:after{background:#f5a623}
.upload-panel{background:#fff;border:1px dashed #afc1d6;border-radius:12px;padding:25px 26px;gap:20px}.upload-icon{background:#edf3fb;color:#264d7b;width:54px;height:58px;border-radius:10px;font-size:31px}.upload-panel p{font-size:13px;margin-bottom:9px}.upload-panel small{font-size:12px;color:#61728a}.upload-panel .primary{font-size:14px;margin-bottom:0}.info-line{color:#63748a;font-size:12px;margin:14px 0 26px;max-width:1000px;line-height:1.7}
.section-heading{margin:26px 0 15px}.section-heading h2{font-size:21px;font-weight:600;letter-spacing:-.4px}.section-heading input{width:300px;background:white}.table-wrap{border-color:#dce3ec;border-radius:12px;box-shadow:0 3px 12px #142b4903}th{background:#f8fafd;color:#5c6d82;font-size:10px;padding:15px 21px}td{font-size:13px;padding:16px 21px;border-color:#edf1f6}tbody tr:hover{background:#fafcff}td.description{max-width:390px;color:#203954;font-weight:500}td img,.no-photo{background:#f2f5f9;width:48px;height:54px;border-radius:7px}.no-photo{color:#8295aa}.badge{background:#edf3fb;color:#31587b;border-radius:30px;font-size:11px;padding:6px 10px}.badge.missing{background:#fff4dc;color:#805916}.empty{padding:65px 30px;color:#63758a}.empty h3{color:#284668}.empty p{font-size:14px}
.card,.product-picker,.image-card{border-color:var(--line);box-shadow:0 4px 15px #142b4904;border-radius:12px}.card{padding:28px}.muted{color:#64748b}.small{font-size:12px}.notice{background:#eaf0f7;color:#48617c;padding:10px 42px;font-size:12px;border-color:#dce3ec}.warning{background:#fff3d9;color:#775319}.image-card>img,.product-target img{background:#f4f7fb}.image-card .filename{font-size:12px}.image-card label,.image-card select,.image-card button{font-size:12px}.product-picker p,.product-target small,.product-target strong{font-size:12px}.suggestions button,.variables button{background:#edf3fa;color:#315b87;border-color:#dce6f1}.drag-over{outline-color:#3974ac;background:#eaf2fb!important}
label{font-size:13px;color:#415670}input:not([type=checkbox]),select,textarea{background:#fff;color:#172b45;border:1px solid #ccd7e4;border-radius:8px;font-size:14px;padding:12px 13px}input::placeholder,textarea::placeholder{color:#7b899a}textarea{line-height:1.7}.variables button{font-size:12px}.between{gap:10px;flex-wrap:wrap}.between .muted{font-size:12px}.compose-grid{max-width:none;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:30px}.post-preview{justify-self:center;border-color:var(--line);box-shadow:0 8px 25px #142b4909}.preview-placeholder{background:#f0f4f9}.preview-placeholder>span,.preview-placeholder p{color:#7890aa}.post-icons{color:#283f5b}.post-content p{color:#263c55;font-size:13px}.schedule-controls{background:#f8fafd}.schedule-controls small,.check{font-size:12px;color:#546b83}.connection-grid p{font-size:14px}.large-icon{color:#3f638c}.connection-grid .primary{font-size:13px}.error-detail{color:#8c4f2c}
.design-grid{max-width:none;grid-template-columns:minmax(310px,.95fr) minmax(320px,1.05fr);gap:35px}.design-grid .card p{font-size:13px}.layout-fields label{font-size:12px}.design-stage{background:#e4eaf2;border:1px solid #bdcadb;box-shadow:0 12px 35px #142b4912;max-width:470px}.photo-zone{border-color:#245c94;background:#2b75b00d}.zone-label{background:#edf4ffeb;color:#234e7d;font-size:9px}#zone-resize{background:#245c94}.design-grid>div:last-child>.small{margin-top:14px;text-align:center}
footer{font-size:12px;color:#748397;padding:24px 42px 32px}dialog{color:#172b45;box-shadow:0 25px 90px #142b4933}dialog::backdrop{background:#142b4966}#toast{background:#142b49;font-size:14px}.dialog-heading>button{color:#516983}
.auth-page{background:#fff;grid-template-columns:1.05fr 1fr}.intro{background:radial-gradient(ellipse at 0% 100%,#285582 0%,transparent 60%),#142b49;color:white;position:relative;padding:110px 12%}.intro .brand{color:white;top:42px}.intro .brand small{color:#c6d5e6}.intro h1{font-size:64px;font-weight:650;letter-spacing:-2.8px;line-height:1.08}.intro p{color:#c3d2e4;font-size:17px}.intro .eyebrow{color:#f5b84e}.intro-note{color:#b9cce2;font-size:11px;letter-spacing:1px}.auth-card{width:min(500px,100%);padding:48px}.auth-card h2{font-size:30px}.auth-card .eyebrow{color:#63758c}
.file-button{position:relative;cursor:pointer}.file-button input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;display:block!important;padding:0;min-width:0}
.public-info{grid-column:1/-1;background:#f3f6fa;padding:70px max(26px,8vw) 100px}.public-heading{max-width:740px;margin-bottom:32px}.public-heading h2{font-size:clamp(28px,4vw,40px);letter-spacing:-1px;margin:12px 0}.public-heading p{color:#60728a;line-height:1.7}.offer-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;max-width:1150px}.offer-card{padding:36px;background:#fff;border:1px solid #dce3ec;border-radius:18px}.offer-card h3{font-size:25px;letter-spacing:-.5px;line-height:1.3;margin:14px 0}.offer-price{font-size:48px;font-weight:650;color:#142b49;margin:20px 0}.offer-price span{font-size:16px;font-weight:400;color:#60728a}.offer-card ul{padding-left:20px;line-height:2.1}.offer-card>p:not(.offer-price){line-height:1.75;color:#52647a}.offer-card .availability{font-size:13px;border-left:3px solid #f5a623;padding-left:14px;margin:24px 0}.offer-card .primary{display:inline-flex;text-decoration:none;margin-top:10px}.contact-link{display:block;text-decoration:none;color:#60728a;line-height:1.8;margin:26px 0;overflow-wrap:anywhere}.contact-link strong{color:#142b49;font-size:17px}.whatsapp-button{position:fixed;right:22px;bottom:22px;z-index:50;display:flex;gap:16px;align-items:center;padding:15px 22px;border-radius:32px;background:#142b49;color:#fff;text-decoration:none;box-shadow:0 5px 22px #142b4933;font-weight:600;border:2px solid #f5a623}.whatsapp-button:hover{background:#23456d}.whatsapp-button:focus-visible{outline:3px solid #f5a623;outline-offset:3px}#toast{bottom:90px}.legal-page{max-width:850px;margin:0 auto;padding:45px 24px 110px}.legal-page p,.legal-page li{line-height:1.8}.legal-page h2{margin-top:32px}.legal-page a{color:#245c94}
@media(max-width:750px){.offer-grid{grid-template-columns:1fr}.offer-card{padding:26px}.public-info{padding:42px 22px 95px}.whatsapp-button{right:14px;bottom:14px;padding:12px 18px;font-size:13px}#toast{bottom:80px}.offer-card h3{font-size:23px}}
@media(min-width:1600px){.page{padding-top:44px}.heading{margin-bottom:30px}}
@media(max-width:1150px){.sidebar{width:224px;padding-left:14px;padding-right:14px}main{margin-left:224px}.page{padding:30px 26px}.topbar{padding:0 26px}.heading{align-items:flex-start}.upload-panel{flex-wrap:wrap}.upload-panel .primary{margin-left:74px}.connection-grid{grid-template-columns:1fr}.compose-grid{grid-template-columns:1fr 1fr;gap:20px}.image-workspace{grid-template-columns:1fr 250px;gap:20px}h1{font-size:30px}.design-grid{gap:22px}.workflow button{padding-right:10px}.workflow button+button{padding-left:10px}}
@media(max-width:900px){.design-grid,.compose-grid{grid-template-columns:1fr}.design-stage{margin:auto}.post-preview{max-width:440px}.heading{flex-wrap:wrap}.stats article{padding:18px}.stats small{font-size:11px}.intro h1{font-size:46px}.image-workspace{grid-template-columns:1fr}.product-picker{position:static}}
@media(max-width:750px){.sidebar{position:static;width:100%;padding:19px 18px 12px;overflow:visible}.sidebar .brand{padding:0;border:0;font-size:24px}.brand small{font-size:9px;margin-top:6px}.sidebar nav{margin:20px 0 0;display:flex;flex-wrap:wrap;overflow:visible;gap:5px}.nav{width:auto;font-size:12px;padding:10px;margin:0;min-height:40px}.nav span{display:none}.workspace-label,.sidebar .trial{display:none}.profile{display:flex;margin-top:14px;padding:10px 0 0;gap:8px}.profile>div:last-child{display:flex;align-items:center;justify-content:space-between;flex:1;gap:10px}.profile strong{max-width:none}.avatar{width:28px;height:28px}.profile button{min-height:32px}main{margin-left:0}.topbar{height:58px;padding:0 18px;font-size:12px;gap:10px}.topbar .pill{font-size:10px}.page{padding:27px 18px}.heading{display:block;margin-bottom:25px}h1{font-size:28px}.heading p{font-size:14px}.heading .actions{margin-top:17px}.workflow{margin-top:0;gap:8px}.workflow button,.workflow button+button{font-size:12px;padding:3px}.workflow b{width:22px;height:22px}.stats{gap:9px}.stats article{padding:15px 12px}.stats article:after{display:none}.stats article>span{font-size:9px;letter-spacing:0}.stats strong{font-size:29px}.stats small{font-size:11px;line-height:1.4;display:block}.upload-panel{padding:22px;gap:15px}.upload-panel .primary{margin-left:0;width:100%}.upload-panel p br{display:none}.upload-icon{display:none}.section-heading{align-items:stretch}.section-heading input{width:100%}.info-line{font-size:12px}.notice{padding:10px 18px}.card{padding:22px}.auth-page{grid-template-columns:1fr}.intro{padding:120px 30px 40px}.intro h1{font-size:46px}.intro .brand{top:28px}.intro p{font-size:15px}.intro-note{display:none}.auth-card{padding:35px 26px}.gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}footer{padding:20px 18px}.design-grid{grid-template-columns:minmax(0,1fr)}#toast{left:15px;right:15px;bottom:15px;max-width:none}}

.offer-grid{grid-template-columns:1fr;max-width:780px}.offer-card{max-width:780px}
.image-drop-zone{padding:22px 25px;border:1px dashed #a7bbd1;border-radius:12px;background:#fff;margin-bottom:24px}.image-drop-zone p{font-size:13px;color:#60728a;line-height:1.7;margin:8px 0 0}.image-toolbar{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:25px 0 18px}.image-filters{display:flex;gap:8px;flex-wrap:wrap}.image-filters button{font-size:13px}.image-filters button[aria-pressed=true]{background:#142b49;color:#fff;border-color:#142b49}.image-filters span{display:inline-block;margin-left:7px;opacity:.8}.image-toolbar>input{width:300px}.image-review-bar{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px;background:#eaf0f8;border:1px solid #d7e2ef;border-radius:12px;margin-bottom:24px;flex-wrap:wrap}.image-review-bar p{margin:6px 0;font-size:13px;color:#52647a}.image-review-bar .actions{flex-wrap:wrap}.image-review-bar button{font-size:12px}.image-card-body{padding:14px;display:flex;flex-direction:column;gap:10px}.image-card-body .filename{padding:0;margin:0;white-space:normal;overflow-wrap:anywhere}.image-card-body label{padding:0;margin:0;display:block}.image-card-body input,.image-card-body select{width:100%;margin-top:6px;min-width:0}.image-card-body label.check{display:flex;align-items:flex-start;gap:8px;line-height:1.5}.image-card-body input[type=checkbox]{width:17px;height:17px;flex:0 0 17px;margin-top:2px}.image-card-body .badge{align-self:flex-start}.image-linked,.image-match-reason{font-size:12px;line-height:1.5;margin:0;overflow-wrap:anywhere}.image-match-reason{color:#60728a;min-height:36px}.image-selected{outline:2px solid #3d78ac;outline-offset:1px}.image-card-body .warning{margin:0;padding:8px;line-height:1.5}.image-card-body>button{width:100%;margin:0}.image-card-body small{line-height:1.5}.gallery .image-empty{grid-column:1/-1}.product-picker .check{display:flex;gap:8px;align-items:center;margin:15px 0;line-height:1.5}.product-picker .check input{width:16px;height:16px}#image-upload-status{padding:18px 22px;border:1px solid #dce3ec;border-radius:12px;background:white;overflow-wrap:anywhere}#image-upload-status p,#image-upload-status li{font-size:13px;line-height:1.7}#image-upload-details{margin-top:14px}#image-upload-details summary{cursor:pointer;font-weight:600}#page-images .gallery{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}#page-images .image-card>img{width:100%;height:210px;object-fit:contain;cursor:grab}.image-review-bar .actions{gap:10px}
@media(max-width:750px){.image-toolbar>input{width:100%}.image-review-bar{padding:18px}.image-review-bar .actions{width:100%}.image-review-bar button{flex:1 1 160px}#page-images .gallery{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.image-drop-zone{padding:18px}#page-images .heading>.actions{display:flex;gap:10px;flex-wrap:wrap}}

.whatsapp-button,.offer-card .whatsapp-cta{background:#25d366;color:#073d24;border:1px solid #1eaf55;display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1.4;font-weight:650}.whatsapp-button:hover,.offer-card .whatsapp-cta:hover{background:#20bd5a;color:#073d24}.whatsapp-button:focus-visible,.offer-card .whatsapp-cta:focus-visible{outline:3px solid #128c7e;outline-offset:4px}.whatsapp-icon{width:25px;height:25px;flex:0 0 25px;display:block}.whatsapp-button{box-shadow:0 5px 22px #128c7e40}.offer-card .whatsapp-cta{text-align:center}

.offer-reference{margin:20px 0 8px;font-size:16px}.offer-reference s{text-decoration-thickness:2px}.offer-reference + .eyebrow{color:#735000}