/* Split Bill Calculator Plugin v2.0.0 - USD Default */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap');

.sbc-wrap{font-family:'DM Sans',sans-serif !important;color:#071e2e !important;width:100% !important;max-width:580px !important;margin:0 auto !important;}
.sbc-wrap *{box-sizing:border-box !important;font-family:'DM Sans',sans-serif !important;}

.sbc-card{width:100% !important;background:#ffffff !important;border-radius:20px !important;box-shadow:0 8px 40px rgba(2,71,109,0.15) !important;overflow:hidden !important;}

/* TABS */
.sbc-tabs{display:grid !important;grid-template-columns:repeat(4,1fr) !important;background:#e6f2f8 !important;border-bottom:1px solid #bdd9ea !important;margin:0 !important;padding:0 !important;}
.sbc-tab{padding:0.75rem 0.25rem !important;border:none !important;border-bottom:2px solid transparent !important;background:transparent !important;font-size:0.75rem !important;font-weight:500 !important;color:#6b92aa !important;cursor:pointer !important;text-align:center !important;line-height:1.3 !important;transition:all 0.2s !important;box-shadow:none !important;border-radius:0 !important;outline:none !important;width:100% !important;display:block !important;}
.sbc-tab.sbc-active{color:#02476d !important;border-bottom-color:#02476d !important;background:#ffffff !important;font-weight:600 !important;}
.sbc-tab:hover:not(.sbc-active){color:#0369a1 !important;}
.sbc-tab:focus{outline:none !important;box-shadow:none !important;}

/* BODY */
.sbc-body{padding:1.75rem !important;}

/* CURRENCY */
.sbc-currency-wrap{position:relative !important;margin-bottom:1.25rem !important;display:block !important;}
.sbc-currency-select{width:100% !important;padding:0.65rem 2.5rem 0.65rem 1rem !important;border:1.5px solid #bdd9ea !important;border-radius:10px !important;font-size:0.875rem !important;color:#071e2e !important;background-color:#f0f7fb !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2302476d' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 14px center !important;background-size:12px 8px !important;outline:none !important;cursor:pointer !important;transition:border 0.2s !important;box-shadow:none !important;height:auto !important;-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;}
.sbc-currency-select:focus{border-color:#02476d !important;}

/* AMOUNT */
.sbc-amount-wrap{position:relative !important;margin-bottom:1.25rem !important;}
.sbc-amount-sym{position:absolute !important;left:14px !important;top:50% !important;transform:translateY(-50%) !important;font-weight:600 !important;font-size:1rem !important;color:#02476d !important;pointer-events:none !important;z-index:2 !important;white-space:nowrap !important;}
.sbc-amount-input{width:100% !important;padding:0.95rem 1rem 0.95rem 3.2rem !important;border:2px solid #bdd9ea !important;border-radius:10px !important;font-family:'Syne',sans-serif !important;font-weight:700 !important;font-size:1.55rem !important;color:#071e2e !important;background:#f0f7fb !important;outline:none !important;transition:border 0.2s,box-shadow 0.2s !important;box-shadow:none !important;height:auto !important;-moz-appearance:textfield !important;}
.sbc-amount-input::-webkit-outer-spin-button,.sbc-amount-input::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0 !important;}
.sbc-amount-input:focus{border-color:#02476d !important;box-shadow:0 0 0 4px rgba(2,71,109,0.09) !important;background:#ffffff !important;}
.sbc-amount-input::placeholder{color:#bdd9ea !important;font-weight:400 !important;}

/* PEOPLE */
.sbc-people-row{display:flex !important;align-items:center !important;justify-content:space-between !important;background:#f0f7fb !important;border:1.5px solid #bdd9ea !important;border-radius:10px !important;padding:0.65rem 1rem !important;margin-bottom:1.25rem !important;}
.sbc-people-label{font-size:0.85rem !important;font-weight:500 !important;color:#2d5068 !important;margin:0 !important;}
.sbc-stepper{display:flex !important;align-items:center !important;gap:4px !important;}
.sbc-step-btn{width:36px !important;height:36px !important;border:1.5px solid #bdd9ea !important;background:#ffffff !important;border-radius:8px !important;font-size:1.3rem !important;cursor:pointer !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;color:#02476d !important;font-weight:700 !important;transition:all 0.15s !important;line-height:1 !important;flex-shrink:0 !important;user-select:none !important;-webkit-user-select:none !important;padding:0 !important;margin:0 !important;box-shadow:none !important;outline:none !important;}
.sbc-step-btn:hover{background:#02476d !important;color:#ffffff !important;border-color:#02476d !important;}
.sbc-step-btn:active{opacity:0.8 !important;}
.sbc-people-num{font-family:'Syne',sans-serif !important;font-weight:800 !important;font-size:1.4rem !important;color:#071e2e !important;min-width:48px !important;text-align:center !important;}

/* TIP */
.sbc-tip-section{margin-bottom:1.25rem !important;}
.sbc-row-between{display:flex !important;justify-content:space-between !important;align-items:center !important;margin-bottom:8px !important;}
.sbc-field-label{font-size:0.8rem !important;font-weight:500 !important;color:#2d5068 !important;margin:0 !important;}
.sbc-tip-val{font-family:'Syne',sans-serif !important;font-weight:700 !important;font-size:0.9rem !important;color:#02476d !important;}
.sbc-tip-btns{display:flex !important;gap:6px !important;margin-bottom:10px !important;flex-wrap:wrap !important;padding:0 !important;list-style:none !important;}
.sbc-tip-btn{padding:5px 12px !important;border:1.5px solid #bdd9ea !important;border-radius:100px !important;background:transparent !important;font-size:0.78rem !important;font-weight:500 !important;color:#2d5068 !important;cursor:pointer !important;transition:all 0.18s !important;box-shadow:none !important;outline:none !important;margin:0 !important;height:auto !important;}
.sbc-tip-btn.sbc-active,.sbc-tip-btn:hover{background:#02476d !important;color:#ffffff !important;border-color:#02476d !important;}
.sbc-slider-wrap{position:relative !important;height:22px !important;display:flex !important;align-items:center !important;}
.sbc-slider-track{position:absolute !important;left:0 !important;right:0 !important;height:6px !important;background:#bdd9ea !important;border-radius:3px !important;}
.sbc-slider-fill{position:absolute !important;left:0 !important;top:8px !important;height:6px !important;background:#02476d !important;border-radius:3px !important;pointer-events:none !important;z-index:1 !important;}
.sbc-slider-thumb{position:absolute !important;top:50% !important;transform:translate(-50%,-50%) !important;width:18px !important;height:18px !important;background:#ffffff !important;border:3px solid #02476d !important;border-radius:50% !important;box-shadow:0 2px 6px rgba(0,0,0,0.15) !important;pointer-events:none !important;z-index:2 !important;}
.sbc-range{position:absolute !important;left:0 !important;right:0 !important;width:100% !important;height:100% !important;opacity:0 !important;cursor:pointer !important;margin:0 !important;padding:0 !important;z-index:3 !important;}

/* TAX */
.sbc-tax-row{display:flex !important;gap:10px !important;align-items:center !important;margin-bottom:1.5rem !important;}
.sbc-tax-label{font-size:0.82rem !important;font-weight:500 !important;color:#2d5068 !important;white-space:nowrap !important;margin:0 !important;}
.sbc-tax-input{flex:1 !important;padding:0.62rem 0.9rem !important;border:1.5px solid #bdd9ea !important;border-radius:10px !important;font-size:0.9rem !important;color:#071e2e !important;background:#f0f7fb !important;outline:none !important;transition:border 0.2s !important;box-shadow:none !important;height:auto !important;-moz-appearance:textfield !important;}
.sbc-tax-input::-webkit-outer-spin-button,.sbc-tax-input::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0 !important;}
.sbc-tax-input:focus{border-color:#02476d !important;}

/* NAMES PANEL */
.sbc-panel{display:none !important;margin-bottom:1.25rem !important;}
.sbc-panel.sbc-show{display:block !important;}
.sbc-panel-label{font-size:0.8rem !important;font-weight:500 !important;color:#2d5068 !important;margin-bottom:8px !important;display:block !important;}
.sbc-name-list{display:flex !important;flex-direction:column !important;gap:8px !important;}
.sbc-name-row{display:flex !important;gap:8px !important;align-items:center !important;}
.sbc-badge{width:26px !important;height:26px !important;border-radius:50% !important;background:#02476d !important;color:#ffffff !important;font-size:11px !important;font-weight:700 !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;font-family:'Syne',sans-serif !important;margin:0 !important;padding:0 !important;}
.sbc-nf{flex:1 !important;padding:0.52rem 0.8rem !important;border:1.5px solid #bdd9ea !important;border-radius:8px !important;font-size:0.875rem !important;color:#071e2e !important;background:#f0f7fb !important;outline:none !important;transition:border 0.2s !important;box-shadow:none !important;height:auto !important;}
.sbc-af{width:88px !important;padding:0.52rem 0.8rem !important;border:1.5px solid #bdd9ea !important;border-radius:8px !important;font-size:0.875rem !important;color:#071e2e !important;background:#f0f7fb !important;outline:none !important;transition:border 0.2s !important;box-shadow:none !important;height:auto !important;-moz-appearance:textfield !important;}
.sbc-af::-webkit-outer-spin-button,.sbc-af::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0 !important;}
.sbc-nf:focus,.sbc-af:focus{border-color:#02476d !important;}
.sbc-pct-row{display:flex !important;justify-content:space-between !important;font-size:0.8rem !important;padding:6px 0 !important;border-top:1px solid #bdd9ea !important;margin-top:4px !important;}
.sbc-pok{font-weight:600 !important;color:#02476d !important;}
.sbc-pbad{font-weight:600 !important;color:#c0392b !important;}
.sbc-isel{width:66px !important;padding:0.48rem 0.3rem !important;border:1.5px solid #bdd9ea !important;border-radius:8px !important;font-size:0.77rem !important;background:#f0f7fb !important;color:#071e2e !important;outline:none !important;height:auto !important;}
.sbc-isel:focus{border-color:#02476d !important;}
.sbc-del{width:26px !important;height:26px !important;border:none !important;background:#e6f2f8 !important;border-radius:6px !important;cursor:pointer !important;color:#c0392b !important;font-size:14px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;line-height:1 !important;padding:0 !important;margin:0 !important;box-shadow:none !important;}
.sbc-del:hover{background:#fdecea !important;}
.sbc-add-item{margin-top:8px !important;width:100% !important;padding:6px 14px !important;border:1.5px dashed #bdd9ea !important;border-radius:8px !important;background:transparent !important;font-size:0.8rem !important;color:#02476d !important;cursor:pointer !important;transition:all 0.2s !important;display:block !important;text-align:center !important;box-shadow:none !important;outline:none !important;}
.sbc-add-item:hover{border-color:#02476d !important;background:#e6f2f8 !important;}

/* CALC BUTTON */
.sbc-calc-btn{width:100% !important;padding:1rem !important;background:#02476d !important;color:#ffffff !important;border:none !important;border-radius:10px !important;font-family:'Syne',sans-serif !important;font-weight:700 !important;font-size:1rem !important;cursor:pointer !important;transition:all 0.2s !important;letter-spacing:0.02em !important;display:block !important;text-align:center !important;box-shadow:none !important;outline:none !important;height:auto !important;}
.sbc-calc-btn:hover{background:#013552 !important;transform:translateY(-1px) !important;box-shadow:0 6px 20px rgba(2,71,109,0.3) !important;}
.sbc-calc-btn:active{transform:translateY(0) !important;}

/* RESULTS */
.sbc-results{margin-top:1.5rem !important;display:none !important;}
.sbc-results.sbc-show{display:block !important;animation:sbcFadeUp 0.35s ease both !important;}
@keyframes sbcFadeUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.sbc-result-hero{background:linear-gradient(135deg,#02476d,#013552) !important;border-radius:10px !important;padding:1.4rem !important;text-align:center !important;margin-bottom:1rem !important;position:relative !important;overflow:hidden !important;}
.sbc-result-hero::after{content:'' !important;position:absolute !important;bottom:-25px !important;left:-10px !important;width:70px !important;height:70px !important;background:rgba(247,201,72,0.12) !important;border-radius:50% !important;}
.sbc-rh-label{font-size:0.73rem !important;color:rgba(255,255,255,0.72) !important;text-transform:uppercase !important;letter-spacing:0.08em !important;margin-bottom:5px !important;}
.sbc-rh-amount{font-family:'Syne',sans-serif !important;font-weight:800 !important;font-size:2.8rem !important;color:#ffffff !important;line-height:1 !important;margin-bottom:3px !important;position:relative !important;z-index:1 !important;}
.sbc-rh-sub{font-size:0.8rem !important;color:rgba(255,255,255,0.68) !important;}
.sbc-person-results{display:flex !important;flex-direction:column !important;gap:5px !important;margin-bottom:1rem !important;}
.sbc-person-row{display:flex !important;justify-content:space-between !important;align-items:center !important;background:#e6f2f8 !important;border:1px solid #bdd9ea !important;border-radius:8px !important;padding:0.65rem 0.9rem !important;}
.sbc-pr-name{font-size:0.875rem !important;font-weight:500 !important;color:#071e2e !important;display:flex !important;align-items:center !important;gap:7px !important;}
.sbc-pr-dot{width:7px !important;height:7px !important;border-radius:50% !important;display:inline-block !important;}
.sbc-pr-amt{font-family:'Syne',sans-serif !important;font-weight:700 !important;font-size:0.95rem !important;color:#02476d !important;}
.sbc-share-bar{height:3px !important;background:#bdd9ea !important;border-radius:2px !important;margin-top:3px !important;overflow:hidden !important;}
.sbc-share-fill{height:100% !important;border-radius:2px !important;}
.sbc-result-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:8px !important;margin-bottom:1rem !important;}
.sbc-result-cell{background:#e6f2f8 !important;border:1px solid #bdd9ea !important;border-radius:10px !important;padding:0.8rem !important;text-align:center !important;}
.sbc-rc-label{font-size:0.7rem !important;color:#6b92aa !important;margin-bottom:3px !important;}
.sbc-rc-val{font-family:'Syne',sans-serif !important;font-weight:700 !important;font-size:0.95rem !important;color:#02476d !important;}
.sbc-breakdown{background:#f0f7fb !important;border:1px solid #bdd9ea !important;border-radius:10px !important;padding:0.9rem 1rem !important;font-size:0.8rem !important;color:#2d5068 !important;line-height:1.9 !important;margin-bottom:0.75rem !important;}
.sbc-breakdown strong{color:#071e2e !important;}
.sbc-copy-btn{width:100% !important;padding:0.7rem !important;border:1.5px solid #bdd9ea !important;background:#ffffff !important;border-radius:10px !important;font-size:0.875rem !important;font-weight:500 !important;color:#2d5068 !important;cursor:pointer !important;transition:all 0.2s !important;display:block !important;text-align:center !important;box-shadow:none !important;outline:none !important;height:auto !important;}
.sbc-copy-btn:hover{border-color:#02476d !important;color:#02476d !important;background:#e6f2f8 !important;}
.sbc-reset-row{text-align:center !important;margin-top:0.6rem !important;}
.sbc-reset-btn{background:none !important;border:none !important;font-size:0.78rem !important;color:#6b92aa !important;cursor:pointer !important;text-decoration:underline !important;padding:0 !important;box-shadow:none !important;outline:none !important;}
.sbc-reset-btn:hover{color:#02476d !important;}

@media(max-width:480px){
  .sbc-result-grid{grid-template-columns:repeat(2,1fr) !important;}
  .sbc-rh-amount{font-size:2.1rem !important;}
  .sbc-body{padding:1.25rem !important;}
  .sbc-tabs .sbc-tab{font-size:0.68rem !important;}
}