#equipment-skills-container{padding:40px 0;max-width:1200px;margin:0 auto;font-family:Arial,sans-serif}#loading-message{text-align:center;padding:60px 20px}#loading-message i{font-size:3em;color:var(--color-blue)}#loading-message p{font-size:1.1rem;color:var(--color-grey);margin-top:20px}.equipment-movements-grouped{display:flex;flex-direction:column}.equipment-section{display:flex;flex-direction:column;gap:15px}.equipment-section h2,.machines-section h2,.standalone-movements-section h2{font-size:1.8rem;font-weight:700;margin:0;padding:0;font-family:Arial,sans-serif}.equipment-section>div:first-child,.machines-section>div:first-child,.standalone-movements-section>div:first-child{padding-bottom:12px;margin-bottom:10px;border-bottom:3px solid var(--color-blue)}.equipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.equipment-collapse-control{background:var(--color-white)!important;border:2px solid var(--color-white)!important;border-radius:999px!important;color:#ff6b35!important;min-width:34px;min-height:34px;box-shadow:0 2px 8px #0000001f;transition:all .2s ease}.equipment-collapse-control i{font-size:18px}.equipment-collapse-control:hover,.equipment-collapse-control:focus-visible{background:linear-gradient(135deg,#ff6b35,#ff8c42)!important;color:var(--color-white)!important;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b3547}.equipment-group{background:var(--color-white);border:1px solid #e0e0e0;border-radius:8px;transition:all .2s ease;position:relative}.equipment-group:hover{border-color:var(--color-blue);box-shadow:0 2px 8px #007bff1a}.equipment-group.disabled{opacity:.8}.equipment-group.collapsed{background:linear-gradient(135deg,#f9f9f9,#fafafa)}.equipment-header{display:flex;align-items:center;gap:14px;padding:5px 0;font-size:1.15rem;font-weight:700;color:#1a1a1a;font-family:Arial,sans-serif}.equipment-header input[type=checkbox]{width:24px;height:24px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--color-white);border:2px solid var(--color-grey);border-radius:6px;flex-shrink:0;position:relative;transition:all .2s ease}.equipment-header label{cursor:pointer;flex:1;font-weight:500;display:flex;align-items:center;font-family:Arial,sans-serif}.nested-movements{display:flex;flex-direction:column;padding-left:10px;transition:max-height .3s ease,opacity .3s ease;max-height:1000px;opacity:1;overflow:hidden}.nested-movements.collapsed-content{max-height:0;opacity:0;padding-left:0}.movement-item{display:flex;align-items:center;gap:5px;border-radius:8px;background:var(--color-lighter-grey);transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.movement-item.disabled{opacity:.5;pointer-events:none}.movement-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--color-white);border:2px solid var(--color-blue);border-radius:5px;flex-shrink:0;position:relative;transition:all .2s ease}.movement-item label{cursor:pointer;flex:1;font-weight:500;display:flex;align-items:center;font-family:Arial,sans-serif}.machines-section{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding-top:20px}.machines-section>div:first-child{grid-column:1 / -1;margin-bottom:10px}.machines-section h3{grid-column:1 / -1;font-size:1.6rem;font-weight:700;margin:0 0 10px;padding-bottom:12px;border-bottom:3px solid var(--color-blue);text-align:center;font-family:Arial,sans-serif}.machine-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:var(--color-lighter-grey);transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.machine-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--color-white);border:2px solid var(--color-blue);border-radius:5px;flex-shrink:0;position:relative;transition:all .2s ease}.machine-item label{cursor:pointer;flex:1;font-weight:500;display:flex;align-items:center;font-family:Arial,sans-serif}.standalone-movements-section{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding-top:20px}.standalone-movements-section>div:first-child{grid-column:1 / -1;margin-bottom:10px}.standalone-movements-section h3{grid-column:1 / -1;font-size:1.6rem;font-weight:700;margin:0 0 10px;padding-bottom:12px;border-bottom:3px solid var(--color-blue);text-align:center;font-family:Arial,sans-serif}.standalone-movement{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:var(--color-lighter-grey);transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.standalone-movement input[type=checkbox]{width:20px;height:20px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--color-white);border:2px solid var(--color-blue);border-radius:5px;flex-shrink:0;position:relative;transition:all .2s ease}.standalone-movement label{cursor:pointer;flex:1;font-weight:500;display:flex;align-items:center;font-family:Arial,sans-serif}.equipment-checkbox:checked{background:linear-gradient(135deg,var(--color-grey),#1a1a1a)!important;border-color:#1a1a1a!important;box-shadow:0 4px 12px #3333334d!important}.equipment-checkbox:checked:after{content:"✓";color:var(--color-white);font-size:16px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.equipment-checkbox:hover{transform:scale(1.1);box-shadow:0 2px 8px #3333!important}.equipment-checkbox:focus{outline:none;box-shadow:0 0 0 3px #3333!important}.movement-checkbox:checked{background:linear-gradient(135deg,var(--color-blue),#003d82)!important;border-color:#003d82!important;box-shadow:0 4px 12px #0056b34d!important}.movement-checkbox:checked:after{content:"✓";color:var(--color-white);font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.movement-checkbox:hover{transform:scale(1.1);box-shadow:0 2px 8px #0056b333!important}.movement-checkbox:focus{outline:none;box-shadow:0 0 0 3px #0056b333!important}.equipment-movements-grouped .fas{color:var(--color-blue);margin-right:8px}.section-buttons{display:flex;gap:10px;margin-bottom:20px;justify-content:center;align-items:center}.expand-collapse-btn{background:var(--color-white);color:var(--color-blue);border:2px solid var(--color-blue);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:Arial,sans-serif;transition:all .2s ease;white-space:nowrap}.expand-collapse-btn:hover{background:var(--color-blue);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.expand-collapse-btn:active{transform:translateY(0)}.collapse-button-row{display:flex;justify-content:center;padding-top:8px;border-top:1px solid #f0f0f0;margin-top:8px}.collapse-toggle{transition:all .2s ease;cursor:pointer;background:var(--color-lighter-grey);border:1px solid #ddd;padding:6px 12px;border-radius:5px;color:var(--color-blue);font-size:.85rem;font-weight:500;font-family:Arial,sans-serif;display:flex;align-items:center;gap:6px}.collapse-toggle:hover{background:#efefef;border-color:var(--color-blue);transform:scale(1.05)}.collapse-toggle:active{transform:scale(.98)}.collapse-icon{display:inline-block;transition:transform .3s ease;font-size:.9em}@media(max-width:1024px){.equipment-section{grid-template-columns:1fr 1fr;gap:12px}.standalone-movements-section{grid-template-columns:1fr 1fr;gap:8px}}@media(max-width:768px){#equipment-skills-container{padding:30px 15px}.equipment-grid{grid-template-columns:1fr;gap:12px}.equipment-section h2{font-size:1.5rem;margin-bottom:15px}.equipment-group{padding:12px;margin-bottom:8px}.equipment-header{font-size:1.05rem;padding:10px 0;gap:12px;margin-bottom:10px}.equipment-header input[type=checkbox]{width:26px;height:26px;min-width:26px}.equipment-header label{font-size:1.05rem}.nested-movements{padding-left:15px;gap:6px}.movement-item{padding:10px;font-size:1rem;gap:10px;margin-bottom:6px}.movement-item input[type=checkbox]{width:22px;height:22px;min-width:22px}.movement-item label{font-size:1rem}.standalone-movements-section{grid-template-columns:1fr;gap:8px}.standalone-movements-section h3{font-size:1.3rem;margin-bottom:15px}.standalone-movement{padding:10px 12px;gap:12px;font-size:1rem;margin-bottom:6px}.standalone-movement input[type=checkbox]{width:22px;height:22px;min-width:22px}.standalone-movement label{font-size:1rem}}@media(max-width:600px){#equipment-skills-container{padding:25px 12px}.equipment-grid{grid-template-columns:1fr;gap:10px}.equipment-section h2{font-size:1.3rem;margin-bottom:12px;padding-bottom:10px}.section-buttons{gap:8px;margin-bottom:15px}.expand-collapse-btn{padding:6px 12px;font-size:.85rem}.equipment-group{padding:12px;margin-bottom:8px;border-radius:8px}.equipment-header{font-size:1rem;padding:12px 0;gap:12px;margin-bottom:10px}.equipment-header input[type=checkbox]{width:28px;height:28px;min-width:28px;border-radius:6px}.equipment-header label{font-size:1rem}.nested-movements{padding-left:12px;gap:6px}.movement-item{padding:11px 10px;font-size:.95rem;gap:10px;margin-bottom:6px}.movement-item input[type=checkbox]{width:24px;height:24px;min-width:24px;border-radius:5px}.movement-item label{font-size:.95rem}.standalone-movements-section{grid-template-columns:1fr;gap:10px;padding-top:15px}.standalone-movements-section h3{font-size:1.2rem;margin-bottom:12px;padding-bottom:10px}.standalone-movement{padding:11px 10px;gap:12px;font-size:.95rem;margin-bottom:6px}.standalone-movement input[type=checkbox]{width:24px;height:24px;min-width:24px;border-radius:5px}.standalone-movement label{font-size:.95rem}}@media(max-width:480px){#equipment-skills-container{padding:20px 10px}.equipment-grid{grid-template-columns:1fr;gap:8px}.equipment-section h2{font-size:1.2rem;margin-bottom:12px;padding-bottom:8px}.equipment-group{padding:10px;margin-bottom:6px}.equipment-header{font-size:.95rem;padding:10px 0;gap:10px;margin-bottom:8px}.equipment-header input[type=checkbox]{width:26px;height:26px;min-width:26px}.equipment-header label{font-size:.95rem}.nested-movements{padding-left:10px;gap:4px}.movement-item{padding:10px 8px;font-size:.9rem;gap:8px;margin-bottom:4px}.movement-item input[type=checkbox]{width:22px;height:22px;min-width:22px}.movement-item label{font-size:.9rem}.standalone-movements-section{grid-template-columns:1fr;gap:8px;padding-top:12px}.standalone-movements-section h3{font-size:1.1rem;margin-bottom:10px;padding-bottom:8px}.standalone-movement{padding:10px 8px;gap:10px;font-size:.9rem;margin-bottom:4px}.standalone-movement input[type=checkbox]{width:22px;height:22px;min-width:22px}.standalone-movement label{font-size:.9rem}}
