:root{
  --pk-bg:#202020;
  --pk-card:#2a2a2a;
  --pk-border:rgba(255,255,255,.08);
  --pk-text:#f4f4f4;
  --pk-muted:#b8b8b8;
  --pk-accent:#dd9933;
  --pk-accent-dark:#c8852c;
  --pk-radius:16px;
  --pk-shadow:0 10px 30px rgba(0,0,0,.22);
  --pk-green:#3cb371;
  --pk-red:#d96b6b;
  --pk-yellow:#f0c674;
}

.pk-client-id-box .pk-btn-danger{
  align-self:flex-end;
}

.pk-cockpit {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(80px, auto);
    gap: 16px;
    padding: 16px;
}

.pk-card {
    background: #202020;
    border-radius: 12px;
    padding: 16px;
    color: #fff;
}

.kpi {
    text-align: center;
    font-size: 13px;
}
.kpi strong {
    display: block;
    font-size: 22px;
}

.activity {
    grid-column: 1 / span 3;
}

.actions {
    grid-column: 4;
}

.alerts {
    grid-column: 4;
}

.planning {
    grid-column: 4;
}

.actions button {
    background: #dd9933;
    border: none;
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: bold;
}

.pk-client-wrap{
  max-width:1200px;
  margin:40px auto 60px;
  padding:0 20px;
  color:var(--pk-text);
}
.pk-client-wrap *{ box-sizing:border-box; }

.pk-client-id-logo {
    width: 90px;
    height: 90px;
    flex: 0 0 90px;
    border-radius: 12px;
    overflow: hidden;
    background: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    box-sizing: border-box;
}

.pk-client-id-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pk-client-id-meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pk-client-id-company {
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
}

.pk-client-logout-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.pk-hero{
  background:
    linear-gradient(135deg, rgba(221,153,51,.14), rgba(221,153,51,0) 42%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)),
    var(--pk-bg);
  border:1px solid var(--pk-border);
  border-radius:24px;
  padding:34px 30px;
  box-shadow:var(--pk-shadow);
  margin-bottom:24px;
}

.pk-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  gap:22px;
  align-items:stretch;
}

.pk-hero-main{ min-width:0; }

.pk-client-id-box{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:18px;
  display:flex;
  align-items:center;
  gap:16px;
  min-height:100%;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}

.pk-client-logo-wrap{ flex:0 0 auto; }

.pk-icon{
  width:32px;
  height:32px;
  display:inline-block;
  color:#dd9933;
  fill:currentColor;
}

.pk-client-logo{
  width:84px;
  height:84px;
  border-radius:16px;
  overflow:hidden;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:center;
}

.pk-client-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.pk-client-initials{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.35rem;
  font-weight:800;
  color:#111;
  background:linear-gradient(135deg, var(--pk-accent), var(--pk-accent-dark));
}

.pk-client-meta{
  min-width:0;
  display:grid;
  gap:6px;
}

.pk-client-label{
  font-size:.78rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--pk-accent);
  font-weight:700;
}

.pk-client-name{
  font-size:1.2rem;
  font-weight:800;
  color:#fff;
  line-height:1.2;
  word-break:break-word;
}

.pk-client-company,
.pk-client-email{
  line-height:1.45;
  word-break:break-word;
}
.pk-client-company{
  color:#fff;
  font-size:.98rem;
  font-weight:600;
}
.pk-client-email{
  color:var(--pk-muted);
  font-size:.94rem;
}

.pk-eyebrow{
  display:inline-block;
  margin:0 0 10px;
  font-size:.85rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--pk-accent);
  font-weight:700;
}

.pk-week-card__actions{
  margin-top:10px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.pk-week-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  border-radius:10px;
  text-decoration:none;
  font-size:.78rem;
  font-weight:800;
  transition:.18s ease;
  border:1px solid transparent;
}

.pk-week-action--confirm{
  background:rgba(68,178,111,.18);
  color:#9ff0b8;
  border-color:rgba(68,178,111,.35);
}

.pk-week-action--confirm:hover{
  background:rgba(68,178,111,.28);
}

.pk-week-action--decline{
  background:rgba(214,80,80,.16);
  color:#ffb2b2;
  border-color:rgba(214,80,80,.35);
}

