/* DOOCOO BRAND V3.6 — Logo-derived orange, red and warm gold; overlays without deleting original functions. */
:root {
  --brand-red:#B62D16;--brand-deep:#6C1917;--brand-orange:#F36B17;--brand-gold:#F5BA56;
  --brand-cream:#FFF8F0;--brand-paper:#FFFEFC;--brand-ink:#342322;
  --brand-muted:#8E7770;--brand-stroke:#F2E3D6;
  --ink:#342322;--fg:#342322;--mute:#8E7770;--muted:#8E7770;--mu:#8E7770;
  --forest:#BB3E21;--forest2:#631D19;--pine:#681D1A;--green:#BE4728;--d:#681D1A;
  --orange:#F36B17;--apricot:#F6C275;--leaf:#FFF0E0;--pale:#FFF5EB;--sand:#FFFAF5;
  --bg:#FAF7F3;--border:#EFE2D8;--line:#EFE2D8;--white:#fff;
  --ivory:#FFFEFC;--shadow:0 14px 35px rgba(107,42,25,.065)
}
html{scroll-behavior:smooth}
body{background:#FAF7F3!important;color:var(--brand-ink)!important;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #F8B953!important;outline-offset:2px}
a{accent-color:#EA6120}
/* Main service-partner toolkit */
body[data-doocoo-page="toolkit"] .app{grid-template-columns:250px minmax(0,1fr)}
body[data-doocoo-page="toolkit"] .side{background:linear-gradient(173deg,#531918,#6A1D19 48%,#2F1515);color:#FFF6EA;box-shadow:4px 0 27px rgba(87,34,23,.09)}
body[data-doocoo-page="toolkit"] .brand{padding:5px 12px 29px;gap:12px}
body[data-doocoo-page="toolkit"] .brandmark{overflow:hidden;box-shadow:0 8px 25px #2C070540;border:1px solid #FFE9B155;background:#EE701A;color:transparent;display:block;width:49px;height:49px;border-radius:14px;flex-shrink:0}
body[data-doocoo-page="toolkit"] .brandmark img{display:block;width:100%;height:100%;object-fit:cover}
body[data-doocoo-page="toolkit"] .brand strong{color:#FFF4DA;letter-spacing:.04em;font-size:19px}
body[data-doocoo-page="toolkit"] .brand small{font-size:10px;color:#E9B7A5;letter-spacing:.07em}
body[data-doocoo-page="toolkit"] .side-label{color:#E4AA97;letter-spacing:.1em}
body[data-doocoo-page="toolkit"] .nav button{color:#EDC9BB;border-radius:12px;padding:12px 13px}
body[data-doocoo-page="toolkit"] .nav button:hover{background:#FFFFFF18;color:white}
body[data-doocoo-page="toolkit"] .nav button.active{background:linear-gradient(95deg,#F27429,#D7461E);color:white;box-shadow:0 6px 20px #350C0B45,inset 3px 0 #FFCD7F}
body[data-doocoo-page="toolkit"] .side-end{color:#DAB5A7;border-top-color:#FFFFFF25}
body[data-doocoo-page="toolkit"] .side-end strong{color:#FFE3A2}
body[data-doocoo-page="toolkit"] .top{background:#FFFDF9;border-bottom:1px solid #F1E3D7;height:76px}
body[data-doocoo-page="toolkit"] .status{background:#FFF2DE!important;color:#9D4526!important;border:1px solid #F3D6B2}
body[data-doocoo-page="toolkit"] .content{max-width:1370px;padding:32px 40px 84px}
body[data-doocoo-page="toolkit"] h1{font-family:inherit;font-size:32px;font-weight:780;letter-spacing:-.035em}
body[data-doocoo-page="toolkit"] h2{font-weight:760;letter-spacing:-.035em}
body[data-doocoo-page="toolkit"] .eyebrow{color:#B8642A}
body[data-doocoo-page="toolkit"] .hero{background:radial-gradient(circle at 86% 25%,#FFAA4855,transparent 30%),linear-gradient(122deg,#70211D 0%,#AE2919 55%,#DC5025 100%);border-radius:24px;padding:38px 44px;min-height:278px;box-shadow:0 22px 55px #8D2F1E24;border:1px solid #E5A46A55}
body[data-doocoo-page="toolkit"] .hero::before{content:"";pointer-events:none;position:absolute;right:-100px;top:-170px;width:420px;height:420px;border:1px solid #FFDCA555;border-radius:50%;box-shadow:0 0 0 46px #FFC87815,0 0 0 96px #FFC87810}
body[data-doocoo-page="toolkit"] .hero::after{content:"";pointer-events:none;position:absolute;bottom:0;left:35px;right:35px;height:2px;background:linear-gradient(90deg,transparent,#F7C77E,transparent)}
body[data-doocoo-page="toolkit"] .hero .eyebrow{color:#FFE0A5;font-size:11px;font-weight:760}
body[data-doocoo-page="toolkit"] .hero h1{font-size:clamp(29px,3vw,40px);line-height:1.38;color:#FFF8E9;letter-spacing:-.04em;text-wrap:balance}
body[data-doocoo-page="toolkit"] .hero p{color:#FFF1E5;font-size:14px;line-height:1.85;max-width:690px}
body[data-doocoo-page="toolkit"] .hero-art{width:215px;display:flex;align-items:center;justify-content:center}
body[data-doocoo-page="toolkit"] .grain{border-color:#FFC9784D}
body[data-doocoo-page="toolkit"] .hero-brand-seal{position:relative;z-index:1;background:linear-gradient(145deg,#FFE5B3,#FFBE63);border:1px solid #FFE3A6;border-radius:26px;box-shadow:0 16px 50px #20050444;padding:11px;transform:rotate(-7deg)}
body[data-doocoo-page="toolkit"] .hero-brand-seal img{width:130px;height:130px;border-radius:19px;display:block;object-fit:cover;transform:rotate(7deg)}
body[data-doocoo-page="toolkit"] .button{background:linear-gradient(100deg,#EF7629,#DA491D);border-color:#E56725;color:white;box-shadow:0 4px 13px #C449141C}
body[data-doocoo-page="toolkit"] .button:hover{filter:brightness(.96);background:#D94E1E}
body[data-doocoo-page="toolkit"] .button.secondary{background:#FFF8F0;color:#A83C21;border-color:#EBCFB8;box-shadow:none}
body[data-doocoo-page="toolkit"] .button.ghost{background:#FFFFFF15;border-color:#FFE7C58C;color:#FFF8EB;box-shadow:none}
body[data-doocoo-page="toolkit"] .button.warn{background:#FFF1DD;border-color:#EFCDA0;color:#96501E}
body[data-doocoo-page="toolkit"] .tile{background:#FFFEFC;border:1px solid #F0E4D9;border-radius:18px;box-shadow:0 4px 20px #642B1610;min-height:176px;transition:transform .2s,box-shadow .2s}
body[data-doocoo-page="toolkit"] .tile:hover{border-color:#F5BF9A;box-shadow:0 14px 36px #6A24161D}
body[data-doocoo-page="toolkit"] .tile .mark{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#FFF0DB;margin-bottom:14px}
body[data-doocoo-page="toolkit"] .tile h3{color:#362320;font-weight:760}
body[data-doocoo-page="toolkit"] .tile p{color:#8A766D;line-height:1.7}
body[data-doocoo-page="toolkit"] .tile:after{color:#E1904D}
body[data-doocoo-page="toolkit"] .panel{background:#FFFEFC;border-color:#F0E2D6;box-shadow:0 8px 22px #5B25100A}
body[data-doocoo-page="toolkit"] .preview{background:#FFFAF4;border-color:#F1DFC9;color:#5E3930}
body[data-doocoo-page="toolkit"] .note{background:#FFF4E6;border-left-color:#EF9B3D;color:#84562E}
body[data-doocoo-page="toolkit"] .seg{background:#F9ECE1}
body[data-doocoo-page="toolkit"] .seg button.active{color:#9D371E}
body[data-doocoo-page="toolkit"] .step .num,body[data-doocoo-page="toolkit"] .day.active{background:#FFEBD5;border-color:#EDC5A0;color:#983E22}
body[data-doocoo-page="toolkit"] .chip.active,body[data-doocoo-page="toolkit"] .learn-bar button.active,body[data-doocoo-page="toolkit"] .learn-brand-tabs button.active{background:#C34824;border-color:#C34824;color:white}
body[data-doocoo-page="toolkit"] .count,body[data-doocoo-page="toolkit"] .amount{color:#A94122}
body[data-doocoo-page="toolkit"] .learn-hero{background:linear-gradient(116deg,#FFF4E4,#FFFBF5);border-color:#F3E0C8}
body[data-doocoo-page="toolkit"] .learn-hero b{color:#BF5327}
body[data-doocoo-page="toolkit"] .learn-hero h2,body[data-doocoo-page="toolkit"] .learn-content h3{color:#47241F}
body[data-doocoo-page="toolkit"] .learn-hero p,body[data-doocoo-page="toolkit"] .learn-content p{color:#7C6054}
body[data-doocoo-page="toolkit"] .learn-emblem{color:#CB562B;border-color:#E7AC74;background:white}
body[data-doocoo-page="toolkit"] .learn-content{background:linear-gradient(125deg,#FFFDFC,#FFF4E8);border-color:#F1E0CF}
body[data-doocoo-page="toolkit"] .toast{background:#63221B}
body[data-doocoo-page="toolkit"] input,body[data-doocoo-page="toolkit"] select,body[data-doocoo-page="toolkit"] textarea{border-color:#EEDDD0;color:#4A2D26}
body[data-doocoo-page="toolkit"] .mobiletop{background:linear-gradient(95deg,#6E1D18,#C54120);color:#FFF1DD}
body[data-doocoo-page="toolkit"] .mobiletop .mobile-logo{height:33px;width:33px;border-radius:10px;vertical-align:middle;margin-right:10px;box-shadow:0 4px 10px #370D0B55}
body[data-doocoo-page="toolkit"] .tabbar{background:#FFFEFC;border-top-color:#F1E1D5;box-shadow:0 -5px 22px #5327160C}
body[data-doocoo-page="toolkit"] .tabbar button{color:#906F64}
body[data-doocoo-page="toolkit"] .tabbar button.active{background:#FFF0DB;color:#BD4721}
/* Shared pages */
body[data-doocoo-page="guide"] header,
body[data-doocoo-page="brand-guide"] header,
body[data-doocoo-page="walkthrough"] .top,
body[data-doocoo-page="visual-guide"] .hero{background:radial-gradient(circle at 90% 20%,#FFB15850,transparent 28%),linear-gradient(119deg,#641D1B,#AA2E1D 65%,#D75729)!important;color:#FFF7ED!important;border-radius:0 0 24px 24px}
body[data-doocoo-page="guide"] header p,
body[data-doocoo-page="brand-guide"] .hero p,
body[data-doocoo-page="visual-guide"] .hero p{color:#FFE8D0!important}
body[data-doocoo-page="guide"] small,
body[data-doocoo-page="brand-guide"] .mini{color:#FFD5A5!important}
body[data-doocoo-page="brand-guide"] header::after{border-color:#F6B96D66;box-shadow:0 0 0 45px #FFD18C12,0 0 0 95px #FFE3B10F}
body[data-doocoo-page="brand-guide"] .hero .pill.light{background:#FFF4E8;color:#7C2B21}
body[data-doocoo-page="brand-guide"] .hero .pill:not(.light){border-color:#FFE6CB88;background:#FFFFFF14;color:white}
body[data-doocoo-page="guide"] .steps button.on,
body[data-doocoo-page="guide"] .btn,
body[data-doocoo-page="brand-guide"] .brandNav button.active,
body[data-doocoo-page="brand-guide"] .btn,
body[data-doocoo-page="visual-guide"] .tabs button.active,
body[data-doocoo-page="visual-guide"] .copy,
body[data-doocoo-page="walkthrough"] .stepchip.active,
body[data-doocoo-page="walkthrough"] .btn.primary{background:#B94423!important;border-color:#B94423!important;color:#fff!important}
body[data-doocoo-page="brand-guide"] .brandNav button,
body[data-doocoo-page="guide"] .steps button,
body[data-doocoo-page="visual-guide"] .tabs button{border-color:#EDDCD0;color:#76483A}
body[data-doocoo-page="guide"] .panel,body[data-doocoo-page="brand-guide"] .panel,
body[data-doocoo-page="walkthrough"] .panel,body[data-doocoo-page="visual-guide"] .main,body[data-doocoo-page="visual-guide"] .aside{
  border-color:#EFE0D4;background:#FFFEFC;box-shadow:0 11px 30px #65311D0D}
body[data-doocoo-page="guide"] .hint,body[data-doocoo-page="brand-guide"] .tip,
body[data-doocoo-page="walkthrough"] .actionblock,
body[data-doocoo-page="walkthrough"] .tag,
body[data-doocoo-page="visual-guide"] .official{background:#FFF3E5!important;border-color:#F0D9BC!important;color:#7E432D!important}
body[data-doocoo-page="walkthrough"] .progress div{background:linear-gradient(90deg,#F2A844,#E45921)}
body[data-doocoo-page="walkthrough"] .brand.active{border-color:#EFAC80!important;background:#FFF0E3!important;box-shadow:inset 3px 0 #E65D24!important}
body[data-doocoo-page="walkthrough"] .sidebar .brand{background:#FFFAF6;color:#53392E}
body[data-doocoo-page="walkthrough"] .realchip{color:#AF4C29}
body[data-doocoo-page="walkthrough"] .phone{background:linear-gradient(145deg,#FFF2E0,#F8ECE2);border-color:#F0DCCB}
body[data-doocoo-page="walkthrough"] .btn{color:#9B4027;border-color:#E8CBB8}
body[data-doocoo-page="walkthrough"] .qbtn{background:#FFFCF8;color:#6C453A;border-color:#EEDFD4}
body[data-doocoo-page="walkthrough"] .realchip{background:#FFF8EE}
body[data-doocoo-page="visual-guide"] .brand-title .logo{background:#FFF0DE;color:#A74428}
body[data-doocoo-page="visual-guide"] .gcard{background:#FFFAF5;border-color:#F0E1D4}
body[data-doocoo-page="visual-guide"] .gcard img{background:#FFF5E8}
body[data-doocoo-page="visual-guide"] .tabs button{background:#FFFDF9}
body[data-doocoo-page="guide"] .wizard-v34,
body[data-doocoo-page="brand-guide"] .wizard-v34{background:#B94423!important;box-shadow:0 12px 32px #7F2D1B50}
body[data-doocoo-page="guide"] .real{border-color:#64302A}
body[data-doocoo-page="guide"] .faux{background:linear-gradient(155deg,#FFF4E4,#FFE8CE);color:#A74628}
body[data-doocoo-page="guide"] p,body[data-doocoo-page="brand-guide"] .small{color:#7D6860}
/* Brand identity on every screen */
.doocoo-stamp{display:inline-flex;align-items:center;gap:11px;vertical-align:middle}
.doocoo-stamp img{display:block;width:39px;height:39px;border-radius:11px;object-fit:cover;border:1px solid #FFDEAD99;box-shadow:0 5px 12px #37110F2A}
.doocoo-stamp strong{font-weight:760;letter-spacing:.02em}
.doocoo-brandline{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;color:#FFEFD6;font-size:12px;font-weight:800;letter-spacing:.09em}
.doocoo-brandline img{width:30px;height:30px;border-radius:8px;object-fit:cover}
@media(max-width:1050px){body[data-doocoo-page="toolkit"] .app{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:740px){
 body[data-doocoo-page="toolkit"] .app{display:block}
 body[data-doocoo-page="toolkit"] .content{padding:17px 15px 106px}
 body[data-doocoo-page="toolkit"] .hero{padding:27px 23px;min-height:260px;border-radius:20px}
 body[data-doocoo-page="toolkit"] .hero h1{font-size:29px;line-height:1.37}
 body[data-doocoo-page="toolkit"] .hero p{font-size:13px}
 body[data-doocoo-page="toolkit"] .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body[data-doocoo-page="toolkit"] .tile{padding:17px 15px;min-height:163px;border-radius:17px}
 body[data-doocoo-page="toolkit"] .tile .mark{width:41px;height:41px}
 body[data-doocoo-page="toolkit"] .tabbar{gap:3px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
 body[data-doocoo-page="toolkit"] .tabbar button{min-width:49px}
 body[data-doocoo-page="toolkit"] .mobiletop{padding:13px 16px}
 body[data-doocoo-page="toolkit"] .mobiletop strong{display:flex;align-items:center;gap:1px;letter-spacing:.02em}
 body[data-doocoo-page="toolkit"] .status{font-size:10px}
 body[data-doocoo-page="walkthrough"] .top h1{font-size:30px}
 body[data-doocoo-page="brand-guide"] .hero h1{font-size:33px}
 body[data-doocoo-page="visual-guide"] .hero{border-radius:0 0 20px 20px}
}
@media(max-width:370px){body[data-doocoo-page="toolkit"] .tiles{grid-template-columns:1fr}}
@media print{body[data-doocoo-page="toolkit"] .hero{background:#fff!important;color:#342322!important}}
/* Final visual regression fixes */
.wizard-v34{background:linear-gradient(95deg,#E56C2B,#BC3C23)!important;color:#FFF9EF!important;border-color:#FFDBB6!important;box-shadow:0 10px 28px #7E2D2035!important}
.wizard-v34:hover{background:#BA3C21!important}
@media(max-width:740px){
  body[data-doocoo-page="toolkit"] .hero-art{display:none!important}
  body[data-doocoo-page="toolkit"] .hero>div:first-child{min-width:0;width:100%}
  body[data-doocoo-page="toolkit"] .hero h1{max-width:none}
  body[data-doocoo-page="toolkit"] .hero .row{gap:8px;align-items:stretch}
  body[data-doocoo-page="toolkit"] .hero .row .button{max-width:100%;white-space:normal;min-height:42px;padding:10px 13px}
  body[data-doocoo-page="toolkit"] .wizard-v34{display:none!important}
}
body[data-doocoo-page="brand-guide"] .question{background:#FFF8F1!important}
body[data-doocoo-page="brand-guide"] .tag{background:#FFF1E0!important;color:#9A4F32!important}
body[data-doocoo-page="walkthrough"] .crumb a{border-color:#FFE0CA70!important}
@media(max-width:740px){
 body[data-doocoo-page="walkthrough"] .crumb{display:grid;gap:8px}
 body[data-doocoo-page="walkthrough"] .crumb>div{display:flex;flex-wrap:wrap;gap:7px}
 body[data-doocoo-page="walkthrough"] .crumb a{display:inline-flex;font-size:11px;white-space:nowrap;padding:7px 11px}
 body[data-doocoo-page="walkthrough"] .top .eyebrow{margin-top:22px}
}