/* ArcShare main-screen readability refresh
   Scope: home Send & Receive only. Presentation only. */

body[data-arc-page='home']{
  font-size:15px!important;
  line-height:1.55;
}

/* Give the page a calmer, roomier desktop canvas. */
body[data-arc-page='home'] #app{
  padding-bottom:64px;
  background:
    radial-gradient(circle at 50% 3%,rgba(91,141,232,.09),transparent 30%),
    linear-gradient(180deg,color-mix(in srgb,var(--bg) 94%,var(--acc) 6%),var(--bg) 24%);
}

body[data-arc-page='home'] .hero{
  padding:46px 24px 4px!important;
}
body[data-arc-page='home'] .hero::before{
  top:-150px!important;
  width:1040px!important;
  height:560px!important;
  background:radial-gradient(ellipse at 50% 34%,rgba(91,141,232,.22) 0%,rgba(51,97,190,.08) 40%,transparent 70%)!important;
}
body[data-arc-page='home'] .h-title{
  max-width:860px!important;
  margin-bottom:12px!important;
  font-size:clamp(46px,5.4vw,62px)!important;
  line-height:1.01!important;
  letter-spacing:-2px!important;
  font-weight:800!important;
}
body[data-arc-page='home'] .h-sub{
  max-width:700px!important;
  margin-bottom:26px!important;
  font-size:16.5px!important;
  line-height:1.6!important;
  color:var(--t2)!important;
}

/* Main work surface */
body[data-arc-page='home'] .upload-shell{
  width:min(940px,calc(100% - 40px))!important;
  max-width:940px!important;
  gap:16px!important;
  padding:22px 22px 110px!important;
  border-radius:28px!important;
  border-color:var(--b2)!important;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--s1) 94%,var(--acc) 6%),var(--s1) 24%,color-mix(in srgb,var(--bg) 91%,var(--s1) 9%))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.035)!important;
}

/* Send / Receive is the primary decision. Make it unmistakable. */
body[data-arc-page='home'] .sr-mode-switch{
  gap:7px!important;
  padding:6px!important;
  border-radius:17px!important;
  border-color:var(--b2)!important;
}
body[data-arc-page='home'] .sr-mode-btn{
  height:58px!important;
  border-radius:12px!important;
  font-size:15px!important;
  font-weight:700!important;
  gap:10px!important;
}
body[data-arc-page='home'] .sr-mode-icon{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  font-size:16px!important;
}

/* Quick lookup should be useful without reading like tiny utility chrome. */
body[data-arc-page='home'] .sr-quick-lookup{
  grid-template-columns:155px minmax(0,1fr)!important;
  gap:18px!important;
  padding:15px 16px!important;
  border-radius:16px!important;
}
body[data-arc-page='home'] .sr-quick-copy{
  min-width:0!important;
}
body[data-arc-page='home'] .sr-quick-title{
  font-size:14px!important;
  font-weight:760!important;
}
body[data-arc-page='home'] .sr-quick-sub{
  margin-top:2px;
  font-size:10.5px!important;
  line-height:1.4!important;
}
body[data-arc-page='home'] .sr-quick-row{
  gap:9px!important;
}
body[data-arc-page='home'] .sr-quick-input{
  height:50px!important;
  padding:0 15px!important;
  border-radius:12px!important;
  font-size:14px!important;
}
body[data-arc-page='home'] .sr-quick-input::placeholder{
  font-size:13px!important;
}
body[data-arc-page='home'] .sr-quick-paste,
body[data-arc-page='home'] .sr-quick-go{
  height:50px!important;
  padding:0 17px!important;
  border-radius:12px!important;
  font-size:11.5px!important;
}

/* Section hierarchy */
body[data-arc-page='home'] .sr-send-head,
body[data-arc-page='home'] .sr-receive-head{
  padding:13px 5px 4px!important;
  align-items:center!important;
}
body[data-arc-page='home'] .sr-eyebrow{
  margin-bottom:5px!important;
  font-size:10px!important;
  letter-spacing:.11em!important;
}
body[data-arc-page='home'] .sr-panel-title{
  font-size:27px!important;
  line-height:1.15!important;
  letter-spacing:-.65px!important;
}
body[data-arc-page='home'] .sr-panel-sub{
  margin-top:5px!important;
  font-size:13.5px!important;
  line-height:1.55!important;
  color:var(--t2)!important;
}
body[data-arc-page='home'] .sr-shortcut{
  padding:7px 10px!important;
  border-radius:8px!important;
  font-size:10.5px!important;
}