.pk-week-action--decline:hover{
  background:rgba(214,80,80,.24);
}

.pk-week-action--pending{
  background:rgba(77,163,255,.16);
  color:#b7dbff;
  border-color:rgba(77,163,255,.35);
}

.pk-week-action--pending:hover{
  background:rgba(77,163,255,.24);
}

.pk-notice{
  margin:18px 0 24px;
  padding:14px 16px;
  border-radius:14px;
  font-weight:600;
  line-height:1.45;
  border:1px solid transparent;
}

.pk-notice--success{
  background:rgba(34, 197, 94, 0.10);
  border-color:rgba(34, 197, 94, 0.25);
  color:#d7ffe4;
}

.pk-notice--error{
  background:rgba(239, 68, 68, 0.10);
  border-color:rgba(239, 68, 68, 0.25);
  color:#ffd7d7;
}

.pk-hero h1{
  margin:0 0 8px;
  font-size:clamp(2rem, 4vw, 3.4rem);
  line-height:1.06;
  color:#fff;
}
.pk-hero h1 .accent{ color:var(--pk-accent); }

.pk-hero p{
  margin:0;
  max-width:760px;
  color:var(--pk-muted);
  font-size:1.02rem;
  line-height:1.7;
}

.pk-grid-actions{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px;
  margin:0 0 24px;
}

