/*
|---------------------------------------------------
| LINKOS MAIN STYLE FILE
| File:
| wp-content/plugins/linkos/assets/css/linkos-style.css
|
| WHY THIS FILE EXISTS:
| Controls all LinkOS visual design and hides the
| WordPress admin interface on the SaaS app route.
|---------------------------------------------------
*/

body.admin_page_linkos-app #wpadminbar,
body.admin_page_linkos-app #adminmenuwrap,
body.admin_page_linkos-app #adminmenuback,
body.admin_page_linkos-app #wpfooter,
body.admin_page_linkos-app .notice,
body.admin_page_linkos-app .update-nag,
body.admin_page_linkos-app #screen-meta-links{display:none!important}

body.admin_page_linkos-app #wpcontent,
body.admin_page_linkos-app #wpbody,
body.admin_page_linkos-app #wpbody-content{margin:0!important;padding:0!important}

body.admin_page_linkos-app,
body.admin_page_linkos-app html{background:#fff!important}

body.admin_page_linkos-app{overflow-x:hidden!important}

.lk-header{height:86px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;box-shadow:0 2px 9px rgba(0,0,0,.18);position:sticky;top:0;z-index:60;font-family:Arial,Helvetica,sans-serif}
.lk-left{display:flex;align-items:center;gap:13px}
.lk-menu-btn{border:0;background:transparent;font-size:38px;color:#757575;cursor:pointer;line-height:1}
.lk-logo-mark{width:38px;height:38px;border-radius:14px;background:#eef5ff;display:flex;align-items:center;justify-content:center;font-size:22px}
.lk-logo-text{color:#063b78;font-size:25px;font-weight:900;letter-spacing:5px}
.lk-search{width:430px;height:56px;background:#fff;border-radius:18px;box-shadow:0 4px 18px rgba(0,0,0,.13);display:flex;align-items:center;gap:18px;padding:0 24px}
.lk-search span{font-size:31px;color:#2e3844}.lk-search input{border:0;outline:0;font-size:19px;width:100%}
.lk-nav{display:flex;gap:70px}.lk-nav button{border:0;background:transparent;font-size:19px;cursor:pointer;color:#000}
.lk-actions{display:flex;gap:32px}
.lk-orange-btn{border:0;background:#ff8800;color:#000;border-radius:10px;padding:13px 30px;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.23)}

.lk-sidebar-layer{position:fixed;inset:0;z-index:70;display:none;background:transparent}.lk-sidebar-layer.active{display:block}
.lk-sidebar{position:fixed;top:96px;left:-340px;width:310px;min-height:560px;background:#d9d9d9;border-radius:0 30px 30px 0;z-index:80;padding:48px 25px 32px;transition:left .25s ease;box-sizing:border-box}
.lk-sidebar.active{left:12px}.lk-sidebar-close{position:absolute;right:25px;top:22px;border:0;background:transparent;font-size:34px;cursor:pointer}
.lk-sidebar button:not(.lk-sidebar-close){display:block;width:100%;text-align:left;border:0;background:transparent;font-size:27px;padding:18px 10px;cursor:pointer;color:#151a22}

.lk-home{font-family:Arial,Helvetica,sans-serif;background:#fff}.lk-home.hidden,.lk-header.hidden{display:none}
.lk-hero{display:grid;grid-template-columns:47% 53%;align-items:center;min-height:635px;padding:70px 72px 0}
.lk-hero-text h1{font-size:58px;line-height:1.28;font-weight:900;margin:0 0 28px}.lk-hero-text p{font-size:18px;line-height:1.38;width:550px;max-width:100%;margin:0 0 35px}
.lk-hero-btn{display:block;width:210px;height:55px;border:0;background:#ff8500;color:#fff;border-radius:8px;font-size:18px;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.24)}
.lk-explore-btn{margin:22px 0 0 38px;border:0;background:transparent;color:#2078ff;font-size:18px;cursor:pointer}
.lk-hero-art{position:relative;width:695px;height:510px;transform:rotate(8deg);opacity:.93}
.lk-dashboard-card{position:absolute;inset:36px 18px 18px;background:#fff;border:1px solid #edf1f7;border-radius:21px;box-shadow:0 18px 35px rgba(29,67,130,.14);overflow:hidden}
.lk-window-dots{height:42px;border-bottom:1px solid #edf1f7;display:flex;align-items:center;gap:8px;padding-left:20px}.lk-window-dots i{width:10px;height:10px;border-radius:50%}.lk-window-dots i:nth-child(1){background:#ff3b30}.lk-window-dots i:nth-child(2){background:#ffcc00}.lk-window-dots i:nth-child(3){background:#28c840}
.lk-dashboard-inner{display:grid;grid-template-columns:145px 1fr;height:calc(100% - 42px)}.lk-demo-sidebar{border-right:1px solid #edf1f7;padding:23px 18px}.lk-demo-sidebar b{display:block;color:#1167ff;margin-bottom:20px;font-size:16px}.lk-demo-sidebar span{display:block;color:#253855;font-size:12px;margin:17px 0}
.lk-demo-main{padding:21px}.lk-demo-main h3{margin:0;font-size:20px}.lk-demo-main p{margin:5px 0 14px;font-size:12px;color:#68758a}
.lk-demo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.lk-demo-stats div{border:1px solid #eef2f7;border-radius:14px;padding:12px;background:#fff}.lk-demo-stats small{color:#68758a;font-size:10px}.lk-demo-stats b{display:block;font-size:18px}
.lk-demo-chart{margin-top:15px;height:135px;border:1px solid #eef2f7;border-radius:15px;padding:14px;background:#fff}.lk-demo-chart div{height:90px;border-bottom:2px solid #e8eef7;background:linear-gradient(145deg,transparent 0 14%,rgba(17,103,255,.15) 15% 25%,transparent 26% 40%,rgba(17,103,255,.22) 41% 52%,transparent 53% 65%,rgba(17,103,255,.16) 66% 82%,transparent 83%)}
.lk-demo-bottom{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:14px}.lk-demo-bottom>div{border:1px solid #eef2f7;border-radius:14px;padding:12px}.lk-demo-bottom p{margin:6px 0}.lk-demo-bottom span{display:block;text-align:center;font-size:55px}
.lk-floating-icon{position:absolute;width:58px;height:58px;border-radius:16px;background:#fff;box-shadow:0 14px 25px rgba(0,0,0,.13);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900}.lk-yt{left:-10px;top:200px;color:red}.lk-ig{left:-28px;bottom:100px;color:#e13b85}.lk-tk{right:-10px;top:200px;background:#111;color:#fff}.lk-in{right:55px;bottom:10px;background:#0a66c2;color:#fff}

.lk-supported{padding:0 0 85px;text-align:center}.lk-supported h2{font-size:40px;margin:0 0 50px}.lk-app-grid{display:grid;grid-template-columns:repeat(4,150px);gap:45px 90px;justify-content:center}.lk-app-card{height:140px;background:#fff;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.10);display:flex;flex-direction:column;align-items:center;justify-content:center}.lk-app-card i,.lk-orange-icons i{width:62px;height:62px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;font-style:normal}.lk-app-card b{margin-top:12px;font-size:19px}
.lk-icon-youtube{background:#f00;color:#fff}.lk-icon-instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:#fff}.lk-icon-tiktok{background:#000;color:#fff}.lk-icon-twitter{background:#1da1f2;color:#fff}.lk-icon-threads{background:#111;color:#fff}.lk-icon-linkedin{background:#0a66c2;color:#fff}.lk-icon-twitch{background:#8357ff;color:#fff}.lk-icon-vimeo{background:#1ab7ea;color:#fff}

.lk-track-clean{min-height:690px;padding:20px 70px 80px;text-align:center;background:#fff;font-family:Arial,Helvetica,sans-serif}.lk-track-clean h2{font-size:36px;margin:0 0 18px}.lk-track-clean>p{font-size:17px;line-height:1.45;margin:0}.lk-stats-floating{margin:170px auto 0;width:760px;max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:120px 130px;text-align:left}.lk-stats-floating div{display:grid;grid-template-columns:70px 1fr;column-gap:22px;align-items:center}.lk-stats-floating i{grid-row:span 2;width:62px;height:62px;border-radius:15px;background:#eef3ff;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:28px}.lk-stats-floating strong{font-size:38px}.lk-stats-floating span{font-size:22px}

.lk-analytics-orange{background:#e98905;color:#111;min-height:720px;padding:55px 60px;font-family:Arial,Helvetica,sans-serif}.lk-orange-logo{display:flex;align-items:center;gap:24px;color:#1767cb;font-size:46px;letter-spacing:6px;margin-bottom:75px}.lk-orange-mark{width:92px;height:92px;border-radius:25px;background:#eaf2ff;display:flex;align-items:center;justify-content:center;font-size:52px}.lk-orange-menu{border-top:1px solid rgba(0,0,0,.35);padding-top:28px;display:flex;justify-content:space-between;font-size:20px}.lk-orange-body{display:grid;grid-template-columns:40% 60%;margin-top:36px}.lk-orange-icons{display:grid;grid-template-columns:repeat(4,72px);gap:30px 45px;align-content:start}.lk-orange-chart{position:relative;min-height:360px;border-radius:30px}.lk-chart-title{display:flex;justify-content:space-between;color:#1593ff;font-size:23px;margin-bottom:25px}.lk-chart-title strong{text-decoration:underline;color:#1593ff}.lk-chart-labels{color:#1593ff;display:flex;flex-direction:column;gap:42px;font-size:20px}.lk-chart-curve{position:absolute;left:85px;right:150px;top:100px;height:170px;border-bottom:7px solid #1593ff;border-radius:0 0 50% 50%;transform:skewX(-15deg)}.lk-chart-curve:before{content:"";position:absolute;inset:20px 0 auto 80px;height:120px;border-top:7px solid #1593ff;border-radius:50%;transform:rotate(12deg)}.lk-chart-dates{position:absolute;left:130px;right:180px;bottom:45px;display:flex;justify-content:space-between;color:#1593ff;font-size:20px;font-weight:700}

.lk-page{display:none;min-height:100vh;background:#f5f7fb;color:#152033;font-family:Arial,Helvetica,sans-serif;padding:42px;box-sizing:border-box}.lk-page.active{display:block}.lk-page-close{position:fixed;top:22px;right:28px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#111;font-size:28px;box-shadow:0 4px 12px rgba(0,0,0,.18);cursor:pointer;z-index:120}.lk-page-shell{max-width:1500px;margin:0 auto}.lk-page-head{background:#fff;border:1px solid #e6ebf2;border-radius:24px;padding:32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 30px rgba(17,24,39,.06)}.lk-page-head h1{margin:0 0 10px;font-size:40px;color:#111827}.lk-page-head p{margin:0;font-size:17px;color:#667085}.lk-page-head span{padding:12px 18px;border-radius:999px;background:#eef5ff;color:#1767cb;font-weight:800}.lk-page-actions{display:flex;gap:18px;margin:28px 0}.lk-create-btn,.lk-add-btn{border:0;border-radius:13px;padding:17px 34px;font-size:20px;font-weight:900;cursor:pointer;box-shadow:0 6px 15px rgba(0,0,0,.12)}.lk-create-btn{background:#28dd76;color:#000}.lk-add-btn{background:#7449f4;color:#fff}.lk-empty-state{text-align:center;padding:90px 20px;background:#fff;border:1px dashed #ccd5e1;border-radius:24px}.lk-empty-state h2{font-size:42px;margin:0 0 10px}.lk-empty-state p{font-size:18px;color:#667085}.lk-links-list{display:grid;gap:18px}.lk-link-card{background:#fff;border:1px solid #e6ebf2;border-radius:22px;padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 25px rgba(17,24,39,.05)}.lk-link-card strong{font-size:26px;display:block;margin-bottom:8px}.lk-link-card a{color:#1767cb;text-decoration:none;word-break:break-all}.lk-link-meta{margin-top:10px;color:#667085;font-size:14px}.lk-link-buttons{display:flex;gap:12px}.lk-link-buttons button{border:0;padding:13px 22px;border-radius:10px;color:#fff;cursor:pointer;font-weight:800}.lk-edit-btn{background:#7449f4}.lk-delete-btn{background:#ef4444}

.lk-category-panel{display:none;background:#fff;border-radius:24px;padding:28px;border:1px solid #e6ebf2;box-shadow:0 10px 30px rgba(17,24,39,.06)}.lk-category-panel.active{display:block}.lk-category-search{width:100%;height:52px;border:1px solid #d7dde8;border-radius:15px;padding:0 18px;font-size:18px;margin-bottom:24px;box-sizing:border-box}.lk-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.lk-category-card{border:1px solid #e6ebf2;border-radius:18px;padding:20px;background:#f9fbff;cursor:pointer;transition:.2s}.lk-category-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(17,24,39,.08)}.lk-category-card b{display:block;font-size:19px;margin-bottom:8px}.lk-category-card span{color:#667085;font-size:14px}.lk-subcat-title{margin:28px 0 16px;font-size:26px}.lk-subcat-list{display:flex;flex-wrap:wrap;gap:12px}.lk-subcat-pill{background:#eef5ff;color:#1767cb;padding:12px 17px;border-radius:999px;font-weight:800}

.lk-modal,.lk-delete-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(9,14,25,.42);z-index:200}.lk-modal.active,.lk-delete-modal.active{display:flex}.lk-modal-box{width:720px;max-width:92vw;background:#fff;border-radius:28px;padding:34px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.25)}.lk-modal-close{position:absolute;top:22px;right:22px;width:36px;height:36px;border:0;border-radius:50%;background:#f1f5f9;color:#111;font-size:26px;cursor:pointer}.lk-modal-box h2{margin:0 0 22px;font-size:34px;text-align:left;color:#111827}.lk-form-grid{display:grid;gap:18px}.lk-form-grid label span{display:block;font-size:15px;font-weight:900;color:#344054;margin-bottom:8px}.lk-form-grid input,.lk-form-grid textarea,.lk-form-grid select{width:100%;border:1px solid #d7dde8;border-radius:14px;background:#fff;font-size:17px;padding:14px 16px;box-sizing:border-box;outline:none}.lk-form-grid textarea{height:105px;resize:none}.lk-form-grid input:focus,.lk-form-grid textarea:focus,.lk-form-grid select:focus{border-color:#1767cb;box-shadow:0 0 0 4px rgba(23,103,203,.12)}.lk-save-btn{display:block;margin:26px 0 0 auto;border:0;border-radius:14px;background:#111827;color:#fff;padding:16px 36px;font-size:19px;font-weight:900;cursor:pointer}
.lk-combo{position:relative}.lk-combo button{width:100%;border:1px solid #d7dde8;border-radius:14px;background:#fff;font-size:17px;padding:14px 16px;text-align:left;cursor:pointer}.lk-combo-dropdown{display:none;position:absolute;top:58px;left:0;right:0;background:#fff;border:1px solid #d7dde8;border-radius:15px;box-shadow:0 18px 40px rgba(17,24,39,.18);z-index:260;padding:12px;max-height:290px;overflow:auto}.lk-combo.active .lk-combo-dropdown{display:block}.lk-combo-dropdown input{margin-bottom:10px}.lk-combo-option{padding:12px;border-radius:10px;cursor:pointer;font-weight:700}.lk-combo-option:hover{background:#eef5ff;color:#1767cb}

.lk-delete-box{background:#fff;width:430px;max-width:90vw;padding:30px;border-radius:24px;text-align:center}.lk-delete-box h2{margin:0 0 22px}.lk-delete-box button{border:0;border-radius:12px;padding:14px 22px;margin:6px;cursor:pointer;font-weight:900}#lkDeleteYes{background:#ef4444;color:#fff}#lkDeleteNo{background:#111827;color:#fff}

@media(max-width:1100px){.lk-header{gap:12px}.lk-search{width:270px}.lk-nav{gap:18px}.lk-hero{grid-template-columns:1fr;padding:40px 25px}.lk-hero-text h1{font-size:44px}.lk-hero-art{width:100%;height:430px;margin-top:30px}.lk-app-grid{grid-template-columns:repeat(2,150px);gap:30px}.lk-orange-body{grid-template-columns:1fr;gap:40px}.lk-orange-menu{flex-wrap:wrap;gap:20px}.lk-stats-floating{grid-template-columns:1fr;gap:50px;margin-top:80px}}


.lk-category-tree{
padding:20px;
display:flex;
flex-direction:column;
gap:14px;
}

.lk-category-tree details{
background:#f4f6fb;
border-radius:18px;
padding:12px;
}

.lk-category-tree summary{
font-size:18px;
font-weight:700;
cursor:pointer;
margin-bottom:10px;
}

.lk-subcat-btn{
display:block;
width:100%;
border:none;
background:#fff;
padding:10px 14px;
margin-top:8px;
border-radius:12px;
text-align:left;
font-weight:600;
cursor:pointer;
}


/*
|---------------------------------------------------
| LINKOS V6 CATEGORY FILTER BAR
| WHY:
| Makes category/subcategory filtering visible on every workspace page.
| CONNECTS:
| lkFilterCategory + lkFilterSubcategory + lkFilterSearch in PHP UI.
|---------------------------------------------------
*/

.lk-filter-bar{
    background:#ffffff;
    border:1px solid #e6ebf2;
    border-radius:22px;
    padding:20px;
    margin:0 0 28px;
    display:grid;
    grid-template-columns:220px 220px 1fr 110px;
    gap:16px;
    align-items:end;
    box-shadow:0 10px 25px rgba(17,24,39,.05);
}

.lk-filter-field span{
    display:block;
    font-size:13px;
    font-weight:900;
    color:#344054;
    margin-bottom:8px;
}

.lk-filter-field select,
.lk-filter-field input{
    width:100%;
    height:48px;
    border:1px solid #d7dde8;
    border-radius:13px;
    padding:0 14px;
    font-size:15px;
    background:#fff;
    outline:none;
    box-sizing:border-box;
}

.lk-filter-field select:focus,
.lk-filter-field input:focus{
    border-color:#1767cb;
    box-shadow:0 0 0 4px rgba(23,103,203,.12);
}

.lk-filter-clear{
    height:48px;
    border:0;
    border-radius:13px;
    background:#111827;
    color:#fff;
    font-size:15px;
    font-weight:900;
    cursor:pointer;
}

.lk-sidebar-category-tree{
    border-top:1px solid rgba(0,0,0,.12);
    margin-top:14px;
    padding-top:12px;
}

.lk-side-cat{
    margin:6px 0;
}

.lk-side-cat-main{
    width:100%;
    border:0;
    border-radius:12px;
    background:#f2f4f7!important;
    color:#111827!important;
    font-size:17px!important;
    font-weight:900;
    padding:12px 12px!important;
    cursor:pointer;
    text-align:left;
}

.lk-side-sub-list{
    display:none;
    padding:8px 0 6px 18px;
}

.lk-side-cat.active .lk-side-sub-list{
    display:block;
}

.lk-side-sub{
    display:block;
    width:100%;
    border:0;
    background:transparent!important;
    color:#344054!important;
    text-align:left;
    font-size:15px!important;
    padding:8px 8px!important;
    cursor:pointer;
    border-radius:9px;
}

.lk-side-sub:hover{
    background:#eef5ff!important;
    color:#1767cb!important;
}

.lk-category-active-note{
    background:#eef5ff;
    color:#1767cb;
    border-radius:999px;
    padding:9px 14px;
    font-size:13px;
    font-weight:900;
    display:inline-flex;
    margin-left:10px;
}

@media(max-width:900px){
    .lk-filter-bar{
        grid-template-columns:1fr;
    }
}