/* Upload type tabs */
body[data-arc-page='home'] .tab-bar{
  margin-top:10px!important;
  padding:5px!important;
  border-radius:14px!important;
}
body[data-arc-page='home'] .tab-btn{
  height:44px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  font-size:13.5px!important;
  font-weight:650!important;
}

/* Big, obvious drop target */
body[data-arc-page='home'] .dropzone{
  margin-top:13px!important;
  border-width:2px!important;
  border-radius:21px!important;
}
body[data-arc-page='home'] .dz-body{
  padding:58px 28px 52px!important;
}
body[data-arc-page='home'] .dz-ring{
  width:72px!important;
  height:72px!important;
  margin-bottom:20px!important;
  border-radius:20px!important;
}
body[data-arc-page='home'] .dz-ring svg{
  width:28px!important;
  height:28px!important;
}
body[data-arc-page='home'] .dz-title{
  font-size:23px!important;
  line-height:1.25!important;
  font-weight:760!important;
  letter-spacing:-.35px!important;
}
body[data-arc-page='home'] .dz-sub{
  margin-top:7px!important;
  font-size:12.5px!important;
  line-height:1.5!important;
  color:var(--t2)!important;
}
body[data-arc-page='home'] .camera-btn{
  min-height:44px!important;
  height:44px!important;
  padding:0 17px!important;
  border-radius:10px!important;
  font-size:12.5px!important;
}

/* Staging */
body[data-arc-page='home'] .staged-wrap{
  margin-top:13px!important;
  border-radius:16px!important;
}
body[data-arc-page='home'] .staged-hdr{
  padding:12px 16px!important;
}
body[data-arc-page='home'] .staged-hdr-label,
body[data-arc-page='home'] .staged-name{
  font-size:13.5px!important;
}
body[data-arc-page='home'] .staged-size,
body[data-arc-page='home'] .sr-staged-total{
  font-size:10.5px!important;
}
body[data-arc-page='home'] .staged-item{
  padding:13px 16px!important;
}
body[data-arc-page='home'] .staged-ext{
  width:42px!important;
  height:42px!important;
  border-radius:11px!important;
}

/* Settings is important now that E2EE lives there. */
body[data-arc-page='home'] .sr-settings-toggle{
  min-height:64px!important;
  margin-top:13px!important;
  padding:12px 15px!important;
  border-radius:15px!important;
  gap:12px!important;
}
body[data-arc-page='home'] .sr-settings-ico{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  font-size:15px!important;
}
body[data-arc-page='home'] .sr-settings-title{
  font-size:14px!important;
  line-height:1.2!important;
}
body[data-arc-page='home'] .sr-settings-summary{
  margin-top:4px!important;
  font-size:10.5px!important;
  line-height:1.4!important;
}
body[data-arc-page='home'] #shared-opts .opts{
  margin-top:10px!important;
  padding:18px!important;
  gap:15px!important;
  border-radius:16px!important;
}
body[data-arc-page='home'] .opt-label{
  margin-bottom:9px!important;
  font-size:10px!important;
}
body[data-arc-page='home'] .seg-btn{
  min-height:36px!important;
  padding:7px 12px!important;
  font-size:11.5px!important;
}
body[data-arc-page='home'] .inp{
  min-height:42px!important;
  height:42px!important;
  padding:0 12px!important;
  border-radius:9px!important;
  font-size:13px!important;
}
body[data-arc-page='home'] textarea.inp{
  min-height:88px!important;
  height:88px!important;
  padding:11px 12px!important;
  line-height:1.55!important;
}
body[data-arc-page='home'] .inp::placeholder{
  font-size:12px!important;
}