.pk-action-card{
  display:block;
  text-decoration:none !important;
  color:var(--pk-text) !important;
  background:linear-gradient(180deg, var(--pk-card), #252525);
  border:1px solid var(--pk-border);
  border-radius:var(--pk-radius);
  padding:22px 20px;
  min-height:160px;
  box-shadow:var(--pk-shadow);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.pk-action-card:hover,
.pk-action-card:focus{
  transform:translateY(-3px);
  border-color:rgba(221,153,51,.55);
  box-shadow:0 14px 34px rgba(0,0,0,.28);
}

.pk-action-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(221,153,51,.12);
  fill:var(--pk-accent);
  font-size:1.4rem;
  margin-bottom:16px;
}

.pk-action-title{
  margin:0 0 8px;
  font-size:1.22rem;
  color:#fff;
  font-weight:700;
}

.pk-action-text{
  margin:0;
  color:var(--pk-muted);
  line-height:1.65;
}

.pk-grid-two{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:18px;
  margin:0 0 24px;
}

.pk-card{
  background:linear-gradient(180deg, var(--pk-card), #252525);
  border:1px solid var(--pk-border);
  border-radius:var(--pk-radius);
  padding:22px 22px;
  box-shadow:var(--pk-shadow);
}

.pk-card h2{
  margin:0 0 16px;
  font-size:1.18rem;
  color:#fff;
}

.pk-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}

.pk-card-head h2{ margin:0; }

.pk-more-link,
.pk-back-link{
  color:var(--pk-accent) !important;
  text-decoration:none !important;
  font-weight:700;
}

.pk-more-link{ font-size:.95rem; }

.pk-more-link:hover,
.pk-more-link:focus,
.pk-back-link:hover,
.pk-back-link:focus{
  text-decoration:underline !important;
}

.pk-meta-list{
  display:grid;
  gap:14px;
}

.pk-meta-item{
  padding:14px 16px;
  border-radius:12px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
}

.pk-meta-label{
  display:block;
  font-size:.82rem;
  color:var(--pk-muted);
  margin-bottom:5px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.pk-meta-value{
  color:#fff;
  font-weight:600;
  line-height:1.45;
}

.pk-files-list{
  display:grid;
  gap:12px;
  margin-top:8px;
}

.pk-file-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  text-decoration:none !important;
  color:#fff !important;
  padding:14px 16px;
  border-radius:12px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
  transition:all .25s ease;
}

.pk-file-link:hover,
.pk-file-link:focus{
  transform:translateY(-2px);
  border-color:rgba(221,153,51,.35);
  background:rgba(255,255,255,.06);
  box-shadow:0 8px 20px rgba(0,0,0,.25);
}

.pk-file-main{ min-width:0; }

.pk-file-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pk-file-meta{
  display:block;
  margin-top:6px;
  font-size:.84rem;
  color:var(--pk-muted);
  line-height:1.45;
}

.pk-footer-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.pk-quick-links{
  display:grid;
  gap:10px;
}

.pk-quick-links a{
  color:#fff !important;
  text-decoration:none;
  padding:12px 14px;
  border-radius:10px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
  transition:background .2s ease, border-color .2s ease;
}

.pk-quick-links a:hover,
.pk-quick-links a:focus{
  background:rgba(255,255,255,.05);
  border-color:rgba(221,153,51,.32);
}

.pk-note{
  margin-top:10px;
  color:var(--pk-muted);
  font-size:.95rem;
  line-height:1.6;
}

.pk-login-box{
  max-width:760px;
  margin:60px auto;
  padding:34px 28px;
  border-radius:24px;
  background:var(--pk-bg);
  color:#fff;
  border:1px solid var(--pk-border);
  box-shadow:var(--pk-shadow);
  text-align:center;
  background:
    linear-gradient(135deg, rgba(221,153,51,.10), transparent 40%),
    linear-gradient(180deg, #1f1f1f, #202020);
}

.pk-login-box h2{
  margin:0 0 10px;
  color:#fff;
}

.pk-login-box p{
  color:var(--pk-muted);
  margin:0 0 18px;
  line-height:1.7;
}

.pk-btn,
.pk-btn-primary,
.pk-btn-inline,
.pk-btn-danger,
.pk-btn-ghost{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  text-decoration:none !important;
  cursor:pointer;
  transition:.2s ease;
  border-radius:12px;
  font-weight:700;
}

.pk-btn{
  padding:14px 20px;
  background:var(--pk-accent);
  color:#111 !important;
}

.pk-btn:hover,
.pk-btn:focus{
  transform:translateY(-2px);
  filter:brightness(1.03);
}

.pk-empty{
  padding:14px 16px;
  border-radius:12px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
  color:var(--pk-muted);
}

.pk-inline-login form{
  margin-top:24px;
  max-width:420px;
  margin-left:auto;
  margin-right:auto;
}

.pk-inline-login p{ margin-bottom:16px; }

.pk-inline-login label{
  display:block;
  margin-bottom:6px;
  color:#f4f4f4;
  font-weight:600;
  font-size:0.9rem;
}

.pk-inline-login input[type="text"],
.pk-inline-login input[type="email"],
.pk-inline-login input[type="password"]{
  width:100%;
  padding:12px 14px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.10);
  background:#1f1f1f;
  color:#fff;
  outline:none;
  transition:all .2s ease;
}

.pk-inline-login input:focus{
  border-color:#dd9933;
  box-shadow:0 0 0 1px rgba(221,153,51,.3);
}

.pk-inline-login .login-remember{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#b8b8b8;
  font-size:0.9rem;
}

.pk-inline-login .login-submit{ text-align:center; }

.pk-inline-login input[type="submit"]{
  padding:16px 28px;
  font-size:1rem;
  border-radius:14px;
  background:linear-gradient(135deg,#dd9933,#c8852c);
  color:#111;
  font-weight:700;
  border:0;
  cursor:pointer;
  transition:all .25s ease;
  box-shadow:0 6px 18px rgba(221,153,51,.25);
}

.pk-inline-login input[type="submit"]:hover{
  transform:translateY(-2px) scale(1.02);
  box-shadow:0 10px 25px rgba(221,153,51,.35);
}

.pk-page-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
  flex-wrap:wrap;
}

.pk-back-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.pk-files-count{
  color:var(--pk-muted);
  font-size:.95rem;
}

.pk-download-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:160px;
  padding:13px 18px;
  border-radius:12px;
  background:linear-gradient(135deg, var(--pk-accent), var(--pk-accent-dark));
  color:#111 !important;
  text-decoration:none !important;
  font-weight:800;
  letter-spacing:.01em;
  border:0;
  box-shadow:0 8px 20px rgba(221,153,51,.18);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.pk-download-btn:hover,
.pk-download-btn:focus{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(221,153,51,.28);
  filter:brightness(1.03);
}

.pk-file-left{
  display:flex;
  align-items:center;
  gap:14px;
}

.pk-file-right{
  display:flex;
  align-items:center;
  gap:10px;
}

.pk-file-icon{
  font-size:1.6rem;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.05);
  border-radius:10px;
}

