.board-foot-calculator{width:100%;max-width:28rem;margin:auto}.board-foot-calculator .calculator-card{background-color:#fff;padding:1rem;border-radius:5px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}@media (min-width:768px){.board-foot-calculator .calculator-card{padding:1rem}}.board-foot-calculator .form-group{margin-bottom:1rem}.board-foot-calculator .form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}@media (min-width:480px){.board-foot-calculator .form-group{display:flex;align-items:center;gap:1rem}.board-foot-calculator .form-label{flex:0 0 140px;margin-bottom:0;text-align:left}}.board-foot-calculator .form-input,.board-foot-calculator .form-select{width:100%;padding:.5rem 1rem;transition:box-shadow .2s,border-color .2s}.board-foot-calculator .form-input:focus,.board-foot-calculator .form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #93c5fd}.board-foot-calculator .button-group{display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.board-foot-calculator .button-group{flex-direction:row}}.board-foot-calculator .btn{width:100%;padding:.75rem 1.5rem;font-weight:700;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .3s,box-shadow .2s}.board-foot-calculator .btn:focus{outline:none;box-shadow:0 0 0 4px var(--ring-color)}.board-foot-calculator .results-container{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.board-foot-calculator .results-container.totallist{margin-top:0;padding-top:0;border-top:none}.board-foot-calculator .result-item{display:flex;justify-content:space-between;align-items:center}.board-foot-calculator .last-calc{font-size:1.5rem;font-weight:700;color:#111827}.board-foot-calculator .last-calc span:last-child{color:#2563eb}.board-foot-calculator .running-total{font-size:1.25rem;font-weight:600;color:#1f2937;margin-top:.5rem}.board-foot-calculator .running-total span:last-child{color:#16a34a}.board-foot-calculator .result-list-wrapper{margin-top:1.5rem}.board-foot-calculator .result-list-wrapper h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.board-foot-calculator .result-list{background-color:#f9fafb;padding:1rem;border-radius:.5rem;max-height:12rem;overflow-y:auto}.board-foot-calculator .result-list>div:not(:last-child){margin-bottom:.5rem}.board-foot-calculator .result-list-item{color:#374151;font-size:.875rem}.board-foot-calculator .list-actions{display:flex;gap:1rem;margin-top:1rem}.board-foot-calculator .list-actions .btn{font-size:.875rem;padding:.5rem 1rem}.board-foot-calculator .btn-dark{background-color:#4b5563;color:#fff}.board-foot-calculator .btn-dark:hover{background-color:#374151}.board-foot-calculator .btn-danger{background-color:#ef4444;color:#fff}.board-foot-calculator .btn-danger:hover{background-color:#dc2626}.board-foot-calculator .error-message{margin-top:1rem;text-align:center;color:#ef4444;font-weight:500;min-height:1.25rem}.board-foot-calculator .hidden{display:none}.board-foot-calculator .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.board-foot-calculator input[type="number"] {text-align: left}.board-foot-calculator #resetBtn, .board-foot-calculator #clearBtn {background-color: #000000;}