/* LinkGuard dashboard, payment, and profile surfaces. Kept fully scoped so
   the plugin blends into the active WordPress theme without changing it. */
.lg-theme{background:#f4f8f8;color:#24343d;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;padding:20px 4px;border:1px solid #dce8e9;border-radius:8px}
.lg-theme a{color:#087b76}

.lg-wrap{max-width:920px;margin:0 auto;padding:16px 18px 52px}
.lg-header{display:flex;align-items:center;gap:10px;padding:10px 0 20px}
.lg-logo{width:32px;height:32px;border-radius:7px;background:linear-gradient(135deg,#087b76,#36a98f);color:#fff;display:flex;align-items:center;justify-content:center}
.lg-header h1{font-size:18px;margin:0}
.lg-card{background:#fff;border:1px solid #d9e5e7;border-radius:7px;padding:24px;margin-top:14px;box-shadow:0 8px 24px rgba(31,62,69,.06)}
.lg-card h2{color:#24343d;margin-top:0}
.lg-center{text-align:center}
.lg-wrap input,.lg-wrap select,.lg-wrap textarea{width:100%;padding:11px 12px;border-radius:6px;border:1px solid #cbdadc;background:#fff;color:#24343d;font-size:15px;margin-top:6px;box-sizing:border-box}
.lg-wrap input:focus,.lg-wrap select:focus,.lg-wrap textarea:focus{outline:2px solid rgba(8,123,118,.2);border-color:#087b76}
.lg-url-input{font-family:inherit;resize:vertical;min-height:120px;max-height:260px;overflow-y:auto;word-break:break-all;white-space:pre-wrap}
.lg-wrap label{font-size:13px;color:#60727a}
.lg-form-label{display:block;margin-top:10px}
.lg-btn-primary{display:block;background:#087b76;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:700;cursor:pointer;font-size:15px;margin:18px auto 0;min-width:180px;text-align:center}
.lg-btn-primary:hover{background:#066762}
.lg-btn-sm{padding:6px 10px;font-size:13px;border-radius:6px;border:none;cursor:pointer}
.lg-btn-danger{background:#c94b52;color:#fff}
.lg-muted{color:#60727a;font-size:13px}
.lg-alert{padding:12px 14px;border-radius:6px;margin-top:14px;font-size:14px}
.lg-err{background:#fae8e9;color:#9f3038}
.lg-ok{background:#e2f4ea;color:#237047}
.lg-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:14px}
.lg-stat-card{background:#f7fafa;border:1px solid #d9e5e7;border-radius:6px;padding:15px}
.lg-stat-label{font-size:12px;color:#60727a}
.lg-stat-value{font-size:19px;font-weight:700;margin-top:4px;color:#087b76}
.lg-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:13.5px}
.lg-earn-hero h2{margin-top:0}
.lg-rates-table td:first-child{font-weight:700;color:#4f7cff}
.lg-rules-list{margin:12px 0 0;padding-left:20px;line-height:1.7}
.lg-rules-list li{margin-bottom:6px}
.lg-table th{text-align:left;color:#60727a;padding:9px 6px;border-bottom:1px solid #d9e5e7}
.lg-table td{padding:9px 6px;border-bottom:1px solid #d9e5e7;vertical-align:top}
.lg-badge{background:#e2f4ea;color:#237047;padding:3px 10px;border-radius:14px;font-size:11.5px;font-weight:700}
.lg-short{font-weight:600;word-break:break-all}
.lg-url{color:#60727a;font-size:12px;word-break:break-all;margin-top:4px}
.lg-link-cell{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
.lg-link-cell .lg-link-text{flex:1;min-width:140px}
.lg-copy-btn{background:#e8f2f2;color:#075d5a;border:1px solid #bfd7d6;padding:5px 10px;font-size:12px;font-weight:700;border-radius:6px;cursor:pointer;white-space:nowrap;flex-shrink:0}
.lg-copy-btn:hover{background:#dcebea}
.lg-copy-btn.lg-copied{background:#dff3e8;color:#237047;border-color:#a8d5bb}
.lg-link-item{background:#f7fafa;border:1px solid #d9e5e7;border-radius:6px;padding:12px 14px;margin-top:10px}
.lg-ad-slot{border:1px dashed #bdcfd2;border-radius:6px;padding:30px 10px;margin:18px 0;color:#60727a}
.lg-tag{background:#087b76;color:#fff;font-size:10px;padding:2px 7px;border-radius:10px;margin-left:6px}
.lg-panel[hidden],.lg-mode-panel[hidden]{display:none !important}
.lg-modes{display:flex;gap:0;margin-bottom:14px;border:1px solid #cbdadc;border-radius:6px;overflow:hidden;background:#edf4f4}
.lg-mode-btn{flex:1;padding:11px 6px;background:transparent;color:#526970;border:none;font-size:14px;font-weight:600;cursor:pointer}
.lg-mode-btn.lg-active{background:#087b76;color:#fff}
.lg-file-drop{display:block;text-align:center;border:1px dashed #adc5c7;border-radius:6px;padding:22px 10px;cursor:pointer;color:#24343d;font-size:14px;margin:0}
.lg-file-drop:hover{background:#edf5f4}
.lg-file-drop input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.lg-adv{margin-top:16px}
.lg-adv-btn{display:inline-block;list-style:none;cursor:pointer;background:#e0efee;color:#075d5a;border:1px solid #bfd7d6;font-weight:700;font-size:13.5px;padding:8px 14px;border-radius:6px}
.lg-adv-btn::-webkit-details-marker{display:none}
.lg-adv-body{margin-top:12px}
.lg-title-line{font-weight:700;margin-bottom:2px}
@media (max-width:600px){.lg-theme{padding:10px 0}.lg-wrap{padding:12px 10px 38px}.lg-card{padding:16px}.lg-stat-value{font-size:16px}.lg-modes{display:grid;grid-template-columns:1fr}.lg-mode-btn{border-bottom:1px solid #d9e5e7}.lg-mode-btn:last-child{border-bottom:0}.lg-table{display:block;overflow-x:auto}}

/* Matching companion theme on the standalone /view/CODE verification screen. */
.lg-body{background:#f4f7f8;color:#202b32;font-family:Arial,Helvetica,sans-serif}
.lg-body .lg-wrap{max-width:710px;padding:34px 20px 70px}
.lg-body .lg-header{padding:8px 0 25px}
.lg-body .lg-logo{background:#087b76;color:#fff;border-radius:7px}
.lg-body .lg-card{background:#fff;color:#202b32;border:1px solid #dce5e8;border-radius:7px;padding:35px;box-shadow:0 10px 32px rgba(33,57,68,.06)}
.lg-body .lg-card h2{margin:4px 0 14px;font-size:24px}
.lg-body .lg-muted{color:#53636c;line-height:1.6}
.lg-body .lg-ad-slot{background:#f4f7f8;border:1px dashed #cbd8dc;border-radius:5px;color:#7c8b93;min-height:84px;margin:25px 0;display:flex;align-items:center;justify-content:center;font-size:12px}
.lg-body .lg-btn-primary{background:#087b76;color:#fff;border-radius:5px;min-height:46px}
.lg-body .lg-btn-primary:hover:not(:disabled){background:#075d5a}
.lg-body .lg-btn-primary:disabled{opacity:.6;cursor:not-allowed}
.lg-dest-preview{background:#f4f7f8;border:1px solid #dce5e8;border-radius:5px;padding:14px 16px;margin:18px 0;font-size:13px;color:#53636c;word-break:break-all;text-align:left;cursor:pointer}
.lg-dest-preview:hover{background:#eef3f4;border-color:#c7d4d8}
.lg-dest-preview strong{display:block;color:#202b32;font-size:15px;margin-bottom:4px;word-break:break-all}
@media(max-width:600px){.lg-body .lg-wrap{padding:22px 14px 45px}.lg-body .lg-card{padding:23px}}


/* ===== LinkGuard interactions ===== */
/* ===== v1.4 Professional animations ===== */
@keyframes lgFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes lgShine{from{left:-60%}to{left:130%}}
@keyframes lgPulse{0%{box-shadow:0 0 0 0 rgba(79,70,229,.45)}100%{box-shadow:0 0 0 12px rgba(79,70,229,0)}}
@keyframes lgPop{0%{transform:scale(.9);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes lgShake{0%,100%{transform:none}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.lg-wrap .lg-card,.lg-wrap .lg-stat-card,.lg-panel{animation:lgFadeUp .55s cubic-bezier(.2,.8,.2,1) both}
.lg-stats-grid .lg-stat-card:nth-child(2){animation-delay:.07s}.lg-stats-grid .lg-stat-card:nth-child(3){animation-delay:.14s}.lg-stats-grid .lg-stat-card:nth-child(4){animation-delay:.21s}
.lg-card,.lg-stat-card{transition:transform .3s ease,box-shadow .3s ease}
.lg-card:hover,.lg-stat-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(15,23,42,.35)}
.lg-wrap button,.lg-wrap .button,.lg-wrap input[type=submit],.lg-btn-primary,.lg-btn-sm,.lg-btn-danger,.lg-copy-btn,.lg-mode-btn,.lg-adv-btn{position:relative;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .25s ease,background-color .25s ease,color .25s ease,filter .2s}
.lg-wrap button:hover,.lg-btn-primary:hover,.lg-btn-sm:hover,.lg-btn-danger:hover,.lg-copy-btn:hover,.lg-mode-btn:hover,.lg-adv-btn:hover,.lg-wrap input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 10px 22px -10px rgba(79,70,229,.6);filter:brightness(1.06)}
.lg-wrap button:active,.lg-btn-primary:active,.lg-btn-sm:active,.lg-copy-btn:active,.lg-mode-btn:active,.lg-wrap input[type=submit]:active{transform:translateY(0) scale(.97)}
.lg-btn-primary::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);pointer-events:none}
.lg-btn-primary:hover::after{animation:lgShine .8s ease}
.lg-btn-danger:hover{box-shadow:0 10px 22px -10px rgba(220,38,38,.6)}
.lg-mode-btn.lg-active,.lg-active{animation:lgPulse 1.4s ease-out 1}
.lg-copy-btn.lg-copied{animation:lgPop .3s ease}
.lg-wrap input,.lg-wrap select,.lg-wrap textarea{transition:border-color .2s,box-shadow .25s,transform .2s}
.lg-wrap input:focus,.lg-wrap select:focus,.lg-wrap textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 4px rgba(79,70,229,.15)}
.lg-wrap input[type=checkbox],.lg-wrap input[type=radio]{accent-color:#4f46e5;transition:transform .15s}
.lg-wrap input[type=checkbox]:checked,.lg-wrap input[type=radio]:checked{transform:scale(1.12)}
.lg-mode-panel{animation:lgFadeUp .35s ease both}
.lg-adv-plus{display:inline-block;transition:transform .3s ease}
.lg-adv[open] .lg-adv-plus{transform:rotate(45deg)}
.lg-adv-body{margin-top:12px}
.lg-file-drop{transition:border-color .25s,background .25s,transform .25s}
.lg-file-drop:hover,.lg-file-drop.dragover{transform:scale(1.01);border-color:#4f46e5;background:rgba(79,70,229,.05)}
.lg-table tbody tr{transition:background .2s,transform .2s}
.lg-table tbody tr:hover{background:rgba(79,70,229,.05)}
.lg-alert{animation:lgPop .35s ease both}
.lg-alert.lg-err{animation:lgPop .35s ease both,lgShake .4s .35s}
.lg-badge{transition:transform .2s}.lg-badge:hover{transform:scale(1.08)}
.lg-wrap a{transition:color .2s,opacity .2s}
.lg-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.lg-reveal.lg-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.lg-wrap *,.lg-wrap *::after{animation:none!important;transition:none!important}}

/* v1.6.0: hero heading, legal pages, FAQ accordion, footer links */
.lg-hero{text-align:center}
.lg-hero h1{margin:0 0 8px;font-size:26px;color:#087b76;line-height:1.25}
.lg-legal h1{margin-top:0;color:#24343d}
.lg-legal h2{font-size:18px;margin:26px 0 8px}
.lg-legal h3{font-size:15px;margin:16px 0 6px;color:#24343d}
.lg-legal p,.lg-legal li{line-height:1.7;font-size:15px}
.lg-legal ul{padding-left:22px}
.lg-faq-item{border:1px solid #d9e5e7;border-radius:6px;margin-top:10px;background:#f7fafa}
.lg-faq-item summary{cursor:pointer;padding:13px 16px;font-weight:700;color:#24343d;list-style:none;position:relative;padding-right:40px}
.lg-faq-item summary::-webkit-details-marker{display:none}
.lg-faq-item summary::after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:20px;color:#087b76}
.lg-faq-item[open] summary::after{content:'\2212'}
.lg-faq-item[open] summary{border-bottom:1px solid #d9e5e7;background:#edf5f4}
.lg-faq-answer{padding:14px 16px;line-height:1.7;font-size:14.5px;color:#3b4d55}
.lg-footer-links{text-align:center;padding:14px 10px;font-size:13px;color:#60727a}
.lg-footer-links a{color:#087b76;text-decoration:none;margin:0 6px}
.lg-footer-links a:hover{text-decoration:underline}
@media (max-width:600px){.lg-hero h1{font-size:21px}}

/* Uppercase display copy without modifying submitted URLs, file names, passwords or stored values. */
.lg-theme{ text-transform:uppercase }
.lg-theme input,.lg-theme textarea,.lg-theme .lg-short,.lg-theme .lg-title-line,.lg-theme .lg-file-drop input{ text-transform:none }
.lg-theme input::placeholder,.lg-theme textarea::placeholder{ text-transform:uppercase }
.lg-site-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:26px;row-gap:12px;max-width:920px;margin:0 auto;padding:18px 20px;border-bottom:1px solid #d9e5e7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.lg-site-nav a{color:#24343d;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap;text-transform:uppercase}
.lg-site-nav a:hover,.lg-site-nav a:focus-visible{color:#087b76;text-decoration:underline}
/* Keep common WordPress theme menus and outer page titles visually consistent. */
.entry-title,.wp-block-post-title{text-transform:uppercase}
/* On plugin pages, avoid a duplicate theme navigation above the plugin menu. */
body:has(.lg-site-nav) header .wp-block-navigation,body:has(.lg-site-nav) header .main-navigation,body:has(.lg-site-nav) header #site-navigation{display:none}
@media(max-width:600px){.lg-site-nav{column-gap:14px;row-gap:10px;padding:14px 10px}.lg-site-nav a{font-size:11px}}
