.bh-seo-layout{font-family:Sarabun,sans-serif;background:#f3f8f5;min-height:88vh;display:grid;grid-template-columns:235px minmax(0,1fr);color:#153f30}.bh-seo-sidebar{background:#07543d;padding:25px 12px;color:white}.bh-seo-brand{display:flex;gap:10px;padding:8px 12px 25px;font-weight:900;font-size:25px}.bh-seo-brand>svg{width:39px;height:39px;background:#0c7450;padding:7px;border-radius:9px}.bh-seo-brand em{color:#ff9432;font-style:normal}.bh-seo-brand small{font-size:11px;display:block;font-weight:500}.bh-seo-sidebar nav{display:flex;flex-direction:column;gap:7px}.bh-seo-sidebar nav a{display:flex;align-items:center;gap:11px;font-size:14px;color:#e9f7ee;padding:12px;border-radius:10px}.bh-seo-sidebar nav a.active,.bh-seo-sidebar nav a:hover{background:#ff7c20;color:white}.bh-seo-sidebar nav svg{width:19px;height:19px}.bh-seo-main{padding:29px;max-width:1650px;width:100%;min-width:0}.bh-seo-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.bh-seo-heading p{color:#22825b;font-size:13px;margin:0}.bh-seo-heading h1{font-size:29px;margin:2px 0}.bh-seo-heading h1 span{color:#fa8123}.bh-seo-heading small{font-size:13px;color:#779385}.bh-seo-state{background:#e1f2e7;padding:10px;border-radius:12px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:7px}.bh-seo-state svg{width:18px}.bh-seo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:17px}.bh-seo-stats>div,.bh-seo-panel{background:white;border:1px solid #e1ece3;border-radius:13px;padding:17px;box-shadow:0 2px 12px #15482c09}.bh-seo-stats>div>span{font-size:12px;color:#427861;display:flex;align-items:center;gap:6px}.bh-seo-stats>div>span svg{width:20px;color:#12814d}.bh-seo-stats strong{font-size:30px;display:block;line-height:1.4}.bh-seo-stats small{font-size:11px;color:#94a599}.bh-seo-stats strong.bh-seo-status-text{font-size:17px}.bh-seo-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.85fr);gap:15px}.bh-seo-panel{min-width:0}.bh-seo-panel header{display:flex;justify-content:space-between}.bh-seo-panel h2{display:flex;align-items:center;gap:8px;font-size:18px;margin:0 0 6px}.bh-seo-panel h2 svg{width:20px;color:#147e50}.bh-seo-panel header p{font-size:12px;color:#8fa395;margin:0 0 15px}.bh-seo-select{display:grid;grid-template-columns:1fr 2fr;gap:9px;margin-bottom:12px}.bh-seo-select label,.bh-seo-form label{font-size:12px;color:#345f49;font-weight:800;display:block}.bh-seo-select select,.bh-seo-form input:not([type=checkbox]),.bh-seo-form textarea{border:1px solid #dce8df;border-radius:9px;padding:10px;width:100%;outline:none;margin-top:6px;background:white;font:14px Sarabun,sans-serif;color:#204b34}.bh-seo-form textarea{resize:vertical}.bh-seo-form label small{font-weight:400;color:#819a87}.bh-seo-actions{display:flex;gap:8px;margin:12px 0}.bh-seo-actions button,.bh-seo-save{border:0;border-radius:9px;padding:10px 15px;display:flex;align-items:center;gap:7px;font-weight:800;background:#e5f3e9;color:#08764d}.bh-seo-actions button.primary,.bh-seo-save{background:#087b53;color:white}.bh-seo-actions button:disabled{opacity:.5;cursor:not-allowed}.bh-seo-actions svg,.bh-seo-save svg{width:17px}.bh-seo-form{display:flex;flex-direction:column;gap:14px}.bh-seo-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bh-seo-checkbox{display:flex!important;gap:8px;align-items:center;line-height:1.6}.bh-seo-save{justify-content:center;padding:13px}.bh-seo-grade{display:flex;justify-content:center;align-items:baseline;gap:5px;margin:15px 0}.bh-seo-grade strong{font-size:55px;color:#15955b}.bh-seo-grade span{color:#96ad9e}.bh-seo-meter{height:10px;background:#e6eee8;border-radius:10px;overflow:hidden}.bh-seo-meter>span{height:100%;display:block;background:linear-gradient(90deg,#f7a329,#159a61);border-radius:10px}.bh-seo-hint{color:#839a8a;font-size:12px;line-height:1.7}.bh-seo-side{display:flex;flex-direction:column;gap:14px}.bh-seo-check{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #edf2ed;font-size:12px}.bh-seo-check>svg{height:17px;width:17px;color:#17965e}.bh-seo-check>span{flex:1}.bh-seo-check b{font-weight:700;color:#687e70}.bh-seo-preview{background:#f8fbfe;padding:14px;border:1px solid #dfe6f3;border-radius:10px}.bh-seo-preview small{color:#4a977a}.bh-seo-preview h3{font-size:18px;color:#176dc0;margin:6px 0}.bh-seo-preview p{font-size:13px;color:#60716b;line-height:1.5;margin:0}.bh-seo-keywords,.bh-seo-setup{margin-top:15px}.bh-seo-keyword-tags{display:flex;gap:8px;flex-wrap:wrap}.bh-seo-keyword-tags span{padding:8px 11px;border-radius:20px;background:#eef7ef;font-size:13px}.bh-seo-keyword-tags b{color:#149b5e}.bh-seo-setup p{font-size:12px;color:#718675;line-height:1.7}.bh-seo-flash{padding:12px;border-radius:9px;background:#dff5e4;color:#155c37;margin-bottom:12px}.bh-seo-flash svg{width:16px;vertical-align:middle}
@media(max-width:1150px){.bh-seo-layout{grid-template-columns:190px 1fr}.bh-seo-main{padding:15px}.bh-seo-stats{grid-template-columns:repeat(2,1fr)}.bh-seo-grid{grid-template-columns:1fr}}
@media(max-width:720px){.bh-seo-layout{grid-template-columns:1fr}.bh-seo-sidebar{padding:12px}.bh-seo-sidebar nav{flex-direction:row;overflow-x:auto}.bh-seo-sidebar nav a{white-space:nowrap;padding:8px;font-size:11px}.bh-seo-brand{padding:0 8px 10px;font-size:20px}.bh-seo-main{padding:12px}.bh-seo-heading h1{font-size:24px}.bh-seo-state{display:none}.bh-seo-stats{gap:8px}.bh-seo-stats>div{padding:11px}.bh-seo-select{grid-template-columns:1fr}.bh-seo-fields{grid-template-columns:1fr}}