/* Tab styles defined in frontend-size-charts.css */
.flecom-sf-panel{padding:24px}
.flecom-sf-intro{text-align:center;margin-bottom:24px}
.flecom-sf-intro-icon{width:48px;height:48px;margin:0 auto 12px;background:linear-gradient(135deg,#eef2f7,#e5ecf3);border-radius:14px;display:flex;align-items:center;justify-content:center}
.flecom-sf-intro-icon svg{color:#2d3e51}
.flecom-sf-intro h4{margin:0 0 4px;font-size:16px;font-weight:700;color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.flecom-sf-intro p{margin:0;font-size:13px;color:#94a3b8}
.flecom-sf-unit-row{display:flex;justify-content:center;margin-bottom:20px}
.flecom-sf-unit-toggle{display:flex;background:#f1f5f9;border-radius:10px;padding:3px;gap:2px}
.flecom-sf-unit-btn{padding:7px 18px;border:none;background:none;color:#64748b;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border-radius:8px;transition:all .2s ease}
.flecom-sf-unit-btn:hover{color:#334155}
.flecom-sf-unit-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04)}
.flecom-sf-fields{display:flex;gap:12px;margin-bottom:20px}
.flecom-sf-field{flex:1;position:relative}
.flecom-sf-field label{display:block;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.flecom-sf-input-wrap{position:relative;display:flex;align-items:center}
.flecom-sf-input{width:100%;padding:12px 14px;padding-right:42px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:16px;font-weight:600;color:#0f172a;background:#fff;outline:none;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-moz-appearance:textfield}
.flecom-sf-input::-webkit-outer-spin-button,.flecom-sf-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.flecom-sf-input::placeholder{color:#cbd5e1;font-weight:400}
.flecom-sf-input:focus{border-color:#2d3e51;box-shadow:0 0 0 3px rgba(99,102,241,.12)}
.flecom-sf-input-unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:600;color:#94a3b8;pointer-events:none}
.flecom-sf-height-imperial{display:none;gap:8px}
.flecom-sf-height-imperial.active{display:flex}
.flecom-sf-height-metric{display:flex}
.flecom-sf-height-metric.hidden{display:none}
.flecom-sf-sub-field{flex:1;position:relative}
.flecom-sf-sub-input{width:100%;padding:12px 14px;padding-right:30px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:16px;font-weight:600;color:#0f172a;background:#fff;outline:none;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-moz-appearance:textfield}
.flecom-sf-sub-input::-webkit-outer-spin-button,.flecom-sf-sub-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.flecom-sf-sub-input::placeholder{color:#cbd5e1;font-weight:400}
.flecom-sf-sub-input:focus{border-color:#2d3e51;box-shadow:0 0 0 3px rgba(99,102,241,.12)}
.flecom-sf-sub-unit{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;color:#94a3b8;pointer-events:none}
.flecom-sf-btn{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#2d3e51,#3d5268);color:#fff;font-size:15px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}
.flecom-sf-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(99,102,241,.35)}
.flecom-sf-btn:active{transform:scale(.98)}
.flecom-sf-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.flecom-sf-btn-loading{display:inline-flex;align-items:center;gap:8px}
.flecom-sf-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:flecom-sf-spin .6s linear infinite}
@keyframes flecom-sf-spin{to{transform:rotate(360deg)}}
.flecom-sf-result{display:none;margin-top:20px;animation:flecom-sf-result-in .4s cubic-bezier(.175,.885,.32,1.275)}
.flecom-sf-result.active{display:block}
@keyframes flecom-sf-result-in{0%{opacity:0;transform:translateY(12px) scale(.96)}100%{opacity:1;transform:translateY(0) scale(1)}}
.flecom-sf-result-card{background:linear-gradient(135deg,#f8fafc 0%,#eef2f7 50%,#e5ecf3 100%);border:1px solid rgba(45,62,81,.12);border-radius:16px;padding:24px;text-align:center;position:relative;overflow:hidden}
.flecom-sf-result-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(99,102,241,.06) 0%,transparent 60%);pointer-events:none}
.flecom-sf-result-label{font-size:12px;font-weight:600;color:#2d3e51;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
.flecom-sf-result-size{font-size:48px;font-weight:800;color:#0f172a;line-height:1;margin-bottom:8px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.flecom-sf-result-confidence{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:rgba(99,102,241,.1);border-radius:20px;font-size:12px;font-weight:600;color:#2d3e51;margin-bottom:12px}
.flecom-sf-result-confidence-dot{width:6px;height:6px;border-radius:50%;background:#2d3e51}
.flecom-sf-result-confidence-dot.high{background:#22c55e}
.flecom-sf-result-confidence-dot.medium{background:#f59e0b}
.flecom-sf-result-confidence-dot.low{background:#ef4444}
.flecom-sf-result-tip{font-size:13px;color:#64748b;line-height:1.5;margin:0}
.flecom-sf-result-tip strong{color:#334155}
.flecom-sf-result-between{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}
.flecom-sf-result-between-size{font-size:36px;font-weight:800;color:#0f172a;line-height:1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.flecom-sf-result-between-or{font-size:13px;font-weight:600;color:#94a3b8;text-transform:uppercase}
.flecom-sf-measurements{margin-top:16px;padding-top:16px;border-top:1px solid rgba(99,102,241,.1)}
.flecom-sf-measurements-title{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.flecom-sf-measurements-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.flecom-sf-measurement{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 14px;text-align:center;min-width:70px}
.flecom-sf-measurement-label{font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.flecom-sf-measurement-value{font-size:15px;font-weight:700;color:#0f172a}
.flecom-sf-measure-section{margin-bottom:16px}
.flecom-sf-measure-label{font-size:13px;color:#64748b;text-align:center}
.flecom-sf-measure-toggle{border:none;background:none;color:#2d3e51;font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0}
.flecom-sf-measure-toggle:hover{color:#4f46e5}
.flecom-sf-measure-fields{margin-top:12px;animation:flecom-sf-result-in .3s ease}
.flecom-sf-measure-tip{font-size:12px;color:#94a3b8;text-align:center;margin:8px 0 0;line-height:1.4}
.flecom-sf-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 14px;font-size:13px;color:#dc2626;text-align:center;margin-bottom:12px}
.flecom-sf-result-fit{display:flex;gap:8px;justify-content:center;margin:12px 0}
.flecom-sf-fit-btn{padding:8px 16px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}
.flecom-sf-fit-btn:hover{border-color:#2d3e51;color:#2d3e51;background:#f5f3ff}
.flecom-sc-table tbody tr.flecom-sf-highlight td{background:#eef2f7!important;color:#1e293b}
.flecom-sc-table tbody tr.flecom-sf-highlight td:first-child{background:#ddd6fe!important;color:#1e293b;position:relative}
.flecom-sc-table tbody tr.flecom-sf-highlight td:first-child::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#2d3e51;border-radius:0 2px 2px 0}
@media(max-width:640px){.flecom-sc-tabs{padding:0 20px}.flecom-sc-tab{padding:10px 14px;font-size:12px}.flecom-sf-panel{padding:20px}.flecom-sf-fields{flex-direction:column}.flecom-sf-result-size{font-size:40px}.flecom-sf-result-between-size{font-size:30px}.flecom-sf-result-card{padding:20px}.flecom-sf-measurements-row{gap:6px}.flecom-sf-measurement{padding:6px 10px;min-width:60px}.flecom-sc-lp-chart .flecom-sc-tabs{padding:0}.flecom-sc-lp-chart .flecom-sf-panel{padding:12px 0}.flecom-sc-lp-chart .flecom-sc-table{font-size:12px}.flecom-sc-lp-chart .flecom-sc-table th,.flecom-sc-lp-chart .flecom-sc-table td{padding:6px 8px}}
.flecom-sc-lp-chart .flecom-sf-intro h4{color:#e2e8f0}
.flecom-sc-lp-chart .flecom-sf-intro p{color:#94a3b8}
.flecom-sc-lp-chart .flecom-sf-field label{color:#94a3b8}
.flecom-sc-lp-chart .flecom-sf-unit-toggle{background:rgba(255,255,255,.06)}
.flecom-sc-lp-chart .flecom-sc-tabs{background:none;border-bottom-color:rgba(255,255,255,.08)}
.flecom-sc-lp-chart .flecom-sc-tab{color:#94a3b8}
.flecom-sc-lp-chart .flecom-sc-tab:hover{color:#cbd5e1}
.flecom-sc-lp-chart .flecom-sc-tab.active{color:#e2e8f0}
.flecom-sc-lp-chart .flecom-sf-unit-btn{color:#94a3b8}
.flecom-sc-lp-chart .flecom-sf-unit-btn:hover{color:#cbd5e1}
.flecom-sc-lp-chart .flecom-sf-unit-btn.active{background:rgba(255,255,255,.1);color:#e2e8f0;box-shadow:none}
.flecom-sc-lp-chart .flecom-sf-input,.flecom-sc-lp-chart .flecom-sf-sub-input{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#e2e8f0}
.flecom-sc-lp-chart .flecom-sf-input::placeholder,.flecom-sc-lp-chart .flecom-sf-sub-input::placeholder{color:rgba(255,255,255,.3)}
.flecom-sc-lp-chart .flecom-sf-input:focus,.flecom-sc-lp-chart .flecom-sf-sub-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px rgba(99,102,241,.2)}
.flecom-sc-lp-chart .flecom-sf-result-card{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border-color:rgba(99,102,241,.2)}
.flecom-sc-lp-chart .flecom-sf-result-card::before{background:radial-gradient(circle at 30% 40%,rgba(99,102,241,.08) 0%,transparent 60%)}
.flecom-sc-lp-chart .flecom-sf-result-label{color:#a78bfa}
.flecom-sc-lp-chart .flecom-sf-result-size,.flecom-sc-lp-chart .flecom-sf-result-between-size{color:#e2e8f0}
.flecom-sc-lp-chart .flecom-sf-result-confidence{background:rgba(45,62,81,.12);color:#a78bfa}
.flecom-sc-lp-chart .flecom-sf-result-tip{color:#94a3b8}
.flecom-sc-lp-chart .flecom-sf-result-tip strong{color:#e2e8f0}
.flecom-sc-lp-chart .flecom-sf-measurement{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}
.flecom-sc-lp-chart .flecom-sf-measurement-value{color:#e2e8f0}
.flecom-sc-lp-chart .flecom-sf-measurements{border-top-color:rgba(255,255,255,.08)}
.flecom-sc-lp-chart .flecom-sf-measure-label{color:#94a3b8}
.flecom-sc-lp-chart .flecom-sf-measure-toggle{color:#a78bfa}
.flecom-sc-lp-chart .flecom-sf-measure-toggle:hover{color:#c4b5fd}
.flecom-sc-lp-chart .flecom-sf-measure-tip{color:#64748b}
.flecom-sc-lp-chart .flecom-sf-error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#fca5a5}
.flecom-sc-lp-chart .flecom-sf-fit-btn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#cbd5e1}
.flecom-sc-lp-chart .flecom-sf-fit-btn:hover{border-color:#818cf8;color:#a78bfa;background:rgba(99,102,241,.1)}
.flecom-sc-lp-chart .flecom-sc-table tbody tr.flecom-sf-highlight td{background:rgba(99,102,241,.2)!important;color:#c4b5fd}
.flecom-sc-lp-chart .flecom-sc-table tbody tr.flecom-sf-highlight td:first-child{background:rgba(99,102,241,.3)!important;color:#c4b5fd}