.pk-file-ext{
  font-size:.8rem;
  color:#aaa;
}

.pk-badge{
  background:#dd9933;
  color:#111;
  font-weight:700;
  font-size:.75rem;
  padding:4px 8px;
  border-radius:6px;
}

/* planning client */
.pk-planning-feedback{
  margin:0 0 24px;
  padding:14px 16px;
  border:1px solid rgba(221,153,51,.35);
  background:linear-gradient(90deg, rgba(221,153,51,.10), rgba(255,255,255,.03));
  border-radius:12px;
}

.pk-planning-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:20px;
}

.pk-slot-groups{
  display:grid;
  gap:14px;
}

.pk-slot-group{
  padding:14px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:rgba(255,255,255,.02);
}

.pk-slot-date{
  margin-bottom:10px;
  font-weight:700;
  color:#dd9933;
}

.pk-slot-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.pk-slot-item{
  position:relative;
  cursor:pointer;
}

.pk-slot-item input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.pk-slot-item span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:74px;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.10);
  background:#202020;
  transition:.22s ease;
}

.pk-slot-item input:checked + span{
  border-color:#dd9933;
  background:linear-gradient(135deg, rgba(221,153,51,.22), rgba(221,153,51,.10));
  box-shadow:0 0 0 1px rgba(221,153,51,.30) inset, 0 8px 18px rgba(221,153,51,.12);
  transform:translateY(-1px);
  color:#fff;
  font-weight:700;
}

.pk-field{
  display:block;
  margin-bottom:14px;
}

.pk-field span{
  display:block;
  margin-bottom:7px;
  font-size:.92rem;
  opacity:.88;
}

.pk-field input,
.pk-field select,
.pk-field textarea{
  width:100%;
  background:#1f1f1f;
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  border-radius:10px;
  padding:12px 13px;
}

.pk-field textarea{
  resize:vertical;
  min-height:120px;
}

.pk-btn-primary{
  width:100%;
  padding:14px 18px;
  background:#dd9933;
  color:#111;
}

.pk-btn-primary:hover{
  transform:translateY(-1px);
  filter:brightness(1.03);
}

/* manager */
.pk-manager-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-bottom:24px;
}

.pk-manager-slot-list{
  display:grid;
  gap:10px;
}

.pk-manager-slot-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:12px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
}

.pk-manager-slot-left{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.pk-manager-slot-date{
  font-weight:700;
  color:#fff;
}

.pk-manager-slot-time{
  color:var(--pk-accent);
  font-weight:700;
}

.pk-btn-inline{
  padding:10px 14px;
  background:var(--pk-accent);
  color:#111 !important;
}

.pk-btn-inline:hover{ transform:translateY(-1px); }

.pk-btn-danger{
  padding:10px 14px;
  background:#3a2323;
  color:#ffb3b3 !important;
  border:1px solid rgba(255,120,120,.25);
}

.pk-btn-danger:hover{
  transform:translateY(-1px);
  filter:brightness(1.06);
}

.pk-btn-ghost{
  padding:10px 14px;
  background:rgba(255,255,255,.04);
  color:#fff !important;
  border:1px solid rgba(255,255,255,.08);
}

.pk-btn-ghost:hover{
  transform:translateY(-1px);
  border-color:rgba(221,153,51,.35);
}

.pk-manager-request-list{
  display:grid;
  gap:12px;
}

.pk-manager-request{
  border-radius:14px;
  padding:16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

.pk-manager-request-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
  flex-wrap:wrap;
}

.pk-manager-request-title{
  margin:0;
  font-size:1.04rem;
  color:#fff;
}

.pk-manager-request-sub{
  color:var(--pk-muted);
  font-size:.92rem;
  margin-top:6px;
}

.pk-status{
  display:inline-flex;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  font-size:.82rem;
  font-weight:700;
}

.pk-status.pending{
  background:rgba(240,198,116,.16);
  color:#f0c674;
}

.pk-status.confirmed{
  background:rgba(60,179,113,.16);
  color:#8de0ad;
}

.pk-status.declined{
  background:rgba(217,107,107,.16);
  color:#ffb3b3;
}

.pk-status.cancelled{
  background:rgba(180,180,180,.16);
  color:#d7d7d7;
}

.pk-manager-request-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px 16px;
  margin-bottom:14px;
}

