/* ===== Dropnee light redesign — overrides Plik defaults (no markup/behavior changes) ===== */

/* Base colors */
body{ color:#1f3b57 !important; }

/* Header top-right menu links (Command line client / Source code) */
header{ padding-top:6px !important; padding-bottom:8px !important; }
header .text-right a{
  color:#5b6b7c !important;
  font-family:'Open Sans',Helvetica,Arial,sans-serif !important;
  font-size:13px !important;
  margin-left:18px !important;
}
header .text-right a:hover{ color:#2f6bff !important; }

/* Logo (text 'Plik' replaced by Dropnee image) */
header h1 a{
  font-size:0 !important;
  display:inline-block !important;
  width:180px !important;
  height:46px !important;
  background:url(/_brand/logo.png) no-repeat left center !important;
  background-size:contain !important;
}

/* Cards */
.tile{
  background:#ffffff !important;
  border:1px solid #e6edf5 !important;
  border-radius:16px !important;
  box-shadow:0 10px 30px rgba(16,42,67,.10) !important;
  margin-bottom:10px !important;
}
.tile > .panel-heading{ background:transparent !important; }
.menu{ padding:12px 16px !important; font-size:13.5px !important; line-height:1.35 !important; }

/* 'Transfer settings' heading on the settings panel */
#maindiv .col-sm-3 .tile.menu:first-of-type::before{
  content:"Transfer settings";
  display:block;
  padding:12px 16px 2px;
  font-size:16px;
  font-weight:700;
  color:#14304b;
}
#maindiv .col-sm-3 .tile.menu:first-of-type{ padding-top:0 !important; }

/* Toggle switches -> modern rounded pills */
.switch-input{
  padding:10px 64px 10px 0 !important;
  min-height:46px !important;
  display:block !important;
  font-size:14px !important;
  color:#3a5169 !important;
  margin-bottom:0 !important;
  border-bottom:1px solid #eef2f7 !important;
}
.switch-input i{
  top:50% !important;
  transform:translateY(-50%) !important;
  width:44px !important;
  height:24px !important;
  border-radius:999px !important;
  border:1px solid #d7e0ea !important;
  background:#e9eef4 !important;
}
.switch-input i:before{
  top:3px !important;
  right:auto !important;
  left:3px !important;
  width:18px !important;
  height:18px !important;
  border-radius:999px !important;
  background:#ffffff !important;
  box-shadow:0 1px 3px rgba(0,0,0,.25) !important;
  transition:left .15s ease-in !important;
}
.switch-input i:after{ content:"" !important; }
.switch-input input:checked+i{ background:#2f6bff !important; border-color:#2f6bff !important; }
.switch-input input:checked+i:before{ left:23px !important; right:auto !important; background:#fff !important; }

/* Inputs & selects */
.form-control{
  border-radius:10px !important;
  border:1px solid #d7e0ea !important;
  box-shadow:none !important;
  color:#1f3b57 !important;
}

/* Buttons */
.btn-primary,.btn-success{
  background:#2f6bff !important;
  background-image:linear-gradient(180deg,#3f78ff,#2a62f0) !important;
  border:none !important;
  border-radius:12px !important;
  font-weight:600 !important;
  box-shadow:0 6px 16px rgba(47,107,255,.30) !important;
}
.btn-primary:hover,.btn-success:hover{ filter:brightness(1.05) !important; }
.btn-danger{ border-radius:12px !important; font-weight:600 !important; }
.btn-lg{ padding:9px 18px !important; font-size:14px !important; }
.menu-item a.small{ color:#2f6bff !important; }

/* Drop zone -> big dashed card with cloud icon */
#drop-zone{
  padding:60px 20px !important;
  border:2px dashed #c2d2e6 !important;
  border-radius:16px !important;
  background:#fbfdff !important;
  color:#14304b !important;
}
#drop-zone .drop-text{
  font-size:28px !important;
  font-weight:700 !important;
  color:#14304b !important;
  padding-bottom:16px !important;
}
#drop-zone .drop-text::before{
  content:"\f0ee";
  font-family:'FontAwesome';
  display:block;
  font-size:56px;
  color:#2f6bff;
  margin-bottom:18px;
  font-weight:400;
}
#drop-zone .btn-file{ margin-top:8px !important; }

/* fit left column to viewport height */
#view{ padding-top:0 !important; }
#maindiv{ margin-top:0 !important; }

/* ===== Download view: file rows & action buttons aligned neatly ===== */
.tile.file{ padding:12px 18px !important; align-items:center !important; }
.tile.file .file-name{ font-weight:600 !important; color:#14304b !important; }
.tile.file .small{ color:#5b6b7c !important; }
.tile.file .filesize{ color:#5b6b7c !important; white-space:nowrap !important; }

/* make the action cell a tidy inline row */
.tile.file .col-xs-3{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
}
.tile.file .col-xs-3 .progress{
  flex:1 1 auto !important;
  height:10px !important;
  border-radius:999px !important;
  margin:0 4px 0 0 !important;
}
.tile.file .col-xs-3 a{ display:inline-flex !important; margin:0 !important; }

/* small action buttons: consistent, rounded, evenly spaced */
.tile.file .btn-sm{
  border-radius:10px !important;
  margin:0 !important;
  padding:7px 11px !important;
  font-weight:600 !important;
  line-height:1 !important;
  vertical-align:middle !important;
  box-shadow:0 3px 8px rgba(47,107,255,.18) !important;
}
.tile.file .btn-success.btn-sm{
  background:#2f6bff !important;
  background-image:linear-gradient(180deg,#3f78ff,#2a62f0) !important;
  border:none !important;
}
.tile.file .btn-danger.btn-sm{ box-shadow:0 3px 8px rgba(220,53,69,.18) !important; }

/* links block at the bottom */
.tile.link-summary{ padding:16px 18px !important; }
.tile.link-summary a{ color:#2f6bff !important; word-break:break-all !important; }