:root{
  --pnoot-orange:#f28a12;
  --pnoot-orange-dark:#d96a00;
  --pnoot-peach:#fde8d8;
  --pnoot-yellow:#ffd84e;
  --pnoot-blue:#1f77b4;
  --pnoot-blue-dark:#0d4678;
  --pnoot-bg:#f7f5f2;
  --pnoot-card:#ffffff;
  --pnoot-text:#1d2433;
  --pnoot-muted:#687387;
  --pnoot-border:#e8e1d9;
  --pnoot-shadow:0 10px 30px rgba(27,39,51,.08);
}
#pnoot-app, #pnoot-app *{box-sizing:border-box}
#pnoot-app{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--pnoot-text);display:grid;grid-template-columns:280px 1fr;gap:24px;max-width:1440px;margin:0 auto;padding:20px;background:linear-gradient(180deg,#fbfaf8, #f4f1ec)}
.pnoot-sidebar,.pnoot-main{background:var(--pnoot-card);border:1px solid var(--pnoot-border);border-radius:24px;box-shadow:var(--pnoot-shadow)}
.pnoot-sidebar{padding:24px;position:sticky;top:20px;height:fit-content}
.pnoot-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.pnoot-brand img{width:82px;height:auto}
.pnoot-brand strong{display:block;font-size:24px;line-height:1.1}
.pnoot-brand span{font-size:14px;color:var(--pnoot-muted)}
.pnoot-nav{display:grid;gap:12px;margin-bottom:24px}
.pnoot-nav-item{width:100%;text-align:left;border:1px solid var(--pnoot-border);background:#fff;border-radius:16px;padding:16px 18px;font-weight:700;color:var(--pnoot-text);cursor:pointer}
.pnoot-nav-item.is-active{background:var(--pnoot-peach);border-color:#f5caa2;color:var(--pnoot-orange-dark)}
.pnoot-sidecard{padding:18px;background:linear-gradient(180deg,#fff7ef,#fff);border:1px solid #f3d3b2;border-radius:20px}
.pnoot-sidecard h4{margin:0 0 10px}
.pnoot-sidecard p{margin:0 0 10px;color:var(--pnoot-muted);line-height:1.5}
.pnoot-address{font-weight:600;color:var(--pnoot-text)!important}
.pnoot-main{padding:24px}
.pnoot-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--pnoot-border)}
.pnoot-breadcrumb{margin:0 0 8px;color:var(--pnoot-muted);font-size:14px}
.pnoot-topbar h1{margin:0;font-size:40px;line-height:1.05}
.pnoot-pill{background:#eff5fb;color:var(--pnoot-blue-dark);padding:10px 16px;border-radius:999px;font-weight:700}
.pnoot-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:stretch;margin:22px 0}
.pnoot-hero-copy,.pnoot-hero-cards{background:#fbfaf8;border:1px solid var(--pnoot-border);border-radius:22px;padding:22px}
.pnoot-hero h2{margin:0 0 10px;font-size:30px}
.pnoot-hero p{margin:0;color:var(--pnoot-muted);font-size:16px;line-height:1.6}
.pnoot-hero-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.metric{background:#fff;border:1px solid var(--pnoot-border);border-radius:18px;padding:18px}
.metric span{display:block;font-size:12px;color:var(--pnoot-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.metric strong{font-size:18px}
.pnoot-steps-wrap{background:#fbfaf8;border:1px solid var(--pnoot-border);border-radius:22px;padding:16px 20px;margin-bottom:18px}
.pnoot-stepper{display:flex;gap:12px;flex-wrap:wrap}
.pnoot-step{padding:10px 14px;border-radius:14px;background:#fff;border:1px solid var(--pnoot-border);font-weight:700;font-size:14px;color:var(--pnoot-muted)}
.pnoot-step.is-current{background:var(--pnoot-peach);border-color:#f4c799;color:var(--pnoot-orange-dark)}
.pnoot-step.is-done{background:#edf6ff;border-color:#cde4fb;color:var(--pnoot-blue-dark)}
.pnoot-panel{display:none;background:#fff;border:1px solid var(--pnoot-border);border-radius:24px;padding:24px;margin-bottom:18px}
.pnoot-panel.is-active{display:block}
.pnoot-panel h3{margin:0 0 8px;font-size:28px}
.pnoot-panel > p{margin:0 0 20px;color:var(--pnoot-muted)}
.pnoot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pnoot-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.pnoot-field{display:flex;flex-direction:column;gap:8px}
.pnoot-field label{font-weight:700;font-size:14px}
.pnoot-field input,.pnoot-field select,.pnoot-field textarea{width:100%;border:1px solid var(--pnoot-border);border-radius:14px;padding:14px 15px;font-size:15px;background:#fff;color:var(--pnoot-text)}
.pnoot-field textarea{min-height:120px;resize:vertical}
.pnoot-field.full{grid-column:1/-1}
.full{grid-column:1/-1}
.pnoot-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pnoot-choice{border:1px solid var(--pnoot-border);border-radius:20px;padding:18px;background:#fff;cursor:pointer;position:relative}
.pnoot-choice input{position:absolute;opacity:0;pointer-events:none}
.pnoot-choice strong{display:block;font-size:18px;margin-bottom:6px}
.pnoot-choice span{color:var(--pnoot-muted);display:block;line-height:1.5}
.pnoot-choice.is-selected{border-color:#f4c799;background:var(--pnoot-peach)}
.pnoot-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}
.pnoot-btn{border:none;border-radius:14px;padding:14px 20px;font-weight:800;font-size:15px;cursor:pointer}
.pnoot-btn-primary{background:linear-gradient(135deg,var(--pnoot-orange),var(--pnoot-orange-dark));color:#fff}
.pnoot-btn-light{background:#fff;border:1px solid var(--pnoot-border);color:var(--pnoot-text)}
.pnoot-message{margin-top:16px;padding:14px 16px;border-radius:14px;display:none}
.pnoot-message.is-error{display:block;background:#fff0ef;border:1px solid #f3c7c3;color:#8a2d20}
.pnoot-message.is-success{display:block;background:#eefaf1;border:1px solid #bfe4c7;color:#1f6b35}
.pnoot-review{display:grid;gap:16px}
.pnoot-review-block{background:#fbfaf8;border:1px solid var(--pnoot-border);border-radius:20px;padding:18px}
.pnoot-review-block h4{margin:0 0 10px}
.pnoot-review-block pre{white-space:pre-wrap;word-break:break-word;font-size:13px;color:var(--pnoot-muted);margin:0}
.pnoot-badge{display:inline-flex;padding:6px 12px;border-radius:999px;background:#edf6ff;color:var(--pnoot-blue-dark);font-size:13px;font-weight:700}
@media (max-width: 1100px){#pnoot-app{grid-template-columns:1fr}.pnoot-sidebar{position:relative;top:auto}.pnoot-hero,.pnoot-card-grid{grid-template-columns:1fr}.pnoot-hero-cards{grid-template-columns:1fr 1fr 1fr}}
@media (max-width: 760px){#pnoot-app{padding:10px}.pnoot-main,.pnoot-sidebar{padding:16px}.pnoot-topbar{flex-direction:column}.pnoot-topbar h1{font-size:32px}.pnoot-grid,.pnoot-grid.three,.pnoot-card-grid,.pnoot-hero,.pnoot-hero-cards{grid-template-columns:1fr}.pnoot-actions{flex-wrap:wrap;justify-content:stretch}.pnoot-btn{flex:1 1 100%}}


.pnoot-help{display:block;margin-top:6px;color:#6b7280;font-size:12px;}
.pnoot-file-chip{margin-top:10px;display:inline-block;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:600;}
.pnoot-empty-state{padding:18px;border:1px dashed #fdba74;border-radius:14px;background:#fffaf5;color:#7c2d12;}
.pnoot-ytd-row{padding:16px;border:1px solid #fed7aa;border-radius:18px;background:#fff;margin-top:14px;box-shadow:0 8px 24px rgba(15,23,42,.04);}
.pnoot-ytd-actions{margin-top:14px;display:flex;gap:10px;justify-content:flex-start;}

.pnoot-review-grid{display:grid;gap:16px;}
.pnoot-review-list{display:grid;gap:10px;}
.pnoot-review-item{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:10px 12px;border:1px solid var(--pnoot-border);border-radius:12px;background:#fff;}
.pnoot-review-item span{color:var(--pnoot-muted);font-size:13px;max-width:45%;}
.pnoot-review-item strong{font-size:14px;text-align:right;max-width:55%;word-break:break-word;}
.pnoot-review-empty{padding:12px 14px;border:1px dashed #d7c9b7;border-radius:12px;color:var(--pnoot-muted);background:#fff;}
.pnoot-review-subtitle{margin:16px 0 12px;font-weight:700;color:var(--pnoot-text);}
.pnoot-review-mini-card{margin-top:12px;padding:14px;border:1px solid var(--pnoot-border);border-radius:16px;background:#fff;}
.pnoot-review-mini-card h5{margin:0 0 10px;font-size:15px;}

.pnoot-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.pnoot-summary-card{background:#fff;border:1px solid var(--pnoot-border);border-radius:20px;padding:18px;box-shadow:0 8px 24px rgba(27,39,51,.05);}
.pnoot-summary-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px;}
.pnoot-summary-card-header h4{margin:0 0 4px;font-size:20px;}
.pnoot-summary-card-header span{display:block;color:var(--pnoot-muted);font-size:12px;}
.pnoot-edit-link{border:1px solid #f5caa2;background:var(--pnoot-peach);color:var(--pnoot-orange-dark);padding:10px 14px;border-radius:999px;font-weight:700;cursor:pointer;white-space:nowrap;}
@media (max-width: 900px){.pnoot-summary-grid{grid-template-columns:1fr;}}

.pnoot-signature-wrap{border:1px dashed #f5caa2;border-radius:18px;background:#fffaf5;padding:10px;min-height:240px;}
#pnoot-signature-pad{display:block;width:100%;height:220px;background:#fff;border:1px solid var(--pnoot-border);border-radius:14px;touch-action:none;}
.pnoot-signature-actions{display:flex;gap:12px;align-items:center;margin-top:10px;flex-wrap:wrap;}
.pnoot-signature-status{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#eefaf1;border:1px solid #bfe4c7;color:#1f6b35;font-size:13px;font-weight:700;}
.pnoot-signature-status.is-muted{background:#fff;border-color:var(--pnoot-border);color:var(--pnoot-muted);}