.pt-st{--ptst-green:#067d51;--ptst-border:#dce5df;--ptst-bg:#fff;--ptst-fg:#173124;color:var(--ptst-fg);max-width:1180px;margin:0 auto;padding:18px;font-family:inherit}.pt-st-head h1{margin:0 0 4px;font-size:clamp(1.5rem,3vw,2.2rem)}.pt-st-head p,.pt-st-card>p{color:#64748b}.pt-st-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:18px;margin-top:18px}.pt-st-left,.pt-st-right{display:grid;align-content:start;gap:18px}.pt-st-card{background:var(--ptst-bg);border:1px solid var(--ptst-border);border-radius:15px;padding:20px;min-width:0}.pt-st-card h2{font-size:1.12rem;margin:0 0 14px}.pt-st-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.pt-st-fields label{font-weight:600;font-size:.86rem;display:grid;gap:6px}.pt-st input:not([type=checkbox]),.pt-st select{width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:8px;padding:10px;background:var(--ptst-bg);color:var(--ptst-fg)}.pt-st-section-label{display:block;margin:18px 0 8px;font-weight:700;font-size:.9rem}.pt-st-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:310px;overflow:auto;margin-top:8px}.pt-st-tip{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--ptst-border);border-radius:9px;padding:10px;cursor:pointer;min-width:0}.pt-st-tip:has(input:checked){background:#ecf8f0;border-color:#38a169}.pt-st-tip input{accent-color:var(--ptst-green);width:17px;height:17px;flex:0 0 17px;margin:2px 0}.pt-st-tip span{min-width:0;font-size:.87rem}.pt-st-tip small{display:block;color:#64748b;font-size:.77rem;margin-top:3px;overflow-wrap:anywhere}.pt-st-tip[hidden]{display:none}.pt-st-email{display:flex;gap:10px;align-items:center;font-weight:600;margin-top:18px}.pt-st-email input{accent-color:var(--ptst-green)}.pt-st-small{font-size:.8rem;color:#64748b}.pt-st-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.pt-st-btn{display:inline-block;border-radius:9px;border:1px solid var(--ptst-green);background:var(--ptst-green);color:#fff;padding:10px 16px;font-weight:600;cursor:pointer;margin-top:10px}.pt-st-outline{background:transparent;color:var(--ptst-green)}.pt-st-image{display:block;max-width:100%;height:auto;margin:16px auto;border:1px solid var(--ptst-border)}.pt-st-preview-item{padding:12px 0;border-bottom:1px solid var(--ptst-border);font-size:.87rem}.pt-st-preview-item p{margin:6px 0;color:#64748b}.pt-st-history{display:block;padding:9px 0;border-bottom:1px solid var(--ptst-border);color:var(--ptst-green)}.pt-st-notice,.pt-st-error{padding:12px;border-radius:9px;margin:14px 0}.pt-st-notice{background:#e9f8ef;color:#075936}.pt-st-error{background:#fff1f2;color:#a40d22}@media(max-width:800px){.pt-st-layout{grid-template-columns:1fr}}@media(max-width:540px){.pt-st{padding:10px}.pt-st-card{padding:14px}.pt-st-fields,.pt-st-tips{grid-template-columns:1fr}}

/* Step12B: PT theme integration and responsive navigation. */
.pt-st-page{padding-top:20px;padding-bottom:65px}
.pt-st-breadcrumb{font-size:12px;color:var(--muted);display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.pt-st-breadcrumb a:hover{color:var(--blue)}
.pt-st{padding:18px 0 0;max-width:none;--ptst-bg:var(--paper);--ptst-fg:var(--text);--ptst-border:var(--line);--ptst-green:var(--mint,#087f5b)}
.pt-st-card{box-shadow:var(--shadow);color:var(--text)}
.pt-st-head p,.pt-st-card>p,.pt-st-small,.pt-st-preview-item p{color:var(--muted)}
.pt-st input:not([type=checkbox]),.pt-st select{background:var(--paper2);border-color:var(--line);color:var(--text)}
.pt-st .pt-st-tip:has(input:checked){background:color-mix(in srgb,var(--ptst-green) 10%,var(--paper));border-color:var(--ptst-green)}
.pt-st-tip small{color:var(--muted)}
.pt-st-tip input[type=checkbox],.pt-st-email input{appearance:auto;accent-color:var(--ptst-green)}
.pt-st-btn{font:inherit;transition:background .15s,color .15s}
.pt-st-btn:hover{filter:brightness(.93)}
.pt-st-outline{background:transparent;color:var(--ptst-green)}
.pt-st-history{overflow-wrap:anywhere}
.pt-st-header-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:10px;color:var(--text);font-size:13px;font-weight:700;white-space:nowrap;min-height:42px}
.pt-st-header-link:hover,.pt-account-preset-shortcut:hover{color:var(--blue)}
.pt-st-header-link svg{width:17px;height:17px}
.pt-account-preset-shortcut{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--blue);margin-top:8px}
.pt-account-preset-shortcut svg{width:16px;height:16px}
.pt-mine-smart-link{display:inline-flex;gap:8px;align-items:center;margin-top:9px}
@media(min-width:821px) and (max-width:1250px){.pt-st-header-link span{display:none}.pt-st-header-link{width:42px;padding:9px}}
@media(max-width:560px){.pt-st-page{padding-top:14px;padding-bottom:78px}.pt-st{padding:9px 0}.pt-st-header-link{width:40px;min-height:40px;padding:8px}.pt-st-header-link span{display:none}.pt-st-tips{max-height:300px}.pt-st-tip{padding:11px}.pt-st-card{padding:15px}}

/* Step12C — keep Logout inside the desktop navigation.
   The additional "Moj Pametan" link introduced in Step12B makes the old
   1190px header too wide when the user is signed in. Do not modify SSO. */
@media (min-width:821px) {
  .topbar-inner {
    gap:12px;
    min-width:0;
  }
  .topbar-inner .brand {
    flex-shrink:0;
  }
  .topbar-inner .desktop-nav {
    min-width:0;
    margin-left:auto;
    gap:1px;
  }
  .topbar-inner .desktop-nav > a {
    padding:10px 8px;
    gap:5px;
    font-size:12px;
  }
  .topbar-inner .topbar-actions {
    flex:0 0 auto;
    min-width:0;
    gap:7px;
  }
  .topbar-inner .pt-st-header-link {
    width:42px;
    min-width:42px;
    height:42px;
    padding:9px;
    flex-shrink:0;
  }
  .topbar-inner .pt-st-header-link span {
    display:none;
  }
  .topbar-inner .topbar-actions .login-link {
    min-width:0;
    max-width:145px;
    padding-inline:10px;
    flex-shrink:1;
  }
  .topbar-inner .topbar-actions .login-link span {
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .topbar-inner .pt-logout-form {
    flex-shrink:0;
  }
}
@media (min-width:821px) and (max-width:1230px) {
  .topbar-inner .brand-word {font-size:19px}
  .topbar-inner .desktop-nav > a {padding-inline:5px;gap:4px;font-size:11px}
  .topbar-inner .desktop-nav > a svg {width:15px;height:15px}
  .topbar-inner .topbar-actions .login-link {width:42px;max-width:42px;padding:9px;justify-content:center}
  .topbar-inner .topbar-actions .login-link span {display:none}
}