.pk-manager-request-grid div{
  padding:10px 12px;
  border-radius:10px;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.04);
}

.pk-manager-request-grid strong{
  display:block;
  margin-bottom:4px;
  color:var(--pk-muted);
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.pk-manager-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.pk-manager-feedback{
  margin-bottom:20px;
  padding:14px 16px;
  border-radius:12px;
  background:linear-gradient(90deg, rgba(221,153,51,.10), rgba(255,255,255,.03));
  border:1px solid rgba(221,153,51,.35);
}

@media (max-width: 980px){
  .pk-hero-grid,
  .pk-grid-actions,
  .pk-grid-two,
  .pk-footer-grid,
  .pk-planning-grid,
  .pk-manager-grid{
    grid-template-columns:1fr;
  }

  .pk-client-id-box{ min-height:auto; }
}

@media (max-width: 640px){
  .pk-client-wrap{
    padding:0 14px;
    margin:24px auto 42px;
  }

  .pk-hero{
    padding:24px 18px;
    border-radius:18px;
  }

  .pk-card,
  .pk-action-card{
    padding:18px 16px;
    border-radius:14px;
  }

  .pk-card-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .pk-manager-slot-row{
    align-items:flex-start;
    flex-direction:column;
  }

  .pk-file-right,
  .pk-manager-actions{
    width:100%;
    justify-content:space-between;
  }

  .pk-download-btn,
  .pk-btn-inline,
  .pk-btn-danger,
  .pk-btn-ghost{
    width:100%;
  }

.pk-file-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pk-file-link.pk-file-new {
    outline: 3px solid #dd9933 !important;
    background: rgba(221,153,51,0.14) !important;
    transform: scale(1.01);
    border-radius: 14px;
}

.pk-file-title .pk-badge-new {
    display: inline-block;
    background: #dd9933;
    color: #000;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 700;
    border-radius: 999px;
    line-height: 1;
    vertical-align: middle;
}
.pk-file-link {
    position: relative;
}


  .pk-client-id-box{
    padding:16px;
    gap:12px;
  }

  .pk-client-logo{
    width:68px;
    height:68px;
    border-radius:14px;
  }

  .pk-manager-request-grid{
    grid-template-columns:1fr;
  }
}

.pk-week-view {
    margin: 0px 88px;
    color: #f5f5f5;
}

.pk-week-view__top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:18px;
  flex-wrap:wrap;
}

.pk-week-view__range{
  font-size:1.05rem;
  font-weight:700;
  color:#fff;
}

.pk-week-view__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.pk-week-view__nav,
.pk-week-view__print{
  appearance:none;
  border:1px solid rgba(221,153,51,.35);
  background:#1d1d1d;
  color:#f5f5f5;
  padding:10px 14px;
  border-radius:10px;
  text-decoration:none;
  cursor:pointer;
  transition:.2s ease;
}

.pk-week-view__nav:hover,
.pk-week-view__print:hover{
  background:#2b2b2b;
  border-color:#dd9933;
  color:#fff;
}

.pk-week-view__grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:14px;
  margin-bottom: 84px;
}

.pk-week-view__col{
  background:#161616;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  overflow:hidden;
  min-height:420px;
  display:flex;
  flex-direction:column;
}

.pk-week-view__col-head{
  padding:14px 14px 12px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,#1e1e1e 0%, #181818 100%);
}

.pk-week-view__day{
  font-weight:700;
  font-size:1rem;
  color:#fff;
}

.pk-week-view__date{
  margin-top:4px;
  font-size:.88rem;
  color:#bcbcbc;
}

