.magic-item-list{padding:20px;max-width:1200px;margin:0 auto}.list-header{justify-content:space-between;margin-bottom:20px}.create-button,.list-header{display:flex;align-items:center}.create-button{gap:8px;background-color:#4CAF50;color:white;padding:8px 16px;border-radius:4px;text-decoration:none;transition:background-color .3s}.create-button:hover{background-color:#3d8b40}.filter-controls{display:flex;justify-content:space-between;margin-bottom:30px;gap:15px}.search-box{flex:1}.search-box input{width:100%}.class-filter select,.search-box input{padding:10px 15px;border-radius:4px;border:1px solid #444;background-color:#222;color:#fff;font-size:1rem}.class-filter select{min-width:203px;min-height:46px}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.item-card{background-color:#303030;border-radius:8px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s;border-top:3px solid #4db5ff;position:relative}.item-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.delete-button{background-color:rgba(255,0,0,.2);color:#ff5252;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.delete-button:hover{background-color:rgba(255,0,0,.4);transform:scale(1.1)}.item-header-actions{display:flex;gap:8px;flex-shrink:0}.highlight-button{background-color:rgba(255,215,0,.2);color:#ffd700;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.highlight-button:hover:not(:disabled){background-color:rgba(255,215,0,.4);transform:scale(1.1)}.highlight-button.active{background-color:rgba(255,215,0,.5);color:#ffd700}.highlight-button:disabled{opacity:.6;cursor:default}.handed-over-button{background-color:rgba(76,175,80,.2);color:#4CAF50;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.handed-over-button:hover:not(:disabled){background-color:rgba(76,175,80,.4);transform:scale(1.1)}.handed-over-button.active{background-color:rgba(76,175,80,.5);color:#4CAF50}.handed-over-button:disabled{opacity:.6;cursor:default}.item-name{margin-top:0;margin-bottom:15px;font-size:1.3rem;color:#fff;word-wrap:break-word;overflow-wrap:break-word}.item-class-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:10px}.item-class{flex-shrink:0}.class-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:700}.class-badge.druide{background-color:#4CAF50;color:white}.class-badge.kleriker{background-color:#FFC107;color:black}.class-badge.alle{background-color:#07f7ff;color:black}.class-badge.magier{background-color:#2196F3;color:white}.class-badge.schurke{background-color:#607D8B;color:white}.class-badge.paladin{background-color:#F44336;color:white}.item-type{color:#aaa;font-size:.9rem;margin-bottom:15px}.magic-item-list .item-description{flex-grow:1;margin-bottom:15px;color:#ddd;font-size:.95rem;overflow-wrap:break-word;word-wrap:break-word;display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset}.magic-item-list .item-description div{margin:0}.magic-item-list .item-description strong{font-weight:700;color:#fff}.magic-item-list .item-description em{font-style:italic;color:#eee}.magic-item-list .item-description br{margin-bottom:.5em}.item-created{font-size:.8rem;color:#888;text-align:right}.loading{padding:40px;font-size:1.1rem}.empty-state,.loading{text-align:center;color:#aaa}.empty-state{padding:60px 20px}.empty-icon{font-size:3rem;margin-bottom:20px;opacity:.5}.create-link{display:inline-block;margin-top:15px;background-color:#4db5ff;color:white;padding:10px 20px;border-radius:4px;text-decoration:none;transition:background-color .3s}.create-link:hover{background-color:#2a9df4}@media (max-width:768px){.filter-controls{flex-direction:column}.class-filter select{width:100%}}