/* SELUKO Cloud 4.7.2 */

.deskora-shell .content{padding:clamp(18px,2.4vw,34px)}
.deskora-shell .main-shell{min-width:0}
.deskora-shell .topbar{padding-left:clamp(18px,2.4vw,34px);padding-right:clamp(18px,2.4vw,34px)}
.deskora-shell .btn,.deskora-shell button,.deskora-shell select,.deskora-shell input{touch-action:manipulation}
.deskora-shell .btn{min-height:44px;padding:10px 16px;border-radius:12px}
.deskora-shell .btn-sm{min-height:38px;padding:7px 12px}
.deskora-shell .icon-btn{min-width:44px}

.d43-metrics{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
.d43-metric{min-height:132px;padding:20px;border-radius:22px;border-color:color-mix(in srgb,var(--border,#dce3ef) 88%,#8eb5ff);background:linear-gradient(150deg,var(--panel,#fff),color-mix(in srgb,var(--panel,#fff) 93%,#dbeafe));box-shadow:0 14px 38px rgba(15,42,86,.08)}
.d43-metric:hover,.d43-metric:focus-visible{transform:translateY(-3px);box-shadow:0 19px 44px rgba(15,42,86,.14)}
.d43-metric-icon{width:48px;height:48px;border-radius:15px;font-size:17px;background:linear-gradient(145deg,#eaf2ff,#dbeafe);box-shadow:inset 0 0 0 1px rgba(37,99,235,.08)}
.d43-metric strong{font-size:31px;margin-top:2px}
.d43-metric em{font-size:12px;line-height:1.35;margin-top:4px}
.seluko47-contract-metric .d43-metric-icon{background:linear-gradient(145deg,#e1f1ff,#cde7ff);color:#0062c4}
.d43-dashboard-grid{gap:20px}
.d43-side-stack{gap:20px}
.d43-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.d43-quick-grid button{min-height:94px;border-radius:17px;padding:15px 10px;background:linear-gradient(155deg,var(--panel,#fff),color-mix(in srgb,var(--panel,#fff) 94%,#dbeafe));box-shadow:0 7px 18px rgba(15,42,86,.055)}
.d43-quick-grid button:hover,.d43-quick-grid button:focus-visible{transform:translateY(-2px);border-color:#7da6eb;box-shadow:0 12px 24px rgba(15,42,86,.11)}
.d43-quick-grid button span{font-size:20px}
.d43-quick-grid button strong{font-size:13px}
.d43-quick-grid .seluko47-sign-quick{background:linear-gradient(145deg,#173b73,#245baa);color:#fff;border-color:#2d64b1}
.d43-quick-grid .seluko47-sign-quick span{color:#fff}

.seluko47-release-hero{display:flex;align-items:center;gap:14px;padding:18px;border-radius:18px;background:linear-gradient(125deg,#0c2852,#235fb2);color:#fff;margin-bottom:18px}
.seluko47-release-hero>span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:rgba(255,255,255,.15);font-size:11px;font-weight:900;letter-spacing:.08em}
.seluko47-release-hero strong,.seluko47-release-hero small{display:block}.seluko47-release-hero strong{font-size:20px}.seluko47-release-hero small{margin-top:4px;color:#dbeafe}
.seluko47-release-list{display:grid;gap:10px}.seluko47-release-list>div{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start;border:1px solid var(--border,#e2e8f0);border-radius:13px;padding:12px 14px;background:var(--panel,#fff)}
.seluko47-release-list span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#dcfce7;color:#15803d;font-weight:900}.seluko47-release-list p{margin:4px 0 0;line-height:1.45}

.seluko47-contract-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.seluko47-contract-summary article{display:flex;align-items:center;gap:14px;border:1px solid var(--border,#dce3ec);border-radius:19px;padding:18px;background:linear-gradient(145deg,var(--panel,#fff),color-mix(in srgb,var(--panel,#fff) 94%,#dbeafe));box-shadow:0 10px 28px rgba(15,42,86,.07)}
.seluko47-contract-summary article>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e8f1ff;color:#1d4ed8;font-size:19px;font-weight:900}
.seluko47-contract-summary strong,.seluko47-contract-summary small{display:block}.seluko47-contract-summary strong{font-size:27px}.seluko47-contract-summary small{color:var(--muted,#667085);margin-top:2px}
.seluko47-contract-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}
.seluko47-contract-status.status-draft{background:#e5e7eb;color:#374151}.seluko47-contract-status.status-awaiting_signature{background:#fef3c7;color:#92400e}.seluko47-contract-status.status-signed,.seluko47-contract-status.status-active{background:#dcfce7;color:#166534}.seluko47-contract-status.status-terminated{background:#fee2e2;color:#991b1b}
.seluko47-contract-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.seluko47-contract-fields .span-2{grid-column:1/-1}
.seluko47-field-heading{display:flex;flex-direction:column;gap:3px;padding:11px 13px;border-radius:12px;background:#eff6ff;border:1px solid #dbeafe;color:#173b73}.seluko47-field-heading strong{font-size:13px}.seluko47-field-heading span{font-size:11px;color:#64748b}
.seluko47-contract-layout{display:grid;grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:22px;align-items:start}
.seluko47-contract-meta{position:sticky;top:92px}
.seluko47-party{display:grid;gap:2px;padding:14px;border:1px solid var(--border,#e2e8f0);border-radius:14px;background:color-mix(in srgb,var(--panel,#fff) 94%,#eaf2ff);margin-bottom:12px}
.seluko47-party small{color:#2563eb;font-weight:850;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.seluko47-party strong{font-size:15px;margin:3px 0}.seluko47-party span{color:var(--muted,#64748b);font-size:12px}
.seluko47-contract-actions{display:grid;gap:9px;margin-top:16px}.seluko47-contract-actions .btn{width:100%;justify-content:center}
.seluko47-contract-paper{overflow:auto;padding:4px 0 40px}
.seluko47-contract-document{width:min(100%,820px);min-height:1120px;margin:0 auto;background:#fff;color:#172033;border:1px solid #dce3ed;border-radius:4px;padding:72px 76px;box-shadow:0 20px 55px rgba(15,23,42,.12);font:11pt/1.55 Arial,sans-serif}
.seluko47-contract-document h1{font-size:24px;text-align:center;margin:0 0 38px}.seluko47-contract-document h2{font-size:14px;margin:25px 0 8px}.seluko47-contract-document p{margin:0 0 12px}
.seluko47-signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:52px}
.seluko47-signature-box{min-height:145px;border-top:1px solid #334155;padding-top:8px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.seluko47-signature-box img{width:auto;max-width:220px;height:72px;object-fit:contain;object-position:left bottom;margin-bottom:4px}.seluko47-signature-box strong,.seluko47-signature-box small{display:block}.seluko47-signature-box small{color:#64748b;font-size:10px;margin-top:2px}.seluko47-signature-empty{height:76px;display:flex;align-items:end;color:#94a3b8;font-size:11px}

.seluko47-sign-pad{position:relative;height:260px;border:2px dashed #9fb6d8;border-radius:18px;background:linear-gradient(#fff,#fbfdff);overflow:hidden;touch-action:none}
.seluko47-sign-pad canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.seluko47-sign-pad>span{position:absolute;left:20px;right:20px;bottom:38px;border-bottom:1px solid #cbd5e1;color:#94a3b8;font-size:11px;padding-bottom:5px;pointer-events:none}
.seluko47-sign-position{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.seluko47-sign-document-list{display:grid;gap:10px}.seluko47-sign-document-list>button{width:100%;display:grid;grid-template-columns:48px 1fr 18px;align-items:center;gap:12px;text-align:left;border:1px solid var(--border,#dce3ed);border-radius:15px;padding:13px;background:var(--panel,#fff);color:inherit;cursor:pointer}.seluko47-sign-document-list>button:hover{border-color:#80a8e9;background:rgba(37,99,235,.05)}.seluko47-sign-document-list strong,.seluko47-sign-document-list small{display:block}.seluko47-sign-document-list small{color:var(--muted,#64748b);margin-top:3px}.seluko47-sign-document-list b{color:#94a3b8;font-size:20px}

@media(max-width:1180px){
  .deskora-shell{--sidebar-width:0px}
  .deskora-shell .sidebar{position:fixed;left:0;top:0;bottom:0;width:290px;transform:translateX(-105%);z-index:70;box-shadow:20px 0 45px rgba(15,23,42,.22);transition:transform .22s ease}
  .deskora-shell .sidebar.open{transform:translateX(0)}
  .deskora-shell .main-shell{margin-left:0;width:100%}
  .deskora-shell .mobile-menu{display:inline-flex}
  .seluko47-contract-layout{grid-template-columns:1fr}.seluko47-contract-meta{position:static}.seluko47-contract-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .d43-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .seluko47-contract-summary{grid-template-columns:1fr}
  .seluko47-contract-document{padding:50px 44px;min-height:950px}
}
@media(max-width:640px){
  .deskora-shell .content{padding:14px}.deskora-shell .topbar{padding-left:12px;padding-right:12px}
  .d43-metrics{grid-template-columns:1fr}.d43-metric{min-height:112px}
  .d43-quick-grid{grid-template-columns:1fr 1fr}.d43-quick-grid button{min-height:88px}
  .seluko47-contract-fields,.seluko47-sign-position{grid-template-columns:1fr}.seluko47-contract-fields .span-2{grid-column:auto}
  .seluko47-contract-actions{grid-template-columns:1fr}
  .seluko47-contract-document{padding:32px 24px;min-height:0}.seluko47-signature-grid{grid-template-columns:1fr;gap:48px}
  .seluko47-sign-pad{height:220px}
}

/* Touch signature pad: prevent page gestures while drawing. */
.seluko47-sign-pad { overscroll-behavior: contain; user-select: none; -webkit-user-select: none; }
#seluko47-sign-form .field { min-width: 0; }
#seluko47-sign-form input, #seluko47-sign-form select { min-width: 0; max-width: 100%; }
@media (max-width: 700px) {
 #seluko47-sign-form { grid-template-columns: minmax(0, 1fr); }
 #seluko47-sign-form .span-2 { grid-column: 1; }
 .seluko47-sign-pad { height: 240px; }
 [data-sign-apply], [data-sign-clear], [data-sign-cancel] { min-height: 44px; white-space: normal; }
}