.pk-week-view__body{
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.pk-week-view__empty{
  font-size:.92rem;
  color:#8e8e8e;
  border:1px dashed rgba(255,255,255,.10);
  border-radius:12px;
  padding:12px;
  text-align:center;
  margin-top:4px;
}

.pk-week-card{
  border-radius:14px;
  padding:12px;
  background:#232323;
  border-left:4px solid #666;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}

.pk-week-card--slot{
  border-left-color:#dd9933;
  background:rgba(221,153,51,.12);
}

.pk-week-card--pending{
  border-left-color:#4da3ff;
  background:rgba(77,163,255,.12);
}

.pk-week-card--confirmed{
  border-left-color:#44b26f;
  background:rgba(68,178,111,.12);
}

.pk-week-card--blocked{
  border-left-color:#a15cff;
  background:rgba(161,92,255,.12);
}

.pk-week-card__time{
  font-size:.85rem;
  font-weight:700;
  color:#fff;
  margin-bottom:4px;
}

.pk-week-card__title{
  font-size:.95rem;
  font-weight:700;
  color:#fff;
  line-height:1.3;
}

.pk-week-card__meta{
  margin-top:5px;
  font-size:.84rem;
  color:#d3d3d3;
  line-height:1.35;
}

.pk-week-card__status{
  margin-top:8px;
  display:inline-block;
  font-size:.76rem;
  font-weight:700;
  color:#111;
  background:#fff;
  padding:4px 8px;
  border-radius:999px;
}

@media (max-width: 1280px){
  .pk-week-view__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 700px){
  .pk-week-view__grid{
    grid-template-columns:1fr;
  }
}

@media print{
  .pk-week-view__actions,
  .site-header,
  .site-footer,
  .admin-bar{
    display:none !important;
  }

  .pk-week-view{
    color:#000;
  }

  .pk-week-view__grid{
    gap:8px;
  }

  .pk-week-view__col{
    background:#fff;
    border:1px solid #ccc;
    min-height:auto;
    break-inside:avoid;
  }

  .pk-week-card{
    background:#f6f6f6 !important;
    color:#000 !important;
    box-shadow:none;
  }

  .pk-week-card__title,
  .pk-week-card__time,
  .pk-week-view__day,
  .pk-week-view__range{
    color:#000 !important;
  }
}

.js-pk-slot-card{
  width:100%;
  text-align:left;
  border:none;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.js-pk-slot-card:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
}

.pk-slot-modal[hidden]{
  display:none !important;
}

.pk-slot-modal{
  position:fixed;
  inset:0;
  z-index:9999;
}

.pk-slot-modal__overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.66);
  backdrop-filter:blur(3px);
}

.pk-slot-modal__dialog{
  position:relative;
  z-index:2;
  width:min(760px, calc(100vw - 32px));
  margin:6vh auto;
  background:#171717;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  box-shadow:0 30px 80px rgba(0,0,0,.45);
  padding:26px;
  color:#f5f5f5;
}

.pk-slot-modal__close{
  position:absolute;
  top:12px;
  right:12px;
  width:42px;
  height:42px;
  border:none;
  border-radius:999px;
  background:#262626;
  color:#fff;
  font-size:1.35rem;
  cursor:pointer;
}

.pk-slot-modal__title{
  margin:0 0 6px;
  font-size:1.35rem;
  font-weight:800;
  color:#fff;
}

.pk-slot-modal__subtitle{
  margin:0 0 22px;
  color:#bdbdbd;
  font-size:.96rem;
}

.pk-slot-form{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.pk-slot-form__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:16px;
}

.pk-slot-form__field{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.pk-slot-form__field span{
  font-size:.88rem;
  color:#d3d3d3;
  font-weight:700;
}

.pk-slot-form__field input,
.pk-slot-form__field textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.10);
  background:#101010;
  color:#fff;
  border-radius:12px;
  padding:12px 14px;
  outline:none;
}

.pk-slot-form__field input:focus,
.pk-slot-form__field textarea:focus{
  border-color:#dd9933;
  box-shadow:0 0 0 3px rgba(221,153,51,.15);
}

.pk-slot-form__feedback{
  border-radius:12px;
  padding:12px 14px;
  font-weight:700;
}

.pk-slot-form__feedback--success{
  background:rgba(68,178,111,.16);
  color:#9ff0b8;
  border:1px solid rgba(68,178,111,.35);
}

.pk-slot-form__feedback--error{
  background:rgba(214,80,80,.16);
  color:#ffb2b2;
  border:1px solid rgba(214,80,80,.35);
}

