.centralino-monitor-container{font-family:Arial,sans-serif;max-width:1200px;margin:0 auto;padding:20px}.centralino-section{margin-bottom:30px;border:1px solid #ddd;border-radius:8px;padding:8px}.centralino-section h2{margin-top:0;color:#333;border-bottom:0;padding-bottom:0;font-size:22px !important}.centralino-agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:15px}#centralino-monitor .agent-card{border:1px solid #ddd;border-radius:6px;padding:5px 0 5px 10px;text-align:left;transition:all .3s ease}#centralino-monitor .agent-card.available{background-color:var(--centralino-bg-available,#d4edda);border-color:var(--centralino-color-available,#28a745);color:var(--centralino-text-available,#155724)}#centralino-monitor .agent-card.busy{background-color:var(--centralino-bg-busy,#f8d7da);border-color:var(--centralino-color-busy,#dc3545);color:var(--centralino-text-busy,#721c24)}#centralino-monitor .agent-card.unavailable{background-color:var(--centralino-bg-unavailable,#e2e3e5);border-color:var(--centralino-color-unavailable,#6c757d);color:var(--centralino-text-unavailable,#383d41)}#centralino-monitor .agent-card.ringing{background-color:var(--centralino-bg-ringing,#fff3cd);border-color:var(--centralino-color-ringing,#ffc107);color:var(--centralino-text-ringing,#856404);animation:pulse 1s infinite}#centralino-monitor .agent-card.paused{background-color:var(--centralino-bg-paused,#ffe5b4);border-color:var(--centralino-color-paused,#ff9800);color:var(--centralino-text-paused,#8a4a00)}#centralino-monitor .status-icon.available{color:var(--centralino-color-available,#28a745)}#centralino-monitor .status-icon.busy{color:var(--centralino-color-busy,#dc3545)}#centralino-monitor .status-icon.unavailable{color:var(--centralino-color-unavailable,#6c757d)}#centralino-monitor .status-icon.ringing{color:var(--centralino-color-ringing,#ffc107);animation:pulse 1s infinite}#centralino-monitor .status-icon.paused{color:var(--centralino-color-paused,#ff9800)}@keyframes pulse{0%{opacity:1}50%{opacity:.7}100%{opacity:1}}#centralino-monitor .status-icon{width:20px;height:20px;display:inline-block;margin-right:8px;font-size:16px;text-align:center;line-height:20px}#centralino-monitor .extension-number{font-weight:700;font-size:18px;margin-bottom:5px}#centralino-monitor .name-heart{margin-right:8px;font-size:16px}#centralino-monitor .extension-name{font-size:15px;font-weight:700;display:flex;align-items:center}#centralino-monitor .status-text{font-size:12px;font-weight:700}.centralino-last-update{text-align:center;color:#666;font-size:12px;margin-top:20px}.centralino-error{background-color:#f8d7da;color:#721c24;padding:15px;border-radius:6px;margin:20px 0}.centralino-loading{text-align:center;padding:20px;color:#666}.service-inactive{background-color:#e2e3e5;border:1px solid #6c757d;border-radius:6px;padding:5px 0;text-align:center;color:#6c757d;font-size:16px;font-weight:700;margin:5px 0}@media (max-width:768px){.centralino-agents-grid{grid-template-columns:repeat(2,1fr);gap:10px}#centralino-monitor .agent-card{padding:2px 8px;font-size:14px}#centralino-monitor .extension-number{font-size:16px}#centralino-monitor .extension-name{font-size:12px}#centralino-monitor .status-text{font-size:11px}}.icon-modal{position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.icon-modal-content{background-color:#fefefe;margin:5% auto;padding:0;border:1px solid #888;width:80%;max-width:800px;border-radius:8px;max-height:80vh;overflow:hidden}.icon-modal-header{padding:20px;background-color:#f1f1f1;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.icon-modal-close{color:#aaa;font-size:28px;font-weight:700;cursor:pointer}.icon-modal-close:hover{color:#000}.icon-search{padding:20px;border-bottom:1px solid #ddd}.icon-search input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;padding:20px;max-height:400px;overflow-y:auto}.icon-item{display:flex;flex-direction:column;align-items:center;padding:15px;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s ease;text-align:center}.icon-item:hover{background-color:#f0f0f0;border-color:#007cba}.icon-item i{font-size:24px;margin-bottom:5px;color:#333}.icon-item span{font-size:10px;color:#666;word-break:break-all}.icon-preview{display:inline-block;margin-left:10px;font-size:20px}.icon-selector-btn{margin-left:10px}#centralino-monitor .agent-card a{display:block;text-decoration:none;color:inherit;width:100%;height:100%}#centralino-monitor .agent-card a:hover{text-decoration:none;color:inherit}#centralino-monitor .agent-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.div-text-ricarica{color:#008efb;font-size:18px;font-weight:500}.div-text-ricarica a{color:#008efb !important;font-size:18px;font-weight:500;text-decoration:underline}.div-text-ricarica a:hover{color:#008efb;font-size:18px;font-weight:700 !important;text-decoration:underline}