/*
Theme Name: SA-claude
Theme URI: https://docstec.com
Author: Docstec
Author URI: https://docstec.com
Description: A responsive black and yellow cloud storage WordPress theme designed for the SA-claude private drive experience.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: sa-claude
*/

:root{
  --sa-black:#070707;
  --sa-panel:#101114;
  --sa-panel-2:#17181d;
  --sa-yellow:#ffd400;
  --sa-yellow-2:#ffea57;
  --sa-text:#f7f7f7;
  --sa-muted:#a4a7ae;
  --sa-border:#282a31;
  --sa-radius:18px;
  --sa-shadow:0 18px 50px rgba(0,0,0,.28);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sa-black);color:var(--sa-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.sa-container{width:min(1180px,calc(100% - 36px));margin:0 auto}.sa-site-header{position:sticky;top:0;z-index:999;background:rgba(7,7,7,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,212,0,.12)}.sa-header-inner{height:76px;display:flex;align-items:center;gap:24px}.sa-brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.4px;font-size:20px}.sa-brand img{width:38px;height:38px}.sa-brand span{color:var(--sa-yellow)}.sa-nav{margin-left:auto;display:flex;align-items:center;gap:24px}.sa-nav a{font-size:14px;color:#d7d7d7;transition:.2s}.sa-nav a:hover{color:var(--sa-yellow)}.sa-header-actions{display:flex;align-items:center;gap:10px}.sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--sa-border);border-radius:12px;padding:11px 16px;font-weight:800;font-size:14px;cursor:pointer;transition:.2s;background:#111;color:#fff}.sa-btn:hover{transform:translateY(-1px);border-color:#4a4a4a}.sa-btn-primary{background:var(--sa-yellow);color:#080808;border-color:var(--sa-yellow);box-shadow:0 10px 30px rgba(255,212,0,.16)}.sa-btn-primary:hover{background:var(--sa-yellow-2)}.sa-menu-toggle{display:none;margin-left:auto;background:#111;border:1px solid var(--sa-border);color:var(--sa-yellow);border-radius:10px;width:42px;height:42px;font-size:20px}.sa-hero{position:relative;overflow:hidden;padding:92px 0 68px;background:radial-gradient(circle at 75% 40%,rgba(255,212,0,.18),transparent 34%),linear-gradient(180deg,#070707,#0b0b0c)}.sa-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.sa-hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}.sa-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,212,0,.28);background:rgba(255,212,0,.07);color:var(--sa-yellow);font-size:12px;font-weight:800}.sa-hero h1{font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-3px;margin:18px 0 20px;max-width:760px}.sa-hero h1 span{color:var(--sa-yellow)}.sa-hero p{max-width:650px;color:#b9bbc1;font-size:18px;margin:0 0 30px}.sa-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.sa-proof{display:flex;gap:24px;flex-wrap:wrap;margin-top:34px;color:#a8aab0;font-size:13px}.sa-proof strong{display:block;color:#fff;font-size:18px}.sa-drive-preview{background:linear-gradient(180deg,#15161a,#0e0f12);border:1px solid #2c2d31;border-radius:24px;padding:16px;box-shadow:0 35px 80px rgba(0,0,0,.5);transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}.sa-preview-top{display:flex;align-items:center;gap:8px;padding:7px 6px 16px}.sa-dot{width:10px;height:10px;border-radius:50%;background:#3b3d44}.sa-dot:first-child{background:var(--sa-yellow)}.sa-preview-search{margin-left:auto;width:54%;height:32px;border:1px solid #292a30;background:#0d0e11;border-radius:9px}.sa-preview-body{display:grid;grid-template-columns:130px 1fr;gap:12px}.sa-preview-side,.sa-preview-main{background:#0d0e11;border:1px solid #24262c;border-radius:15px;padding:12px}.sa-preview-side div{height:32px;border-radius:8px;background:#16181d;margin-bottom:8px}.sa-preview-side div:first-child{background:var(--sa-yellow)}.sa-preview-main h4{margin:2px 0 12px}.sa-files{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.sa-file{height:88px;border-radius:12px;background:#17191f;border:1px solid #2a2c33;padding:12px}.sa-file:before{content:"";display:block;width:30px;height:24px;border-radius:6px;background:var(--sa-yellow);margin-bottom:12px}.sa-section{padding:82px 0}.sa-section-alt{background:#0c0d0f;border-top:1px solid #17181b;border-bottom:1px solid #17181b}.sa-section-head{max-width:720px;margin:0 auto 42px;text-align:center}.sa-section-head h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px;line-height:1.05;margin:10px 0}.sa-section-head p{color:var(--sa-muted);margin:0}.sa-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sa-feature{padding:24px;background:linear-gradient(180deg,#121317,#0d0e11);border:1px solid #24262c;border-radius:18px}.sa-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--sa-yellow);color:#080808;font-size:21px;font-weight:900;margin-bottom:18px}.sa-feature h3{margin:0 0 8px;font-size:18px}.sa-feature p{margin:0;color:var(--sa-muted);font-size:14px}.sa-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:step}.sa-step{counter-increment:step;background:#101114;border:1px solid #282a31;border-radius:18px;padding:28px}.sa-step:before{content:"0" counter(step);color:var(--sa-yellow);font-size:12px;font-weight:900}.sa-step h3{font-size:22px;margin:12px 0 8px}.sa-step p{color:var(--sa-muted);margin:0}.sa-cta{margin-top:42px;border:1px solid rgba(255,212,0,.32);background:radial-gradient(circle at 80% 50%,rgba(255,212,0,.17),transparent 28%),#101114;border-radius:26px;padding:46px;display:flex;align-items:center;gap:30px;justify-content:space-between}.sa-cta h2{font-size:34px;margin:0 0 7px}.sa-cta p{color:var(--sa-muted);margin:0}.sa-site-footer{border-top:1px solid #202126;padding:34px 0;background:#080808}.sa-footer-inner{display:flex;align-items:center;gap:24px}.sa-footer-copy{margin-left:auto;color:#7e8087;font-size:13px}.sa-page-shell{min-height:calc(100vh - 76px);padding:56px 0 80px;background:radial-gradient(circle at 50% 10%,rgba(255,212,0,.08),transparent 26%)}.sa-auth-wrap{width:min(980px,calc(100% - 36px));margin:0 auto;display:grid;grid-template-columns:1fr 440px;background:#0d0e10;border:1px solid #24262b;border-radius:24px;overflow:hidden;box-shadow:var(--sa-shadow)}.sa-auth-side{padding:48px;background:radial-gradient(circle at 50% 20%,rgba(255,212,0,.19),transparent 32%),#0a0b0d}.sa-auth-side h1{font-size:48px;line-height:1;margin:24px 0 16px;letter-spacing:-2px}.sa-auth-side p{color:var(--sa-muted)}.sa-auth-card{padding:42px;background:#111216}.sa-auth-card h2{font-size:30px;margin:0 0 6px}.sa-auth-card>p{color:var(--sa-muted);margin:0 0 24px}.sa-field{display:block;margin:0 0 15px;font-size:13px;font-weight:800;color:#d7d8db}.sa-field input{width:100%;margin-top:7px;background:#090a0c;border:1px solid #2c2e35;border-radius:11px;color:#fff;padding:13px 14px;outline:none}.sa-field input:focus{border-color:var(--sa-yellow);box-shadow:0 0 0 3px rgba(255,212,0,.08)}.sa-auth-card .login-username label,.sa-auth-card .login-password label{display:block;margin:0 0 8px;font-size:13px;font-weight:800}.sa-auth-card .input{width:100%;background:#090a0c;border:1px solid #2c2e35;border-radius:11px;color:#fff;padding:13px 14px;margin-bottom:15px}.sa-auth-card .login-remember{font-size:13px;color:#b6b8be}.sa-auth-card #wp-submit{width:100%;background:var(--sa-yellow);border:0;border-radius:11px;color:#080808;padding:13px 14px;font-weight:900;cursor:pointer}.sa-auth-links{display:flex;justify-content:space-between;gap:16px;margin-top:16px;font-size:13px;color:#b8bac0}.sa-auth-links a{color:var(--sa-yellow)}.sa-notice{border-radius:11px;padding:11px 13px;margin:0 0 18px;font-size:13px;background:#17191d;border:1px solid #333640}.sa-notice-error{border-color:#632d2d;color:#ffb7b7}.sa-notice-success{border-color:#355d3b;color:#bbf0bf}.sa-cloud-page{width:min(1440px,calc(100% - 28px));margin:0 auto}.sa-cloud-page .entry-content{margin:0}.sa-cloud-page .dcd-app{width:100%}
/* SA-claude overrides for the companion cloud plugin */
body.sa-cloud-view{background:#070707}.sa-cloud-page :root{--dcd-primary:#ffd400}.sa-cloud-page .dcd-app,.sa-cloud-page .dcd-auth-shell{--dcd-bg:#090a0c;--dcd-card:#141519;--dcd-text:#f5f5f5;--dcd-muted:#9699a1;--dcd-border:#2a2c32;--dcd-primary:#ffd400;--dcd-primary2:#ffe766;--dcd-shadow:0 18px 50px rgba(0,0,0,.35)}.sa-cloud-page .dcd-app{background:#0a0b0d;border-color:#2a2c31;box-shadow:0 30px 80px rgba(0,0,0,.45)}.sa-cloud-page .dcd-sidebar{background:#070707;border-right:1px solid #24262b}.sa-cloud-page .dcd-logo-mark{background:var(--sa-yellow)!important;color:#070707!important;box-shadow:0 8px 24px rgba(255,212,0,.15)!important}.sa-cloud-page .dcd-new-btn{background:var(--sa-yellow)!important;color:#080808!important}.sa-cloud-page .dcd-upload-btn,.sa-cloud-page .dcd-storage-card{background:#15161a!important}.sa-cloud-page .dcd-nav button.active,.sa-cloud-page .dcd-nav button:hover{background:#1b1c20!important;color:var(--sa-yellow)!important}.sa-cloud-page .dcd-progress span{background:var(--sa-yellow)!important}.sa-cloud-page .dcd-topbar{background:rgba(13,14,17,.96)!important;border-color:#26282e!important}.sa-cloud-page .dcd-search-wrap{background:#090a0c!important;border-color:#292b31!important;color:#9b9da5!important}.sa-cloud-page .dcd-search-wrap input{color:#fff!important}.sa-cloud-page .dcd-content{background:#0c0d0f}.sa-cloud-page .dcd-stat,.sa-cloud-page .dcd-item,.sa-cloud-page .dcd-view-toggle{background:#141519!important;border-color:#2a2c32!important}.sa-cloud-page .dcd-stat>span,.sa-cloud-page .dcd-file-icon{background:#1b1c21!important}.sa-cloud-page .dcd-dropzone{background:#101114!important;border-color:#383a42!important}.sa-cloud-page .dcd-dropzone.dragover{border-color:var(--sa-yellow)!important;background:rgba(255,212,0,.06)!important}.sa-cloud-page .dcd-view-toggle button.active{background:var(--sa-yellow)!important;color:#080808!important}.sa-cloud-page .dcd-menu,.sa-cloud-page .dcd-modal-card{background:#17181d!important;border-color:#30323a!important}.sa-cloud-page .dcd-menu button,.sa-cloud-page .dcd-menu a{color:#f1f1f1!important}.sa-cloud-page .dcd-menu button:hover,.sa-cloud-page .dcd-menu a:hover{background:#22242a!important}.sa-cloud-page .dcd-modal-card input{background:#0c0d10!important;color:#fff!important}.sa-cloud-page .dcd-primary-btn{background:var(--sa-yellow)!important;color:#080808!important}.sa-cloud-page .dcd-avatar{background:var(--sa-yellow)!important;color:#080808!important}.sa-cloud-page .dcd-toast{background:#17181d!important;border:1px solid #34363d}.sa-cloud-page .dcd-auth-shell{background:#0c0d10!important}.sa-cloud-page .dcd-auth-card{background:#141519!important}.sa-cloud-page .dcd-auth-tabs{background:#0c0d10!important}.sa-cloud-page .dcd-auth-tabs button.active{background:var(--sa-yellow)!important;color:#080808!important}.sa-cloud-page .dcd-pill{background:rgba(255,212,0,.1)!important;color:var(--sa-yellow)!important}.sa-cloud-page .dcd-auth-card input[type=text],.sa-cloud-page .dcd-auth-card input[type=email],.sa-cloud-page .dcd-auth-card input[type=password]{background:#090a0c!important;color:#fff!important;border-color:#2a2c32!important}.sa-cloud-page .dcd-auth-card #wp-submit{background:var(--sa-yellow)!important;color:#080808!important}
@media(max-width:900px){.sa-nav,.sa-header-actions{display:none}.sa-menu-toggle{display:block}.sa-site-header.open .sa-nav{display:flex;position:absolute;left:18px;right:18px;top:70px;background:#101114;border:1px solid #2b2d33;border-radius:14px;padding:16px;flex-direction:column;align-items:flex-start}.sa-site-header.open .sa-header-actions{display:flex;position:absolute;left:18px;right:18px;top:245px;background:#101114;border:1px solid #2b2d33;border-top:0;border-radius:0 0 14px 14px;padding:14px;flex-direction:column}.sa-site-header.open .sa-header-actions .sa-btn{width:100%}.sa-hero-grid{grid-template-columns:1fr;gap:40px}.sa-drive-preview{transform:none;max-width:650px}.sa-grid-3,.sa-steps{grid-template-columns:1fr 1fr}.sa-auth-wrap{grid-template-columns:1fr}.sa-auth-side{display:none}}
@media(max-width:640px){.sa-container{width:min(100% - 24px,1180px)}.sa-hero{padding:68px 0 52px}.sa-hero h1{letter-spacing:-2px}.sa-grid-3,.sa-steps{grid-template-columns:1fr}.sa-cta{padding:30px;align-items:flex-start;flex-direction:column}.sa-footer-inner{align-items:flex-start;flex-direction:column}.sa-footer-copy{margin-left:0}.sa-auth-wrap{width:min(100% - 24px,980px)}.sa-auth-card{padding:28px 20px}.sa-page-shell{padding-top:30px}.sa-cloud-page{width:calc(100% - 12px)}.sa-preview-body{grid-template-columns:90px 1fr}.sa-files{grid-template-columns:1fr 1fr}}