/* Taskivoza 1.8.4 — mobile responsiveness and off-canvas menu fix */
.ptc-mobile-nav-backdrop,
.ptc-mobile-nav-head,
.ptc-mobile-nav-footer{display:none}

@media (max-width: 980px){
  body.ptc-mobile-menu-open{overflow:hidden}
  .ptc-header{overflow:visible}
  .ptc-header-inner{position:relative}
  .ptc-menu-toggle{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;margin-left:auto;border:1px solid #d8e7dc;border-radius:12px;background:#fff;color:#111827;box-shadow:none}
  .ptc-menu-toggle .ptc-icon{width:24px;height:24px}
  .ptc-header-actions{display:none!important}
  .ptc-mobile-nav-backdrop{position:fixed;inset:0;z-index:97;background:rgba(17,24,39,.28);backdrop-filter:blur(2px)}
  .ptc-mobile-nav-backdrop[hidden]{display:none!important}

  .ptc-nav{display:flex!important;position:fixed!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;z-index:98;width:min(360px,86vw)!important;height:100dvh;padding:0!important;background:#fff!important;border:0!important;border-left:1px solid #dfe9e2!important;border-radius:0!important;box-shadow:none!important;transform:translateX(100%);transition:transform .26s ease,visibility .26s ease;visibility:hidden;overflow:hidden}
  .ptc-nav.open{transform:translateX(0);visibility:visible}
  .ptc-nav{flex-direction:column}
  .ptc-nav ul{display:flex!important;flex-direction:column;gap:8px;flex:1 1 auto;padding:22px 18px 18px!important;margin:0;overflow:auto}
  .ptc-nav li{margin:0}
  .ptc-nav li a{display:flex!important;align-items:center;gap:14px;min-height:54px;padding:0 14px!important;border:1px solid transparent;border-radius:14px;color:#1f2937;font-size:18px;font-weight:700;line-height:1.2;background:#fff}
  .ptc-nav .ptc-nav-icon{display:inline-flex!important;align-items:center;justify-content:center;color:#4b5563}
  .ptc-nav .ptc-nav-icon .ptc-icon{width:22px;height:22px}
  .ptc-nav .current-menu-item>a{color:#0d9a45;background:#effaf2;border-color:#cde5d4}
  .ptc-mobile-nav-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 18px 16px;border-bottom:1px solid #edf2ee}
  .ptc-mobile-nav-brand{display:flex;align-items:center;gap:14px;min-width:0}
  .ptc-mobile-nav-brand .custom-logo{width:52px;height:52px;object-fit:contain}
  .ptc-mobile-nav-brand .ptc-brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#11a64a;color:#fff;flex:0 0 auto}
  .ptc-mobile-nav-brand .ptc-brand-mark .ptc-icon{width:26px;height:26px}
  .ptc-mobile-nav-brand strong{display:block;color:#111827;font-size:20px;line-height:1.2}
  .ptc-mobile-nav-brand small{display:block;margin-top:6px;color:#0d9a45;font-size:15px;font-weight:700}
  .ptc-mobile-nav-close{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border:0;background:#fff;color:#111827;border-radius:10px}
  .ptc-mobile-nav-close .ptc-icon{width:24px;height:24px}
  .ptc-mobile-nav-footer{display:grid;gap:10px;padding:16px 18px 22px;border-top:1px solid #edf2ee}
  .ptc-mobile-nav-link{display:flex;align-items:center;gap:14px;min-height:50px;padding:0 14px;border-radius:14px;color:#1f2937;font-size:18px;font-weight:650}
  .ptc-mobile-nav-auth{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:6px}
  .ptc-mobile-nav-auth .ptc-btn{width:100%;justify-content:center}

  .ptc-page-heading,.ptc-section-head{gap:18px}
  .ptc-actions{width:100%}
  .ptc-actions .ptc-btn{width:100%;justify-content:center}
  .ptc-workspace,.ptc-wallet-workspace,.ptc-two-col,.ptc-dashboard-grid,.ptc-stats,.ptc-form-grid,.ptc-form-grid.two{grid-template-columns:1fr!important}
  .ptc-panel,.ptc-wallet-hero,.ptc-auth-form,.ptc-job-card,.ptc-live-preview-card{min-width:0}
}

@media (max-width: 700px){
  body.ptc-auth-page .ptc-main{min-height:0}
  body.ptc-auth-page .ptc-auth{display:flex!important;flex-direction:column!important;min-height:0!important}
  body.ptc-auth-page .ptc-auth-copy,
  body.ptc-auth-page .ptc-auth-form-shell{width:100%!important;min-width:0!important}
  body.ptc-auth-page .ptc-auth-copy{order:1;padding:26px 18px 24px!important;text-align:left}
  body.ptc-auth-page .ptc-auth-copy::before{right:-120px;top:-140px;width:300px;height:300px}
  body.ptc-auth-page .ptc-auth-illustration{display:block;width:min(320px,100%);margin:0 auto 16px!important}
  body.ptc-auth-page .ptc-auth-copy>.ptc-eyebrow{font-size:11px;letter-spacing:3px;margin-bottom:10px}
  body.ptc-auth-page .ptc-auth-copy h1{font-size:clamp(32px,9vw,48px)!important;letter-spacing:-1.6px!important;line-height:1.06!important;max-width:none}
  body.ptc-auth-page .ptc-auth-copy>p{font-size:15px!important;line-height:1.55!important;max-width:none}
  body.ptc-auth-page .ptc-auth-features{gap:12px;margin-top:20px!important}
  body.ptc-auth-page .ptc-auth-features span{font-size:14px!important;gap:12px}
  body.ptc-auth-page .ptc-auth-features .ptc-icon{width:18px;height:18px}
  body.ptc-auth-page .ptc-auth-form-shell{order:2;padding:0 14px 26px!important}
  body.ptc-auth-page .ptc-auth-form{width:100%!important;padding:24px 18px 20px!important;border-radius:18px!important}
  body.ptc-auth-page .ptc-form-section-head{grid-template-columns:52px minmax(0,1fr)!important;gap:14px;margin-bottom:22px}
  body.ptc-auth-page .ptc-form-section-head>span{width:52px;height:52px}
  body.ptc-auth-page .ptc-form-section-head h2{font-size:22px;letter-spacing:-.4px}
  body.ptc-auth-page .ptc-form-section-head p{font-size:14px;line-height:1.45}
  body.ptc-auth-page .ptc-auth-form .ptc-field{margin-bottom:18px}
  body.ptc-auth-page .ptc-auth-form .ptc-field>label{font-size:15px;margin-bottom:8px}
  body.ptc-auth-page .ptc-auth-form input[type="text"],
  body.ptc-auth-page .ptc-auth-form input[type="email"],
  body.ptc-auth-page .ptc-auth-form input[type="password"],
  body.ptc-auth-page .ptc-auth-form input:not([type]){height:54px;font-size:16px}
  body.ptc-auth-page .ptc-password-field>button{min-width:70px;height:38px;font-size:15px!important}
  body.ptc-auth-page .ptc-login-options{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
  body.ptc-auth-page .ptc-check{gap:10px;font-size:14px}
  body.ptc-auth-page .ptc-check input[type="checkbox"]{width:20px;height:20px}
  body.ptc-auth-page .ptc-auth-form>.ptc-btn-block{height:56px;font-size:18px!important}
  body.ptc-auth-page .ptc-form-foot{margin-top:18px!important;font-size:14px!important}
}

@media (max-width: 640px){
  .ptc-container{width:min(100% - 20px,1180px)!important}
  .ptc-main{padding-top:16px}
  .ptc-page-heading h1,.ptc-section-head h1{font-size:clamp(30px,9vw,42px)!important;letter-spacing:-1.2px!important}
  .ptc-page-heading p{font-size:15px}
  .ptc-wallet-hero{padding:20px!important;align-items:flex-start!important}
  .ptc-wallet-hero strong{font-size:30px!important}
  .ptc-wallet-hero p{font-size:15px!important}
  .ptc-panel-head{gap:10px;align-items:flex-start;flex-direction:column}
  .ptc-record-count{display:none}
  .ptc-table-wrap{overflow:visible!important}
  .ptc-ledger-panel .ptc-table,
  .ptc-ledger-panel .ptc-table thead,
  .ptc-ledger-panel .ptc-table tbody,
  .ptc-ledger-panel .ptc-table tr,
  .ptc-ledger-panel .ptc-table th,
  .ptc-ledger-panel .ptc-table td{display:block;width:100%}
  .ptc-ledger-panel .ptc-table thead{display:none}
  .ptc-ledger-panel .ptc-table tbody{display:grid;gap:14px}
  .ptc-ledger-panel .ptc-table tr{padding:16px;border:1px solid #dfe9e2;border-radius:18px;background:#fff}
  .ptc-ledger-panel .ptc-table td{position:relative;padding:0 0 0 118px!important;border:0!important;min-height:24px;text-align:left!important}
  .ptc-ledger-panel .ptc-table td + td{margin-top:10px}
  .ptc-ledger-panel .ptc-table td::before{content:attr(data-label);position:absolute;left:0;top:0;color:#6b7280;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .ptc-ledger-panel .ptc-table td strong{display:block;font-size:22px;line-height:1.15;color:#111827}
  .ptc-ledger-panel .ptc-table td small{display:block;margin-top:4px;font-size:14px;color:#6b7280}
  .ptc-ledger-panel .ptc-table td:last-child{font-weight:800;font-size:28px;line-height:1.1}
  .ptc-ledger-panel .ptc-table td.ptc-positive{color:#16a34a}
  .ptc-ledger-panel .ptc-table td.ptc-negative{color:#ef4444}
  .ptc-ledger-panel .ptc-table .ptc-table-empty td{padding-left:0!important;text-align:center!important}
  .ptc-ledger-panel .ptc-table .ptc-table-empty td::before{display:none}

  .ptc-page .ptc-table,
  .ptc-history-panel .ptc-table{font-size:14px}
  .ptc-history-panel .ptc-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .ptc-history-panel .ptc-table{min-width:520px}

  .ptc-page-heading .ptc-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .ptc-page-heading .ptc-actions .ptc-btn{min-height:48px;padding-inline:12px;font-size:15px}
  .ptc-btn{white-space:normal}
}