/* Make E2EE read like a first-class capability. */
body[data-arc-page='home'] .e2ee-option{
  margin-top:2px!important;
  padding:16px 17px!important;
  border-width:1.5px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(88,166,255,.12),rgba(124,92,255,.065))!important;
}
body[data-arc-page='home'] .e2ee-title{
  font-size:14px!important;
  font-weight:760!important;
}
body[data-arc-page='home'] .e2ee-sub{
  margin-top:2px!important;
  font-size:11px!important;
  line-height:1.55!important;
}
body[data-arc-page='home'] .e2ee-detail{
  margin-top:11px!important;
  padding-top:11px!important;
  font-size:10.5px!important;
  line-height:1.5!important;
}
body[data-arc-page='home'] .e2ee-switch{
  width:48px!important;
  height:28px!important;
}
body[data-arc-page='home'] .e2ee-switch::after{
  width:20px!important;
  height:20px!important;
  left:3px!important;
  top:3px!important;
}
body[data-arc-page='home'] .e2ee-toggle-row input:checked + .e2ee-switch::after{
  transform:translateX(20px)!important;
}

/* Primary actions and progress */
body[data-arc-page='home'] .btn-primary{
  height:60px!important;
  border-radius:14px!important;
  font-size:16px!important;
  font-weight:760!important;
}
body[data-arc-page='home'] .btn-clear{
  height:36px!important;
  font-size:11.5px!important;
}
body[data-arc-page='home'] .prog{
  padding:17px!important;
  border-radius:16px!important;
}
body[data-arc-page='home'] .prog-name,
body[data-arc-page='home'] .prog-pct{
  font-size:12px!important;
}
body[data-arc-page='home'] .prog-status{
  margin-top:8px!important;
  font-size:11px!important;
}

/* Finished cards */
body[data-arc-page='home'] .file-list{
  gap:14px!important;
}
body[data-arc-page='home'] .fi-card{
  border-radius:18px!important;
}
body[data-arc-page='home'] .fi-top{
  padding:16px 18px!important;
  gap:12px!important;
}
body[data-arc-page='home'] .fi-ext{
  width:42px!important;
  height:42px!important;
  border-radius:11px!important;
  font-size:10px!important;
}
body[data-arc-page='home'] .fi-name{
  font-size:15.5px!important;
  line-height:1.35!important;
}
body[data-arc-page='home'] .fi-size{
  margin-top:3px!important;
  font-size:10.5px!important;
}
body[data-arc-page='home'] .badge{
  font-size:9.5px!important;
  padding:3px 8px!important;
}
body[data-arc-page='home'] .sr-ready{
  padding:19px!important;
}
body[data-arc-page='home'] .sr-ready-kicker{
  font-size:9.5px!important;
}
body[data-arc-page='home'] .sr-ready-code{
  font-size:clamp(25px,4vw,32px)!important;
}
body[data-arc-page='home'] .sr-ready-btn{
  height:42px!important;
  padding:0 14px!important;
  font-size:10.5px!important;
}

/* Receive mode */
body[data-arc-page='home'] .sr-receive-panel .recv-block{
  margin-top:13px!important;
  padding:24px!important;
  border-radius:18px!important;
}
body[data-arc-page='home'] .recv-inp{
  height:68px!important;
  padding:0 18px!important;
  border-radius:14px!important;
  font-size:28px!important;
}
body[data-arc-page='home'] .sr-paste-btn,
body[data-arc-page='home'] .btn-lookup{
  height:68px!important;
  padding:0 22px!important;
  border-radius:14px!important;
  font-size:12px!important;
}
body[data-arc-page='home'] .sr-recv-help{
  margin-top:12px!important;
  font-size:11px!important;
  line-height:1.6!important;
}
body[data-arc-page='home'] .res-body{
  padding:21px!important;
}
body[data-arc-page='home'] .res-name{
  font-size:15px!important;
}
body[data-arc-page='home'] .res-detail{
  font-size:10.5px!important;
}
body[data-arc-page='home'] .btn-dl{
  height:54px!important;
  font-size:15px!important;
}

/* URL and request tabs were especially tiny. */
body[data-arc-page='home'] .url-hint,
body[data-arc-page='home'] .req-hint{
  font-size:12px!important;
  line-height:1.55!important;
}
body[data-arc-page='home'] .btn-fetch,
body[data-arc-page='home'] .btn-request{
  min-height:50px!important;
  font-size:14px!important;
}

/* Navigation readability without changing layout. */
body[data-arc-page='home'] .nav-link{
  font-size:13.5px!important;
  font-weight:600!important;
}
body[data-arc-page='home'] .nav-theme-btn{
  font-size:10.5px!important;
}

