/* YBDC_OFFICIAL_ID_LOGO_V3 — isolated branding on the EXISTING secure ID-card UI.
   Load after ybdc-id-approval.css (and its mobile fix); no permissions or CRM logic altered. */
#ybdcIdPanel .yid-cards.yid-branded-cards { --yid-forest:#063e2f; --yid-forest-deep:#002f23; --yid-gold:#cda446; --yid-cream:#faf9f5; gap:20px; align-items:stretch; max-width:890px; }
#ybdcIdPanel .yid-branded-cards .yid-card { width:100%; min-width:0; min-height:630px; height:auto; aspect-ratio:auto; display:flex; flex-direction:column; position:relative; overflow:hidden; border-radius:22px; color:#13372b; background:#fffefa; border:1px solid #d7d9c6; box-shadow:0 14px 35px #062d1f26; isolation:isolate; }
#ybdcIdPanel .yid-branded-cards .yid-card:before { content:""; position:absolute; height:2px; inset:0 26px auto; background:linear-gradient(90deg,transparent,#d9ae50 28%,#fbe49b 66%,transparent); z-index:2; }
#ybdcIdPanel .yid-branded-cards .yid-front-top { position:relative; min-height:205px; height:205px; flex:0 0 205px; border-bottom:6px solid #d1ad51; background:linear-gradient(145deg,#003426 0%,#06513a 65%,#023b2a 100%); padding:18px 24px; }
#ybdcIdPanel .yid-branded-cards .yid-front-top:before, #ybdcIdPanel .yid-branded-cards .yid-back-top:before { content:""; position:absolute; width:210px; height:120px; border-radius:0 0 80% 0; top:-74px; left:0; border-bottom:5px solid #d9b451; transform:rotate(-6deg); opacity:.95; }
#ybdcIdPanel .yid-branded-cards .yid-headline { position:relative; z-index:2; color:#f4dea7; opacity:.85; font:800 8px/1.5 Arial,sans-serif; letter-spacing:2px; }
#ybdcIdPanel .yid-branded-cards .yid-header-brand { position:relative; z-index:2; display:flex; justify-content:flex-end; margin:7px 0 0 auto; max-width:62%; gap:0; }
#ybdcIdPanel .yid-branded-cards .yid-brand-lockup { display:flex; align-items:center; flex-direction:column; gap:0; min-width:0; text-align:center; }
#ybdcIdPanel .yid-branded-cards .yid-official-logo { display:block; width:87px; max-width:100%; height:105px; object-fit:contain; flex:0 0 auto; filter:drop-shadow(0 2px 4px #0004); }
#ybdcIdPanel .yid-branded-cards .yid-brand-copy>span { font:700 21px/1.05 Georgia,serif; display:block; white-space:nowrap; letter-spacing:.5px; color:#e8c56a; }
#ybdcIdPanel .yid-branded-cards .yid-brand-copy small { display:block; font:800 7px/1.5 Arial,sans-serif; letter-spacing:1.15px; color:#f3ead0; margin-top:5px; }
#ybdcIdPanel .yid-branded-cards .yid-photo-ring { width:155px; height:155px; aspect-ratio:1; top:108px; left:24px; padding:7px; background:linear-gradient(145deg,#f9df90,#bd922f); box-shadow:0 4px 16px #00190d55; border-radius:50%; z-index:4; }
#ybdcIdPanel .yid-branded-cards .yid-photo-ring>* { border:4px solid #fafaf5; object-fit:cover; background:#f2efe4; }
#ybdcIdPanel .yid-branded-cards .yid-front-body { min-height:0; height:auto; flex:1 0 auto; display:flex; flex-direction:column; padding:66px 29px 0; background:radial-gradient(circle at 105% 90%,#ecede3 0%,#fffefa 38%); }
#ybdcIdPanel .yid-branded-cards .yid-person-head h2 { font:850 clamp(21px,2.3vw,29px)/1.2 Arial,sans-serif; letter-spacing:-.6px; overflow-wrap:anywhere; color:#003c2a; margin:0; }
#ybdcIdPanel .yid-branded-cards .yid-position { margin:6px 0 13px; padding:0 0 10px; font:750 11px/1.4 Arial,sans-serif; letter-spacing:0; color:#24352d; border-bottom:2px solid #cda446; }
#ybdcIdPanel .yid-branded-cards .yid-data { gap:6px; }
#ybdcIdPanel .yid-branded-cards .yid-data-row { display:grid; align-items:center; grid-template-columns:26px 95px minmax(0,1fr); gap:7px; border:0; padding:1px 0; }
#ybdcIdPanel .yid-branded-cards .yid-data-icon, #ybdcIdPanel .yid-branded-cards .yid-entry-icon { background:#00543c; color:white; width:25px; height:25px; border-radius:50%; display:grid; place-items:center; font-size:14px; font-weight:800; font-family:Arial,sans-serif; }
#ybdcIdPanel .yid-branded-cards .yid-field-label { font:750 10px/1.35 Arial,sans-serif; color:#344f41; letter-spacing:0; }
#ybdcIdPanel .yid-branded-cards .yid-data-row strong { font:650 11px/1.45 Arial,sans-serif; min-width:0; color:#172d24; overflow-wrap:anywhere; }
#ybdcIdPanel .yid-branded-cards .yid-verify-panel { margin:auto 0 12px; padding-top:13px; display:flex; gap:11px; align-items:center; color:#4e644f; font:650 10px/1.55 Arial,sans-serif; }
#ybdcIdPanel .yid-branded-cards .yid-verify-symbol { border:2px solid #d0ab50; color:#9b772f; border-radius:9px; min-width:34px; width:34px; height:34px; display:grid; place-items:center; font-weight:900; font-size:17px; }
#ybdcIdPanel .yid-branded-cards .yid-auth { position:relative; margin:0 -29px; padding:15px 24px; background:#043d2c; color:#edce7b; display:flex; align-items:center; gap:8px; flex:0 0 auto; font:800 10px/1.3 Arial,sans-serif; letter-spacing:.7px; }
#ybdcIdPanel .yid-branded-cards .yid-shield { font-size:17px; }
#ybdcIdPanel .yid-branded-cards .yid-back-top { position:relative; min-height:214px; height:214px; flex:0 0 214px; background:linear-gradient(145deg,#002f23,#07543d 76%,#002f22); border-bottom:6px solid #d5ac50; padding:10px 16px 15px; display:grid; place-items:center; }
#ybdcIdPanel .yid-branded-cards .yid-bigbrand { position:relative; z-index:2; text-align:center; color:#f0cb75; }
#ybdcIdPanel .yid-branded-cards .yid-bigbrand .yid-official-logo { width:116px; height:118px; margin:0 auto 0; }
#ybdcIdPanel .yid-branded-cards .yid-bigbrand>span { display:block; font:750 29px/1.05 Georgia,serif; color:#f0cc76; letter-spacing:.7px; }
#ybdcIdPanel .yid-branded-cards .yid-bigbrand small { color:#f2e1b5; font:750 7px/1.7 Arial,sans-serif; letter-spacing:1.2px; margin-top:6px; }
#ybdcIdPanel .yid-branded-cards .yid-back-body { padding:24px 27px 13px; min-height:0; height:auto; flex:1 1 auto; display:flex; flex-direction:column; background:radial-gradient(circle at 115% 60%,#edf0e6 0%,#fffefa 45%); }
#ybdcIdPanel .yid-branded-cards .yid-back-entry { display:grid; grid-template-columns:29px minmax(0,1fr); gap:9px; align-items:start; margin:0 0 14px; }
#ybdcIdPanel .yid-branded-cards .yid-back-entry b { display:block; font:800 11px/1.35 Arial,sans-serif; color:#044932; letter-spacing:0; }
#ybdcIdPanel .yid-branded-cards .yid-back-entry p { font:550 11px/1.5 Arial,sans-serif; margin:4px 0 0; color:#2d3a33; overflow-wrap:anywhere; }
#ybdcIdPanel .yid-branded-cards .yid-terms { border-top:2px solid #d1ae61; margin-top:auto; padding-top:13px; }
#ybdcIdPanel .yid-branded-cards .yid-terms p { font:550 9.5px/1.45 Arial,sans-serif; margin:0 0 7px; padding-left:13px; position:relative; color:#415145; }
#ybdcIdPanel .yid-branded-cards .yid-terms p:before { content:'●'; position:absolute; left:0; top:0; padding:0; color:#b48c31; font-size:9px; }
#ybdcIdPanel .yid-branded-cards .yid-back-footer { position:relative; inset:auto; margin-top:auto; flex:0 0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:13px 12px; border-top:3px solid #caa34e; background:#033f2d; color:#edd083; font:750 9px/1.35 Arial,sans-serif; letter-spacing:.65px; text-align:center; }
#ybdcIdPanel .yid-branded-cards .yid-back-footer strong { font-size:10px; color:#fff0c7; }
@media screen and (max-width:800px){
 #ybdcIdPanel .yid-cards.yid-branded-cards { display:grid; grid-template-columns:minmax(0,1fr); max-width:350px; width:100%; gap:18px; margin:16px auto 20px; align-items:start; }
 #ybdcIdPanel .yid-branded-cards .yid-card { width:100%; min-height:0; aspect-ratio:auto; height:auto; }
 #ybdcIdPanel .yid-branded-cards .yid-front-top { height:170px; min-height:170px; flex:0 0 170px; padding:13px 18px; }
 #ybdcIdPanel .yid-branded-cards .yid-headline { font-size:7px; }
 #ybdcIdPanel .yid-branded-cards .yid-header-brand { margin-top:8px; max-width:58%; }
 #ybdcIdPanel .yid-branded-cards .yid-official-logo { width:67px; height:78px; }
 #ybdcIdPanel .yid-branded-cards .yid-brand-copy>span { font-size:15px; }
 #ybdcIdPanel .yid-branded-cards .yid-brand-copy small { font-size:6px; letter-spacing:.6px; }
 #ybdcIdPanel .yid-branded-cards .yid-photo-ring { top:102px; left:18px; width:115px; height:115px; padding:5px; }
 #ybdcIdPanel .yid-branded-cards .yid-front-body { padding:62px 22px 0; }
 #ybdcIdPanel .yid-branded-cards .yid-person-head h2 { font-size:clamp(20px,6vw,27px); }
 #ybdcIdPanel .yid-branded-cards .yid-position { font-size:10px; }
 #ybdcIdPanel .yid-branded-cards .yid-data-row { grid-template-columns:25px 81px minmax(0,1fr); gap:6px; padding:2px 0; }
 #ybdcIdPanel .yid-branded-cards .yid-data-row strong { font-size:10.5px; }
 #ybdcIdPanel .yid-branded-cards .yid-field-label { font-size:9px; }
 #ybdcIdPanel .yid-branded-cards .yid-verify-panel { margin-top:18px; font-size:9.5px; }
 #ybdcIdPanel .yid-branded-cards .yid-auth { margin:0 -22px; padding:13px 20px; }
 #ybdcIdPanel .yid-branded-cards .yid-back-top { height:178px; min-height:178px; flex:0 0 178px; }
 #ybdcIdPanel .yid-branded-cards .yid-bigbrand .yid-official-logo { width:89px; height:93px; }
 #ybdcIdPanel .yid-branded-cards .yid-bigbrand>span { font-size:25px; }
 #ybdcIdPanel .yid-branded-cards .yid-back-body { padding:20px 21px 8px; }
 #ybdcIdPanel .yid-branded-cards .yid-back-entry { margin-bottom:12px; }
 #ybdcIdPanel .yid-branded-cards .yid-terms { margin-top:8px; }
 #ybdcIdPanel .yid-branded-cards .yid-back-footer { padding:14px 9px; }
}
@media screen and (max-width:360px){
 #ybdcIdPanel .yid-cards.yid-branded-cards { max-width:315px; }
 #ybdcIdPanel .yid-branded-cards .yid-data-row { grid-template-columns:22px 73px minmax(0,1fr); gap:5px; }
 #ybdcIdPanel .yid-branded-cards .yid-data-row strong { font-size:10px; }
 #ybdcIdPanel .yid-branded-cards .yid-front-body { padding-left:18px; padding-right:18px; }
 #ybdcIdPanel .yid-branded-cards .yid-auth { margin-left:-18px; margin-right:-18px; }
}
@media print {
 #ybdcIdPanel .yid-cards.yid-branded-cards { display:grid!important; grid-template-columns:1fr 1fr!important; gap:4mm!important; max-width:195mm!important; margin:0 auto!important; align-items:stretch!important; }
 #ybdcIdPanel .yid-branded-cards .yid-card { width:89mm!important; height:140mm!important; min-height:0!important; display:flex!important; flex-direction:column!important; aspect-ratio:auto!important; overflow:hidden!important; break-inside:avoid; print-color-adjust:exact!important; -webkit-print-color-adjust:exact!important; }
 #ybdcIdPanel .yid-branded-cards .yid-front-top { height:43mm!important; min-height:43mm!important; flex:0 0 43mm!important; padding:12px!important; }
 #ybdcIdPanel .yid-branded-cards .yid-photo-ring { top:25mm!important; width:30mm!important; height:30mm!important; left:6mm!important; }
 #ybdcIdPanel .yid-branded-cards .yid-header-brand { margin-top:4mm!important; }
 #ybdcIdPanel .yid-branded-cards .yid-official-logo { width:21mm!important; height:23mm!important; }
 #ybdcIdPanel .yid-branded-cards .yid-front-body { padding:17mm 6mm 0!important; flex:1 1 auto!important; }
 #ybdcIdPanel .yid-branded-cards .yid-person-head h2 { font-size:19px!important; }
 #ybdcIdPanel .yid-branded-cards .yid-position { font-size:10px!important; padding-bottom:6px!important; margin-bottom:9px!important; }
 #ybdcIdPanel .yid-branded-cards .yid-data-row { grid-template-columns:21px 75px minmax(0,1fr)!important; gap:5px!important; }
 #ybdcIdPanel .yid-branded-cards .yid-data-row strong { font-size:9.5px!important; }
 #ybdcIdPanel .yid-branded-cards .yid-field-label { font-size:9px!important; }
 #ybdcIdPanel .yid-branded-cards .yid-verify-panel { margin-top:auto!important; padding-top:8px!important; font-size:9px!important; }
 #ybdcIdPanel .yid-branded-cards .yid-auth { margin:0 -6mm!important; padding:9px 13px!important; }
 #ybdcIdPanel .yid-branded-cards .yid-back-top { height:42mm!important; min-height:42mm!important; flex:0 0 42mm!important; }
 #ybdcIdPanel .yid-branded-cards .yid-bigbrand .yid-official-logo { width:25mm!important; height:27mm!important; }
 #ybdcIdPanel .yid-branded-cards .yid-bigbrand>span { font-size:24px!important; }
 #ybdcIdPanel .yid-branded-cards .yid-back-body { padding:6mm 6mm 2mm!important; flex:1 1 auto!important; }
 #ybdcIdPanel .yid-branded-cards .yid-back-entry { margin-bottom:3mm!important; }
 #ybdcIdPanel .yid-branded-cards .yid-back-entry p { font-size:10px!important; }
 #ybdcIdPanel .yid-branded-cards .yid-terms { margin-top:auto!important; padding-top:2mm!important; }
 #ybdcIdPanel .yid-branded-cards .yid-terms p { font-size:8.5px!important; }
 #ybdcIdPanel .yid-branded-cards .yid-back-footer { padding:9px 12px!important; font-size:8.5px!important; }
}