.pf-nav{display:flex;gap:6px}.pf-nav button{border:0;background:transparent;color:inherit;cursor:pointer;white-space:nowrap;font:inherit}aside nav .pf-nav{display:grid;gap:5px}aside nav .pf-nav button{text-align:left;padding:12px 16px;border-radius:14px}.pf-nav .pf-nav-suggestion{color:#56be90}.pf-dialog,.pf-form-dialog{border:1px solid #e6ddd3;background:#fffcf8;color:#453a31;border-radius:22px;box-shadow:0 24px 90px #21170d42;padding:22px;font:14px/1.5 system-ui,sans-serif;max-width:calc(100vw - 24px);box-sizing:border-box}.pf-dialog{width:850px;height:min(480px,85dvh);overflow:hidden}.pf-dialog[open]{display:flex;flex-direction:column}.pf-dialog::backdrop,.pf-form-dialog::backdrop{background:#241b1652;backdrop-filter:blur(4px)}.pf-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pf-dialog h2{margin:0;font-size:23px}.pf-body{overflow:auto;min-height:0;scrollbar-gutter:stable}.pf-dialog button,.pf-form-dialog button{cursor:pointer;font:inherit;border-radius:9px;border:1px solid #e4d7ca;background:#fffaf4;color:#78533c;padding:7px 13px;white-space:nowrap}.pf-dialog button:disabled,.pf-form-dialog button:disabled{opacity:.5;cursor:wait}.pf-dialog .pf-close{border:0;border-radius:50%;font-size:22px;padding:0;width:33px;height:33px;background:#f2ece5}.pf-intro{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0 20px}.pf-intro strong{flex:1;min-width:230px}.pf-intro span{font-size:12px;color:#6f675f}.pf-dialog .pf-green{background:#278157;color:white;border-color:#278157}.pf-green-text{color:#278157;font-weight:600}.pf-status{min-height:20px;margin:7px 0;color:#a34e28}.pf-status:empty{margin:0;min-height:10px}.pf-item{border-bottom:1px solid #ecdfd4;padding:12px 2px}.pf-item summary{cursor:pointer;display:flex;gap:15px;align-items:center;justify-content:space-between}.pf-item summary strong{overflow-wrap:anywhere}.pf-item summary span{white-space:nowrap;color:#4c886b}.pf-message{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f0e9;padding:11px;border-radius:10px}.pf-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.pf-actions time{font-size:11px;margin-left:auto;color:#796d63}.pf-form-dialog{width:470px}.pf-form-dialog label{display:grid;gap:5px;margin:13px 0;font-weight:600}.pf-form-dialog input,.pf-form-dialog select,.pf-form-dialog textarea,.pf-code-controls input,.pf-code-row input{font:inherit;padding:10px;border:1px solid #ddcfc2;border-radius:9px;background:#fff;color:#433b34;box-sizing:border-box;width:100%;min-width:0}.pf-form-dialog textarea{resize:vertical;max-height:32vh}.pf-code-controls{display:flex;gap:8px;align-items:center;margin:12px 0}.pf-code-controls input{flex:1}.pf-code-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 0;border-top:1px solid #ebdfd4}.pf-code-row>div{display:flex;gap:14px;width:100%;align-items:center}.pf-code-row time{font-size:12px;margin-left:auto}.pf-code-row input{flex:1;font-family:monospace;min-width:220px}.pf-frozen{color:#827a72}.pf-empty{padding:60px 20px;text-align:center;color:#73675c}@media(max-width:600px){.pf-dialog{padding:17px;border-radius:17px;width:100%;height:min(480px,85dvh)}.pf-code-controls{flex-wrap:wrap}.pf-code-controls input{flex-basis:100%}.pf-intro{display:block}.pf-intro>*{display:block;margin-bottom:8px}header nav .pf-nav{font-size:12px;gap:0}.pf-actions{justify-content:flex-start}}
@media(prefers-reduced-motion:no-preference){.pf-dialog[open],.pf-form-dialog[open]{animation:pf-in .16s ease-out}@keyframes pf-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}

header nav .pf-nav .pf-nav-suggestion{color:#278157}

/* Compact, page-local entries; shared form styles stay isolated from portal forms. */
.pf-overview-actions,.pf-traffic-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.pf-overview-actions .overview-live{margin:0}
#app .pf-inline-entry{width:auto;min-width:0;min-height:32px;padding:6px 11px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;border:1px solid #e3d5c8;border-radius:9px;background:#fffaf5;color:#79523b;box-shadow:none;white-space:nowrap;cursor:pointer}
#app .pf-green-entry{color:#278157;background:#edf7f0;border-color:#cfe4d7}
#app .pf-inline-entry:hover{filter:brightness(.97)}
.pf-inline-entry:focus-visible,.pf-suggestion-tabs button:focus-visible{outline:2px solid #278157;outline-offset:3px}
.pf-dialog.pf-suggestion-dialog{width:760px;height:min(480px,90dvh);max-height:90dvh}
.pf-dialog [hidden]{display:none!important}
.pf-suggestion-tabs{display:flex;gap:5px;margin:2px 0 12px;padding:4px;background:#f1eee8;border-radius:10px;width:fit-content}
.pf-suggestion-tabs button{border:0;background:transparent;color:#73675c;min-height:32px;padding:5px 14px}
.pf-suggestion-tabs button[aria-selected="true"]{background:#fff;color:#267f56;box-shadow:0 1px 4px #36231714;font-weight:600}
.pf-compose-intro{font-size:13px;margin:0 0 12px;color:#4c443c;line-height:1.6}
.pf-compose-top{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px}
.pf-compose-form label{display:grid;gap:5px;margin:0 0 12px;color:#51483f;font-size:13px;font-weight:600;min-width:0}
.pf-compose-form input,.pf-compose-form select,.pf-compose-form textarea{display:block;width:100%;min-width:0;box-sizing:border-box;border:1px solid #ddd0c3;border-radius:9px;background:#fff;color:#433b34;opacity:1;pointer-events:auto;font:14px/1.5 system-ui,sans-serif;padding:9px 11px}
.pf-compose-form textarea{min-height:110px;max-height:28dvh;resize:vertical}
.pf-compose-form :is(input,select,textarea):focus{outline:2px solid #6bb48d;outline-offset:1px}
.pf-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0}
.pf-compose-actions span{font-size:12px;color:#278157}
.pf-submit-status{color:#a34429;margin:0 0 8px;font-size:13px}.pf-submit-status:empty{display:none}
.pf-form-dialog{max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
@media(max-width:600px){.pf-dialog.pf-suggestion-dialog{height:min(610px,92dvh);max-height:92dvh;padding:16px}.pf-compose-top{grid-template-columns:1fr}.pf-compose-form label{margin-bottom:9px}.pf-compose-form textarea{min-height:100px}.pf-overview-actions .overview-live{display:none}.pf-traffic-actions{gap:6px}.pf-form-dialog{padding:16px}}
