.affiliate-link-label{display:inline-block;margin-right:6px;position:relative;vertical-align:middle;z-index:10}.affiliate-label-icon{align-items:center;background-color:var(--affiliate-label-color,red);border:1px solid var(--affiliate-label-color,red);border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;height:16px;justify-content:center;line-height:1;margin-left:6px;text-align:center;transform:translateY(-6px);transition:all .2s ease;width:16px;&:hover{background-color:#fff;color:var(--affiliate-label-color,red);transform:translateY(-2px) scale(1.1)}}.affiliate-tooltip{background-color:#fff;border-radius:6px;bottom:100%;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#333;font-size:13px;left:50%;line-height:1.4;margin-bottom:8px;opacity:0;padding:8px 12px;position:absolute;text-wrap:wrap;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;width:250px;&:after{border:6px solid transparent;border-top-color:#fff;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}a{color:var(--affiliate-label-color,red);text-decoration:underline;&:hover{text-decoration:none}}}.affiliate-link-label.tooltip-active .affiliate-tooltip{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}.affiliate-label-icon:hover,.affiliate-link-label.tooltip-active .affiliate-label-icon{background-color:#fff;color:var(--affiliate-label-color,red);transform:translateY(-2px) scale(1.1)}@media (max-width:768px){.affiliate-tooltip{bottom:100%;font-size:12px;left:50%;padding:6px 10px;right:auto}.affiliate-link-label.tooltip-active .affiliate-tooltip{transform:translateX(-49%) translateY(-4px)}}@media (max-width:480px){.affiliate-tooltip{height:-moz-fit-content;height:fit-content;left:0;position:fixed;top:64px;width:100%;&:after{display:none}}.affiliate-link-label.tooltip-active .affiliate-tooltip{transform:translateY(-4px)}}.article-content .wp-block-table:has(.affiliate-link-label){overflow-x:visible}
.fnet-affiliate-settings{max-width:1200px;.settings-header{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:24px;padding:32px;.header-content{align-items:center;display:flex;gap:24px;.header-icon{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;justify-content:center;padding:16px;svg{fill:#667eea}}.header-text{flex:1;h1{color:#1f2937;font-size:28px;font-weight:600;margin:0 0 8px}.header-description{color:#6b7280;font-size:15px;line-height:1.5;margin:0}}}}.settings-grid{display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.settings-column{min-width:0}.setting-group{margin-bottom:0}.components-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);height:100%;margin-bottom:0;overflow:hidden}.card-header-fancy{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 24px;h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}svg{fill:#667eea}}.components-panel__body{border-top:1px solid #f3f4f6;&:first-child{border-top:none}.components-panel__body-title{button{color:#374151;font-weight:600;padding:16px 24px;&:hover{background:#f9fafb}}}}.components-panel__body-content{padding:24px}.components-toggle-control{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s ease;&:hover{background:#f3f4f6;border-color:#d1d5db}.components-toggle-control__label{color:#1f2937;font-weight:500}}.components-base-control,.components-select-control{.components-base-control__label{color:#374151;font-weight:500;margin-bottom:8px}.components-base-control__help{color:#6b7280;font-size:13px}input,select{border:1px solid #d1d5db;border-radius:6px;transition:all .2s ease;&:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}}}.color-picker-wrapper{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;.components-base-control__label{color:#374151;font-weight:500;margin-bottom:4px}.components-color-picker{margin-top:12px}}.preview-link{color:#1f2937;font-weight:500;text-decoration:underline;transition:all .2s ease;&:hover{color:#667eea;transform:scale(1.02)}}.affiliate-link-label.preview-tooltip{.affiliate-tooltip{bottom:100%;box-shadow:0 8px 24px rgba(0,0,0,.15);margin-bottom:12px;max-width:300px;z-index:99;word-wrap:break-word;width:250px}&.tooltip-active .affiliate-tooltip{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}&.tooltip-active .affiliate-label-icon{background-color:#fff;color:var(--affiliate-label-color,red);transform:translateY(-2px) scale(1.1)}}}.wysiwyg-container{border:1px solid #d1d5db;border-bottom:none;border-radius:8px 8px 0 0;padding:12px;.components-toolbar-group{border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden}}.wysiwyg-textarea{background:#fff;border:1px solid #d1d5db;border-radius:0 0 8px 8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;min-height:120px;padding:16px;resize:vertical;transition:all .2s ease;width:100%;&:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}}.components-button{border-radius:8px;font-weight:500;padding:10px 24px;transition:all .2s ease;&.is-tertiary{&:hover:not(:disabled){background:#fee;color:#dc2626}}}.components-notice{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:24px}.preview-card{background:#fafbfc;border:2px solid #e5e7eb;margin-bottom:24px;.preview-header{strong{color:#374151;font-size:15px}svg{fill:#10b981}}}.action-buttons-card{bottom:20px;box-shadow:0 -2px 20px rgba(0,0,0,.1);position:sticky;z-index:10;.save-button{font-size:15px;min-width:200px;padding:12px 28px}.save-hint{color:#6b7280;font-size:13px;font-style:italic;margin:0}}.components-flex{gap:16px}.components-card.is-loading{opacity:.6;pointer-events:none}@media (max-width:768px){.settings-header{padding:24px;.header-content{flex-direction:column;text-align:center;.header-text h1{font-size:24px}}}.components-flex{flex-direction:column;.components-flex__item{width:100%}}.action-buttons-card{.components-flex{flex-direction:column;.save-hint{margin-top:12px;text-align:center}}}}