/* Light theme needs slightly firmer surface separation at the larger scale. */
html[data-theme='light'] body[data-arc-page='home'] .upload-shell{
  border-color:rgba(0,0,0,.10)!important;
  box-shadow:0 26px 70px rgba(35,44,70,.11),inset 0 1px 0 rgba(255,255,255,.8)!important;
}

/* Tablet */
@media(max-width:900px){
  body[data-arc-page='home'] .hero{padding-top:34px!important}
  body[data-arc-page='home'] .h-title{font-size:clamp(42px,7vw,54px)!important}
  body[data-arc-page='home'] .upload-shell{
    width:calc(100% - 28px)!important;
    padding:18px 18px 90px!important;
  }
  body[data-arc-page='home'] .sr-quick-lookup{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body[data-arc-page='home'] .sr-quick-copy{
    flex-direction:row!important;
    align-items:baseline!important;
    justify-content:space-between!important;
  }
}

/* Phone: still bigger, but avoid giant controls that push everything below the fold. */
@media(max-width:700px){
  body[data-arc-page='home']{font-size:14px!important}
  body[data-arc-page='home'] .hero{
    padding:27px 15px 0!important;
  }
  body[data-arc-page='home'] .h-title{
    font-size:38px!important;
    letter-spacing:-1.35px!important;
  }
  body[data-arc-page='home'] .h-sub{
    max-width:430px!important;
    margin-bottom:20px!important;
    font-size:14px!important;
  }
  body[data-arc-page='home'] .upload-shell{
    width:calc(100% - 20px)!important;
    margin:0 10px!important;
    padding:12px 11px 76px!important;
    border-radius:20px!important;
    gap:12px!important;
  }
  body[data-arc-page='home'] .sr-mode-btn{
    height:50px!important;
    font-size:13.5px!important;
  }
  body[data-arc-page='home'] .sr-mode-icon{
    width:30px!important;
    height:30px!important;
  }
  body[data-arc-page='home'] .sr-quick-lookup{
    padding:12px!important;
  }
  body[data-arc-page='home'] .sr-quick-input,
  body[data-arc-page='home'] .sr-quick-paste,
  body[data-arc-page='home'] .sr-quick-go{
    height:46px!important;
  }
  body[data-arc-page='home'] .sr-panel-title{
    font-size:22px!important;
  }
  body[data-arc-page='home'] .sr-panel-sub{
    font-size:12.5px!important;
  }
  body[data-arc-page='home'] .tab-btn{
    height:40px!important;
    padding:0 8px!important;
    font-size:12px!important;
  }
  body[data-arc-page='home'] .dz-body{
    padding:43px 17px 38px!important;
  }
  body[data-arc-page='home'] .dz-ring{
    width:62px!important;
    height:62px!important;
  }
  body[data-arc-page='home'] .dz-title{
    font-size:19px!important;
  }
  body[data-arc-page='home'] .dz-sub{
    font-size:11px!important;
  }
  body[data-arc-page='home'] .sr-settings-toggle{
    min-height:58px!important;
  }
  body[data-arc-page='home'] #shared-opts .opts{
    padding:14px!important;
  }
  body[data-arc-page='home'] .e2ee-option{
    padding:14px!important;
  }
  body[data-arc-page='home'] .btn-primary{
    height:56px!important;
    font-size:15px!important;
  }
  body[data-arc-page='home'] .recv-inp{
    height:58px!important;
    font-size:23px!important;
  }
  body[data-arc-page='home'] .sr-paste-btn,
  body[data-arc-page='home'] .btn-lookup{
    height:50px!important;
  }
}

@media(max-width:440px){
  body[data-arc-page='home'] .h-title{font-size:34px!important}
  body[data-arc-page='home'] .h-sub{font-size:13.5px!important}
  body[data-arc-page='home'] .sr-quick-row{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  body[data-arc-page='home'] .sr-quick-paste{
    display:none!important;
  }
  body[data-arc-page='home'] .sr-shortcut{
    display:none!important;
  }
  body[data-arc-page='home'] .camera-btn{
    min-height:42px!important;
    height:42px!important;
    padding:0 12px!important;
  }
}