.pk-slot-form__actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

.pk-slot-form__btn{
  border:none;
  border-radius:12px;
  padding:12px 16px;
  font-weight:800;
  cursor:pointer;
}

.pk-slot-form__btn--ghost{
  background:#262626;
  color:#fff;
}

.pk-slot-form__btn--primary{
  background:#dd9933;
  color:#111;
}

body.pk-modal-open{
  overflow:hidden;
}

@media (max-width: 700px){
  .pk-slot-modal__dialog{
    margin:2vh auto;
    padding:18px;
  }

  .pk-slot-form__grid{
    grid-template-columns:1fr;
  }
}


/* ===== PK dashboard SVG soft upgrade ===== */

.pk-action-icon,
.pk-file-icon,
.pk-file-meta-icon{
  flex:0 0 auto;
}

.pk-action-icon{
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(221,153,51,.16), rgba(221,153,51,.08));
  border:1px solid rgba(221,153,51,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.pk-action-svg{
  width:26px !important;
  height:26px !important;
  display:block;
  flex-shrink:0;
  color:var(--pk-accent);
}

.pk-file-link{
  align-items:center;
}

.pk-file-left{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  flex:1 1 auto;
}

.pk-file-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.pk-file-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.05);
  border-radius:10px;
  fill:var(--pk-accent);
  font-size:0;
  line-height:1;
}

.pk-file-svg{
  width:20px !important;
  height:20px !important;
  display:block;
  flex-shrink:0;
  fill:var(--pk-accent);
}

.pk-file-meta{
  margin-top:6px;
  display:flex;
  align-items:normal;
  gap:8px;
  flex-wrap:wrap;
  font-size:.84rem;
  fill:var(--pk-muted);
  line-height:1.45;
}

.pk-file-meta-icon{
  width:14px;
  height:14px;
  flex:0 0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  fill:var(--pk-accent);
  opacity:.9;
}

.pk-meta-svg{
  width:14px !important;
  height:14px !important;
  display:block;
  flex-shrink:0;
  fill:var(--pk-accent);
}

.pk-file-meta-text{
  min-width:0;
}

.pk-file-right{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:10px;
}

