/* สไตล์ตัวกรอง · การ์ดงาน · รายละเอียดงาน 10 แบบ (เฉพาะ localhost — เลือกจากแถบล่างจอ · assets/js/jobs-variants.js)
   ท่านคิวสั่ง 23 ต.ค. 2569 "ออกแบบตัวกรอง การ์ดงาน รายละเอียดงาน ทำมาให้เลือก 10 อัน เรื่องการจัดวางขอแบบเดิม"
   แยกเลือกได้ 3 ส่วนอิสระ (ท่านคิวสั่ง "ทำแยก 3 ตัว"): body[data-sf]=ตัวกรอง · body[data-sc]=การ์ดงาน · body[data-sd]=รายละเอียด · ทุกแบบเปลี่ยนแค่หน้าตา (สี ขอบ เงา มุม ตัวอักษร) — ตำแหน่ง/ลำดับ/ขนาดคอลัมน์เหมือนเดิมทุกอย่าง · แบบ 01 = ปัจจุบัน */

body[data-sf="2"] .f-in { box-shadow: none; border: 1px solid #dfe4ec; border-radius: 12px; }
body[data-sd="2"] .dp-in { box-shadow: none; border: 1px solid #dfe4ec; border-radius: 12px; }
body[data-sf="2"] .f-head { border-bottom-color: #dfe4ec; }
body[data-sf="2"] .f-ico { background: none; color: #1d2433; }
body[data-sf="2"] .f-chip span { border-radius: 6px; }
body[data-sc="2"] .job { border: 1px solid #dfe4ec; border-radius: 12px; box-shadow: none !important; }
body[data-sc="2"] .jc-cover { height: 140px; }
body[data-sc="2"] .jc-sal, body[data-sc="2"] .jc-loc { background: none !important; padding: 0 !important; }
body[data-sc="2"] .pill { border-radius: 4px; }
body[data-sd="2"] .dp-bar { background: #fff; color: #1d2433; border-bottom: 1px solid #dfe4ec; }
body[data-sd="2"] .dp-bar i { background: #1d4ed8; box-shadow: none; }
body[data-sd="2"] .d-apply-row { background: #fff; }
body[data-sd="2"] .d-apply { border-radius: 8px; box-shadow: none; }
body[data-sf="3"] .f-in { border: 0; border-radius: 28px; box-shadow: 0 12px 40px rgba(47, 111, 237, .12); }
body[data-sd="3"] .dp-in { border: 0; border-radius: 28px; box-shadow: 0 12px 40px rgba(47, 111, 237, .12); }
body[data-sf="3"] .f-head { border-bottom: 0; }
body[data-sf="3"] .f-sec { border-top: 1px dashed #e4e9f2; }
body[data-sf="3"] .f-kw { border-radius: 999px; }
body[data-sf="3"] .f-ico { border-radius: 50%; background: #eef3ff; }
body[data-sc="3"] .job { border-radius: 30px; box-shadow: 0 10px 30px rgba(47, 111, 237, .1) !important; }
body[data-sc="3"] .jc-cover { margin: 8px 8px 0 !important; border-radius: 24px !important; }
body[data-sc="3"] .jc-sal, body[data-sc="3"] .jc-loc { border-radius: 18px !important; background: #f3f7ff !important; }
body[data-sd="3"] .dp-bar { background: linear-gradient(90deg, #6d8dff, #8fb3ff); }
body[data-sd="3"] .d-cover { margin: 10px 10px 0; border-radius: 22px; }
body[data-sd="3"] .d-apply-row, body[data-sd="3"] .d-contact { border-radius: 22px; }
body[data-sd="3"] .d-apply { border-radius: 999px; }
body[data-sf="4"] .f-in { --fd: #0f1f3d; background: var(--fd); border-color: var(--fd); color: #e6edf9; }
body[data-sf="4"] .f-head { background: var(--fd); border-color: rgba(255, 255, 255, .1); }
body[data-sf="4"] .f-head h3 .ic, body[data-sf="4"] .f-reset, body[data-sf="4"] .f-more { color: #8cb8ff; }
body[data-sf="4"] .f-kw, body[data-sf="4"] .f-saved { background: rgba(255, 255, 255, .07); border-color: rgba(255, 255, 255, .14); color: #c7d3ea; }
body[data-sf="4"] .f-kw input { color: #fff; }
body[data-sf="4"] .f-saved b { color: #fff; }
body[data-sf="4"] .f-sec { border-color: rgba(255, 255, 255, .1); }
body[data-sf="4"] .f-ico { background: rgba(140, 184, 255, .15); color: #8cb8ff; }
body[data-sf="4"] .f-check { border-color: rgba(255, 255, 255, .15) !important; color: #e6edf9; }
body[data-sf="4"] .f-n { background: rgba(255, 255, 255, .1); color: #c7d3ea; }
body[data-sf="4"] .f-chip span, body[data-sf="4"] .f-sal span { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .16); color: #e6edf9; }
body[data-sf="4"] .f-chip input:checked + span, body[data-sf="4"] .f-sal input:checked + span { background: #5b9cff; border-color: #5b9cff; color: #071226; }
body[data-sf="4"] .f-promo { background: #1d3a6e; }
body[data-sc="4"] .job { border-radius: 16px; }
body[data-sc="4"] .jc-foot { margin: auto -16px -12px; padding: 10px 16px; background: #0f1f3d; color: #c7d3ea; border-top: 0; }
body[data-sc="4"] .jc-foot b { color: #fff; }
body[data-sd="4"] .dp-bar { background: #0f1f3d; }
body[data-sd="4"] .d-apply { background: #0f1f3d; box-shadow: none; }
body[data-sd="4"] .d-h { color: #0f1f3d; }
body[data-sf="5"] .f-in { background: rgba(255, 255, 255, .62); backdrop-filter: blur(14px); border: 1px solid rgba(255, 255, 255, .8); box-shadow: 0 8px 30px rgba(30, 60, 140, .08) !important; }
body[data-sd="5"] .dp-in { background: rgba(255, 255, 255, .62); backdrop-filter: blur(14px); border: 1px solid rgba(255, 255, 255, .8); box-shadow: 0 8px 30px rgba(30, 60, 140, .08) !important; }
body[data-sc="5"] .job { background: rgba(255, 255, 255, .62); backdrop-filter: blur(14px); border: 1px solid rgba(255, 255, 255, .8); box-shadow: 0 8px 30px rgba(30, 60, 140, .08) !important; }
body[data-sf="5"] .f-head { background: transparent; }
body[data-sf="5"] .f-kw { background: rgba(255, 255, 255, .7) !important; }
body[data-sc="5"] .jc-sal, body[data-sc="5"] .jc-loc { background: rgba(255, 255, 255, .7) !important; }
body[data-sd="5"] .dp-bar { background: rgba(29, 78, 216, .85); backdrop-filter: blur(6px); }
body[data-sd="5"] .d-apply-row, body[data-sd="5"] .d-kv, body[data-sd="5"] .d-contact { background: rgba(255, 255, 255, .6); }
body[data-sd="5"] .d-row:nth-child(odd) { background: rgba(255, 255, 255, .5); }
body[data-sc="6"] .job { border-left: 5px solid var(--bc); border-radius: 14px; }
body[data-sc="6"] .jc-sal b { color: var(--bc); }
body[data-sc="6"] .jc-sal > .ic { color: var(--bc); }
body[data-sf="6"] .f-sec summary { border-left: 3px solid #1d4ed8; margin-left: -1px; }
body[data-sf="6"] .f-ico { background: #1d4ed8; color: #fff; }
body[data-sd="6"] .dp-bar { background: #1d2433; }
body[data-sd="6"] .d-h { border-top: 3px solid #1d4ed8; }
body[data-sd="6"] .d-sec .dia { color: #ea580c; }
body[data-sf="7"] .f-sec summary { padding-top: 10px; padding-bottom: 10px; font-size: 13.5px; }
body[data-sf="7"] .f-body { padding-bottom: 10px; }
body[data-sf="7"] .f-chip span, body[data-sf="7"] .f-check { font-size: 12.5px; padding: 3px 9px; }
body[data-sc="7"] .job { border-radius: 12px; }
body[data-sc="7"] .jc-cover { height: 118px; }
body[data-sc="7"] .jc-head h3 { font-size: 15px; }
body[data-sc="7"] .jc-body { padding: 10px 12px 8px; gap: 8px; }
body[data-sc="7"] .jc-sal, body[data-sc="7"] .jc-loc { padding: 5px 7px !important; }
body[data-sc="7"] .pill { font-size: 10.5px; padding: 2px 8px; }
body[data-sd="7"] .d-body { gap: 10px; padding: 0 16px 16px; }
body[data-sd="7"] .d-row { padding: 6px 10px; font-size: 13px; }
body[data-sf="8"] .f-in { border: 2px solid #1d4ed8; box-shadow: none; border-radius: 16px; }
body[data-sd="8"] .dp-in { border: 2px solid #1d4ed8; box-shadow: none; border-radius: 16px; }
body[data-sf="8"] .f-head { border-bottom: 2px solid #1d4ed8; }
body[data-sf="8"] .f-chip span { border: 1.5px solid #c7d6f7; }
body[data-sc="8"] .job { border: 2px solid #dbe5fb; box-shadow: none !important; border-radius: 16px; }
body[data-sc="8"] .job:hover, body[data-sc="8"] .job.sel { border-color: #1d4ed8 !important; box-shadow: none !important; }
body[data-sc="8"] .jc-sal, body[data-sc="8"] .jc-loc { background: #fff !important; border: 1.5px solid #dbe5fb; }
body[data-sc="8"] .pill:not(.pill--note) { background: #fff !important; color: var(--pc) !important; box-shadow: inset 0 0 0 1.5px var(--pc) !important; }
body[data-sd="8"] .dp-bar { background: #fff; color: #1d4ed8; border-bottom: 2px solid #1d4ed8; }
body[data-sd="8"] .dp-bar i { background: #1d4ed8; }
body[data-sd="8"] .d-apply { background: #fff; color: #1d4ed8; border: 2px solid #1d4ed8; box-shadow: none; }
body[data-sf="9"] .f-in { border-color: #f3e3cf; box-shadow: 0 6px 20px rgba(180, 100, 20, .07) !important; }
body[data-sd="9"] .dp-in { border-color: #f3e3cf; box-shadow: 0 6px 20px rgba(180, 100, 20, .07) !important; }
body[data-sc="9"] .job { border-color: #f3e3cf; box-shadow: 0 6px 20px rgba(180, 100, 20, .07) !important; }
body[data-sf="9"] .f-ico { background: #fff1e0; color: #ea580c; }
body[data-sf="9"] .f-head h3 .ic, body[data-sf="9"] .f-reset, body[data-sf="9"] .f-more { color: #ea580c; }
body[data-sf="9"] .f-chip input:checked + span, body[data-sf="9"] .f-check:has(input:checked) { background: #ea580c !important; border-color: #ea580c !important; color: #fff !important; }
body[data-sc="9"] .jc-sal, body[data-sc="9"] .jc-loc { background: #fff6eb !important; }
body[data-sc="9"] .job.sel { border-color: #ea580c !important; box-shadow: 0 0 0 2px #ea580c !important; }
body[data-sd="9"] .dp-bar { background: linear-gradient(90deg, #ea580c, #f59e0b); }
body[data-sd="9"] .d-apply { background: #ea580c; box-shadow: 0 6px 16px rgba(234, 88, 12, .3); }
body[data-sd="9"] .d-contact { background: #fff1e0; }
body[data-sd="9"] .d-h .ic, body[data-sd="9"] .dia { color: #ea580c; }
body[data-sf="10"] .f-in { border: 0; box-shadow: 0 20px 50px rgba(15, 35, 80, .14); }
body[data-sd="10"] .dp-in { border: 0; box-shadow: 0 20px 50px rgba(15, 35, 80, .14); }
body[data-sf="10"] .f-head { background: linear-gradient(135deg, #0b2a6b, #1d4ed8); color: #fff; border: 0; }
body[data-sf="10"] .f-head h3 .ic, body[data-sf="10"] .f-reset { color: #cfe0ff; }
body[data-sc="10"] .job { border: 0; box-shadow: 0 14px 34px rgba(15, 35, 80, .13) !important; border-radius: 20px; }
body[data-sc="10"] .job.sel { box-shadow: 0 0 0 3px #1d4ed8, 0 18px 40px rgba(29, 78, 216, .25) !important; }
body[data-sc="10"] .jc-sal { background: linear-gradient(135deg, #e7f8ef, #f4fbf7) !important; }
body[data-sd="10"] .dp-bar { background: linear-gradient(135deg, #0b2a6b, #1d4ed8); }
body[data-sd="10"] .d-apply-row { background: linear-gradient(135deg, #0b2a6b, #1d4ed8); border: 0; }
body[data-sd="10"] .d-apply-row .d-sal, body[data-sd="10"] .d-apply-row .d-sal b { color: #fff; }
body[data-sd="10"] .d-apply { background: #fff; color: #0b2a6b; }

/* ---------- แถบเลือกสไตล์ 3 แถว: ตัวกรอง · การ์ดงาน · รายละเอียด (localhost) ---------- */
.jv-bar{position:fixed;z-index:9999;left:50%;bottom:12px;transform:translateX(-50%);display:flex;flex-direction:column;gap:5px;max-width:calc(100vw - 20px);padding:8px 10px 8px 8px;border-radius:18px;background:rgba(15,23,42,.95);box-shadow:0 10px 30px rgba(0,0,0,.35);font:500 12.5px/1 'Noto Sans Thai',system-ui,sans-serif;color:#cbd5e1}
.jv-row{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}
.jv-row::-webkit-scrollbar{display:none}
.jv-t{flex:none;width:68px;padding-left:6px;white-space:nowrap;color:#fff;font-weight:700}
.jv-n{flex:none;min-width:130px;padding-left:8px;white-space:nowrap;color:#93c5fd}
.jv-bar button{flex:none;min-width:32px;height:26px;padding:0 8px;border:0;border-radius:999px;background:#1e293b;color:#e2e8f0;font:inherit;font-weight:700;cursor:pointer}
.jv-bar button:hover{background:#334155}
.jv-bar button.on{background:#5b9cff;color:#071226}
.jv-hide{position:absolute;top:-12px;right:10px;min-width:26px!important;height:22px!important;padding:0!important;font-size:14px!important}
.jv-bar.is-min .jv-row{display:none}.jv-bar.is-min .jv-hide{position:static}.jv-bar.is-min{padding:4px 6px}
@media(max-width:700px){.jv-t{width:56px}.jv-n{display:none}.jv-bar{bottom:6px;padding:6px}}

/* Independent template controls: clear full section labels. */
.jv-t{width:100px}.jv-bar button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:700px){.jv-t{width:94px}.jv-bar{width:calc(100vw - 20px)}.jv-row{padding:2px}}

/* New structural templates: separate the imagery from the information. */
.jt-identity,.jt-card-action,.jt-filter-intro,.jt-overview{display:none}
body[data-sf="11"] .f-in{background:#fff;border:1px solid #e0e7f0;border-radius:20px;box-shadow:0 5px 22px #15356808}
body[data-sf="11"] .f-head{padding:20px 18px 16px;background:#fff;border-bottom:1px solid #edf1f7;gap:6px}
body[data-sf="11"] .f-head h3{font-size:17px;color:#13294b}
body[data-sf="11"] .f-reset{font-size:11px;color:#5a7192}
body[data-sf="11"] .jt-filter-intro{display:block;margin:16px 18px 8px;color:#77859b;font-size:12px;line-height:1.7}
body[data-sf="11"] .f-kw{margin:10px 18px;background:#f6f8fc;border:1px solid #e5ebf4;border-radius:12px;height:44px}
body[data-sf="11"] .f-saved{margin:0 18px 18px;width:calc(100% - 36px);background:#f0f5ff;color:#2453b0;border:0;border-radius:12px;font-size:12px}
body[data-sf="11"] .f-sec{border-top:1px solid #edf1f7;margin:0 18px}
body[data-sf="11"] .f-sec summary{padding:17px 0;font-size:14px;color:#172f52}
body[data-sf="11"] .f-ico{background:transparent;color:#4d74b5;width:20px;height:20px}
body[data-sf="11"] .f-body{padding:0 0 16px}
body[data-sf="11"] .f-chips{display:flex;flex-direction:column;gap:2px}
body[data-sf="11"] .f-chip{display:block;width:100%}
body[data-sf="11"] .f-chip.more{display:none}
body[data-sf="11"] .f-chips.all .f-chip.more{display:block}
body[data-sf="11"] .f-chip span{display:flex;align-items:center;gap:9px;border:0;background:transparent;border-radius:8px;padding:7px 4px;font-size:12px;color:#52627a;white-space:normal;line-height:1.4}
body[data-sf="11"] .f-chip span:before{content:'';width:15px;height:15px;border:1px solid #cbd5e4;border-radius:5px;flex:none;background:#fff}
body[data-sf="11"] .f-chip span i{margin-left:auto;background:#f1f4f9;border-radius:5px;min-width:21px;padding:2px 5px;text-align:center;color:#73829a;font-size:10px}
body[data-sf="11"] .f-chip input:checked+span{background:#eef4ff;color:#1858cf;font-weight:700;border:0}
body[data-sf="11"] .f-chip input:checked+span:before{background:#2369e8;border-color:#2369e8;box-shadow:inset 0 0 0 3px #fff}
body[data-sf="11"] .f-check{padding:7px 2px;font-size:12px}
body[data-sf="11"] .f-sal{display:grid;grid-template-columns:1fr 1fr;gap:6px}
body[data-sf="11"] .f-sal span{display:block;text-align:center;border-radius:8px;padding:7px 4px;font-size:11px;background:#f8fafc}
body[data-sf="11"] .f-more{padding:9px 0;font-size:11px;color:#2563dc}
body[data-sf="11"] .f-promo{margin:16px;background:#eff5ff;border-radius:14px;padding:16px}
body[data-sf="11"] .f-pimg{display:none}
body[data-sc="11"] .job{background:#fff;border:1px solid #e1e7f0;border-radius:18px;box-shadow:0 3px 12px #1e3b6505;transform:none;overflow:hidden}
body[data-sc="11"] .job:hover{border-color:#9ab8ed;box-shadow:0 8px 24px #224b8b12;transform:translateY(-2px)}
body[data-sc="11"] .job.sel{border-color:#3976e6;box-shadow:0 0 0 1px #3976e6,0 6px 20px #1e4e9710}
body[data-sc="11"] .jc-cover{height:102px;min-height:102px;margin:0;border-radius:0;background-position:center 50%}
body[data-sc="11"] .jc-head{display:none}
body[data-sc="11"] .jc-code{left:12px;top:10px;background:#0a203759;border-radius:6px;font-size:10px;padding:3px 7px}
body[data-sc="11"] .jc-new{font-size:9px}
body[data-sc="11"] .jc-badges{padding:0;position:absolute;bottom:12px;left:14px;right:12px;align-items:center}
body[data-sc="11"] .jc-biz{box-shadow:none;font-size:10px;padding:4px 8px;border-radius:6px}
body[data-sc="11"] .jc-amt{font-size:10px;padding:3px 7px}
body[data-sc="11"] .jc-acts{top:10px;right:10px;gap:5px}
body[data-sc="11"] .act{height:28px;width:28px;box-shadow:none;background:#fffffff0}
body[data-sc="11"] .act .ic{height:14px;width:14px}
body[data-sc="11"] .jc-body{padding:16px;gap:14px}
body[data-sc="11"] .jt-identity{display:flex;align-items:flex-start;gap:11px;min-height:96px}
body[data-sc="11"] .jt-identity .logo{width:44px;height:44px;border:1px solid #e7ecf4;border-radius:12px;box-shadow:none}
body[data-sc="11"] .jt-identity>div{min-width:0;flex:1}
body[data-sc="11"] .jt-identity h3{font-size:16px;font-weight:750;line-height:1.5;color:#142d50;text-shadow:none;overflow-wrap:anywhere}
body[data-sc="11"] .jt-identity p{color:#75839a;font-size:11px;line-height:1.65;margin:5px 0 0}
body[data-sc="11"] .jc-info{grid-template-columns:1fr;gap:9px;padding:0}
body[data-sc="11"] .jc-sal,body[data-sc="11"] .jc-loc{padding:0;background:transparent;border:0;gap:8px;align-items:center}
body[data-sc="11"] .jc-sal>div,body[data-sc="11"] .jc-loc>div{display:flex;align-items:baseline;gap:7px;min-width:0;flex-wrap:wrap}
body[data-sc="11"] .jc-sal b{font-size:17px;color:#0e8b68}
body[data-sc="11"] .jc-loc b{font-size:12px;color:#526581;font-weight:500}
body[data-sc="11"] .jc-sal small{font-size:10px;color:#8692a4}
body[data-sc="11"] .jc-loc small{font-size:11px;color:#8692a4}
body[data-sc="11"] .jc-loc>.ic{color:#8b9ab0;width:15px;height:15px}
body[data-sc="11"] .jc-sal>.ic{width:17px;height:17px;color:#0e8b68}
body[data-sc="11"] .jc-pills{gap:5px;padding-top:12px;border-top:1px solid #f0f3f8}
body[data-sc="11"] .pill{font-size:10px;border-radius:6px;padding:3px 7px;line-height:1.5;font-weight:500}
body[data-sc="11"] .jc-foot{border:0;margin:0;padding:0;color:#8b98ab;font-size:10px;gap:6px;flex-wrap:wrap}
body[data-sc="11"] .jc-stat{gap:5px}
body[data-sc="11"] .jc-stat b{color:#657792;font-weight:500}
body[data-sc="11"] .jt-card-action{display:flex;justify-content:space-between;align-items:center;background:#f4f7fd;color:#2c62bd;border-radius:9px;padding:9px 11px;margin-top:auto;font-size:12px;font-weight:650}
body[data-sc="11"] .job.sel .jt-card-action{background:#eaf1ff;color:#1e59d5}
body[data-sd="11"] .dp-in{border:1px solid #e0e7f0;background:#fff;border-radius:20px;box-shadow:0 5px 22px #15356808}
body[data-sd="11"] .dp-bar{background:#fff;color:#7c8ca4;font-size:11px;font-weight:500;border-bottom:1px solid #edf1f6;padding:14px 20px;letter-spacing:.02em}
body[data-sd="11"] .dp-bar i{background:#4d85e4;box-shadow:none;width:6px;height:6px}
body[data-sd="11"] .d-cover{height:126px;min-height:126px;margin:0;border-radius:0;background-position:center}
body[data-sd="11"] .d-cover>.jc-biz{font-size:11px;border-radius:7px;box-shadow:none}
body[data-sd="11"] .d-body{padding:0 22px 28px;gap:18px}
body[data-sd="11"] .d-co{display:flex;flex-direction:column;align-items:flex-start;margin-top:-28px;gap:14px;position:relative}
body[data-sd="11"] .d-co .logo{width:64px;height:64px;border-radius:16px;box-shadow:0 3px 12px #12356910;border:4px solid #fff}
body[data-sd="11"] .d-co h2{font-size:23px;color:#122e53;line-height:1.5;margin:9px 0 8px}
body[data-sd="11"] .d-code{background:#f1f5fb;color:#7890b0;font-size:10px;border-radius:5px;padding:3px 7px}
body[data-sd="11"] .d-coname b{font-size:13px;font-weight:600;color:#526785}
body[data-sd="11"] .d-coname i{font-size:11px;color:#8a98ad;margin-top:4px}
body[data-sd="11"] .d-loc{font-size:12px;margin-top:10px;color:#7b8ca5}
body[data-sd="11"] .jt-overview{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e9eef6;border-radius:13px;overflow:hidden;background:#fafcff}
body[data-sd="11"] .jt-overview>div{padding:13px 14px;border-bottom:1px solid #e9eef6}
body[data-sd="11"] .jt-overview>div:nth-child(odd){border-right:1px solid #e9eef6}
body[data-sd="11"] .jt-overview>div:nth-last-child(-n+2){border-bottom:0}
body[data-sd="11"] .jt-overview small{display:block;font-size:10px;color:#8b9ab0;margin-bottom:4px}
body[data-sd="11"] .jt-overview b{display:block;font-size:12px;color:#415979;font-weight:600;line-height:1.6}
body[data-sd="11"] .d-apply-row{display:flex;flex-direction:column;align-items:stretch;gap:14px;background:#eef6f5;border:0;border-radius:14px;padding:18px}
body[data-sd="11"] .d-sal{color:#0e8b68;font-size:23px}
body[data-sd="11"] .d-sal b{color:#0e8b68;font-size:23px}
body[data-sd="11"] .d-apply{display:flex;justify-content:center;background:#2364db;color:#fff;border-radius:10px;box-shadow:none;padding:13px;font-size:13px}
body[data-sd="11"] .d-stats{color:#95a1b4;font-size:10px;justify-content:space-between;gap:5px}
body[data-sd="11"] .d-h{font-size:16px;border:0;padding:0;color:#1b3557;margin-top:4px}
body[data-sd="11"] .d-cofull{padding:15px;background:#f8fafc;border-radius:11px;font-size:12px;line-height:1.8}
body[data-sd="11"] .d-kv{border:0;border-radius:0}
body[data-sd="11"] .d-row{background:transparent!important;border-bottom:1px solid #edf1f7;padding:11px 0;grid-template-columns:110px minmax(0,1fr);gap:12px;font-size:12px}
body[data-sd="11"] .d-row>b{color:#8190a6;font-weight:500}
body[data-sd="11"] .d-row>span{color:#3d5473}
body[data-sd="11"] .d-sec{font-size:14px;color:#1d395e;border-top:1px solid #edf1f6;padding-top:20px;margin-top:6px}
body[data-sd="11"] .d-sec .dia{display:none}
body[data-sd="11"] .d-lines{font-size:12px;line-height:1.95;color:#62738c;padding-left:18px}
body[data-sd="11"] .d-contact{background:#f3f7fd;border-radius:14px;padding:16px}
body[data-sd="11"] .d-contact .d-sec{border:0;padding-top:0}
@media(max-width:700px){body[data-sc="11"] .jt-identity{min-height:0}body[data-sc="11"] .jc-cover{height:110px;min-height:110px}body[data-sd="11"] .d-body{padding:0 18px 22px}body[data-sd="11"] .d-co h2{font-size:21px}}

/* Align new identity blocks without the old overlapping-logo spacer. */
body[data-sd="11"] .d-co>div{padding-top:0}
body[data-sc="11"] .jt-identity{min-height:72px}
body[data-sc="11"] .jc-info{grid-template-columns:1fr!important}
@media(max-width:700px){body[data-sc="11"] .jt-identity{min-height:0}}
body[data-sd="11"] .drawer{width:min(520px,100%);max-width:100%;right:0;left:auto}

/* Approved defaults: filter 10 with checklist, card 01, details 09 with industry heading. */
body[data-sf="10"] .f-chips{display:flex;flex-direction:column;gap:2px}
body[data-sf="10"] .f-chip{display:block;width:100%}
body[data-sf="10"] .f-chip.more{display:none}
body[data-sf="10"] .f-chips.all .f-chip.more{display:block}
body[data-sf="10"] .f-chip span{display:flex;align-items:center;gap:9px;border:0;background:transparent;border-radius:8px;padding:7px 4px;font-size:12px;color:#52627a;white-space:normal;line-height:1.4}
body[data-sf="10"] .f-chip span:before{content:'';width:15px;height:15px;border:1px solid #cbd5e4;border-radius:5px;flex:none;background:#fff}
body[data-sf="10"] .f-chip span i{margin-left:auto;background:#f1f4f9;border-radius:5px;min-width:21px;padding:2px 5px;text-align:center;color:#73829a;font-size:10px}
body[data-sf="10"] .f-chip input:checked+span{background:#eef4ff;color:#1858cf;font-weight:700;border:0}
body[data-sf="10"] .f-chip input:checked+span:before{background:#2369e8;border-color:#2369e8;box-shadow:inset 0 0 0 3px #fff}
body[data-sf="10"] .f-chip{position:relative}
.dp-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dp-bar>b{margin-left:auto;font-size:12px;font-weight:650;border:1px solid currentColor;border-radius:6px;padding:3px 8px;line-height:1.4}
.jt-detail-context{display:none}.drawer .jt-detail-context{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;font-size:12px}.jt-detail-context b{font-size:12px}