.pk-file-title {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.pk-badge-new {
    display: inline-block;
    background: #dd9933;
    color: #000;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 700;
    border-radius: 999px;
    line-height: 1;
    vertical-align: middle;
}

.pk-file-link--new {
    outline: 2px solid rgba(221,153,51,0.55);
    background: linear-gradient(
        135deg,
        rgba(221,153,51,0.12),
        rgba(221,153,51,0.03)
    );
    box-shadow: 0 8px 25px rgba(221,153,51,0.10);
    border-radius: 14px;
}

.pk-download-count {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #dd9933;
}

/* =========================
   KPI V3
========================= */

.pk-kpi--critical {
    background: linear-gradient(135deg, rgba(221,153,51,0.15), rgba(221,153,51,0.05));
    border: 1px solid rgba(221,153,51,0.4);
    box-shadow: 0 0 20px rgba(221,153,51,0.15);
}

.pk-kpi--highlight {
    border: 1px solid rgba(221,153,51,0.25);
}

/* =========================
   Alertes V3
========================= */

.pk-alert-box {
    background: linear-gradient(135deg, #111, #1a1a1a);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 14px;
    padding: 14px 16px;
    transition: all 0.25s ease;
}

.pk-alert-box--critical {
    background: linear-gradient(135deg, rgba(221,153,51,0.15), rgba(0,0,0,0.4));
    border: 1px solid rgba(221,153,51,0.4);
}

.pk-alert-box:hover {
    transform: translateY(-2px);
}

/* =========================
   Boutons cockpit
========================= */

.pk-btn-cockpit {
    display: block;
    padding: 14px 16px;
    border-radius: 12px;
    background: linear-gradient(135deg, #111, #1a1a1a);
    border: 1px solid rgba(255,255,255,0.08);
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    transition: all 0.25s ease;
}

.pk-btn-cockpit:hover {
    background: linear-gradient(135deg, #dd9933, #ffb347);
    color: #000;
    transform: translateY(-2px);
}

/* ===== PK LOGIN COCKPIT ===== */

.pk-cockpit-login-card form {
    display: grid;
    gap: 14px;
}

/* labels */
.pk-cockpit-login-card label {
    font-size: 13px;
    color: #cfcfcf;
    font-weight: 600;
}

/* inputs */
.pk-cockpit-login-card input[type="text"],
.pk-cockpit-login-card input[type="password"] {
    width: 100%;
    height: 44px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.15);
    background: rgba(255,255,255,0.05);
    color: #fff;
    font-size: 14px;
    outline: none;
    transition: all .2s ease;
}

.pk-cockpit-login-card input:focus {
    border-color: #dd9933;
    box-shadow: 0 0 0 2px rgba(221,153,51,0.2);
}

/* remember me */
.pk-cockpit-login-card .login-remember {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #aaa;
}

/* bouton */
.pk-cockpit-login-card .button-primary {
    height: 46px;
    border-radius: 12px;
    border: none;
    background: linear-gradient(135deg, #dd9933, #f0b04d);
    color: #111;
    font-weight: 800;
    font-size: 14px;
    cursor: pointer;
    transition: all .2s ease;
}

.pk-cockpit-login-card .button-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(221,153,51,0.35);
}

/* spacing fix */
.pk-cockpit-login-card p {
    margin: 0;
}

/* champ group */
.pk-cockpit-login-card p.login-username,
.pk-cockpit-login-card p.login-password {
    display: grid;
    gap: 6px;
}

.pk-cockpit-login-card input[type="submit"] {
    all: unset;
}

/* wrapper centré */
.pk-cockpit-login-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70vh;
    padding: 20px;
}

/* carte login */
.pk-cockpit-login-card {
    width: 100%;
    max-width: 520px; /* 👈 ajuste ici */
    padding: 32px;
}

.pk-cockpit-login-card {
    backdrop-filter: blur(10px);
    background: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05));
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

/* ===== Admin agenda : mode cockpit ===== */
body.page-id-7575 #header,
body.page-id-7575 #pk-footer,
body.page-id-7575 .skip-link,
body.page-id-7575 #wpadminbar,
body.page-id-7575 .customer-area-active .site-header {
  display: none !important;
}

body.page-id-7575 html,
body.page-id-7575 {
  margin-top: 0 !important;
}

html body.page-id-7575 {
  background: #000 !important;
}

body.page-id-7575 {
  padding-top: 0 !important;
}

body.page-id-7575 main#main.pk-shop-main {
  width: 100%;
  max-width: none;
  padding: 24px 0 40px;
}

body.page-id-7575 .container {
  width: min(96vw, 1800px);
  max-width: 1800px;
  margin: 0 auto;
  padding: 0;
}

body.page-id-7575 .wrap.pk-admin-wrap {
  margin: 0;
}

body.page-id-7575 .pk-admin-card {
  background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  box-shadow: 0 16px 40px rgba(0,0,0,.22);
  padding: 18px;
}

body.page-id-7575 .pk-admin-wrap h1 {
  margin: 0 0 10px;
  font-size: clamp(2.2rem, 4vw, 4rem);
  line-height: 1;
  letter-spacing: -.03em;
  color: #fff;
  text-transform: uppercase;
}

body.page-id-7575 .pk-admin-muted {
  margin: 0 0 18px;
  color: #d0d0d0;
  font-size: 15px;
}

body.page-id-7575 .button.button-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 12px;
  text-decoration: none;
  color: #fff;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  transition: all .22s ease;
}

body.page-id-7575 .button.button-secondary:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #dd9933, #f0b04d);
  color: #111;
  border-color: rgba(221,153,51,.45);
}

@media (max-width: 760px) {
  body.page-id-7575 main#main.pk-shop-main {
    padding: 16px 0 24px;
  }

  body.page-id-7575 .container {
    width: min(100vw, 100%);
    padding: 0 14px;
  }

  body.page-id-7575 .pk-admin-card {
    padding: 12px;
  }
}

.pk-confirm-list{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.pk-confirm-list .pk-line{
    display:flex;
    align-items:center;
    gap:8px;
}

.pk-confirm-list svg{
    width:16px;
    height:16px;
    color:#dd9933;
    flex-shrink:0;
}