#panel-proposals{padding:0 0 24px}
@media(max-width:700px){#bron-onboarding-app .bo-categories{grid-template-columns:repeat(2,minmax(0,1fr))}#bron-onboarding-app .bo-category-card{min-width:0;overflow-wrap:anywhere}#bron-onboarding-app .bo-category-card-title{font-size:16px}}
.pp-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 30px;background:#082d3b;color:white;border-radius:22px;margin:10px 0 22px}
.pp-intro h2{margin:5px 0 8px;font-size:30px;letter-spacing:-.8px;color:#fff}.pp-intro p{margin:0;color:#cce2e9;max-width:700px;line-height:1.5}.pp-eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;text-transform:uppercase;color:#62d4c2}.pp-intro img{width:170px;max-height:95px;object-fit:contain;background:white;padding:12px;border-radius:12px}
.pp-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}.pp-side,.pp-work{border:1px solid #dce7ea;background:#fff;border-radius:18px;min-width:0}.pp-side{padding:20px;position:sticky;top:18px}.pp-side h3{margin:0 0 14px;font-size:17px}.pp-side input,.pp-side select{width:100%;margin-bottom:9px}.pp-side hr{border:0;border-top:1px solid #e5edf0;margin:20px 0}.pp-side .pp-btn{width:100%;margin-top:8px;justify-content:center}.pp-help{font-size:12px;line-height:1.5;color:#647880}.pp-small{font-size:12px;color:#647880}.pp-label{display:block;font-size:12px;font-weight:800;margin-bottom:7px;color:#304d58}
.pp-input,.pp-field input,.pp-field textarea,.pp-field select{width:100%;border:1px solid #cddde2;background:#fff;border-radius:9px;padding:10px 12px;color:#102e3a;min-height:43px;font:inherit;font-size:14px}.pp-field textarea{resize:vertical;min-height:102px;line-height:1.55}.pp-input:focus,.pp-field input:focus,.pp-field textarea:focus,.pp-field select:focus{outline:3px solid #def5f5;border-color:#16a8b9}.pp-field input[type=color]{height:46px;padding:4px;max-width:100px}.pp-field input[type=checkbox]{width:18px;min-height:18px}.pp-check{display:flex;align-items:center;gap:10px;font-size:14px}.pp-field label{font-size:13px;font-weight:700;display:block;margin-bottom:7px;color:#25434e}.pp-field small{display:block;font-size:12px;line-height:1.5;color:#647880;margin-top:6px}
.pp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;border-bottom:1px solid #e2ebef;flex-wrap:wrap}.pp-toolbar h3{font-size:20px;margin:0 0 5px;overflow-wrap:anywhere}.pp-actions{display:flex;flex-wrap:wrap;gap:8px}.pp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d1e0e5;border-radius:9px;padding:10px 14px;background:#f5f9fa;color:#183d4b;cursor:pointer;font:inherit;font-size:13px;font-weight:750;line-height:1.35}.pp-btn:hover{background:#e5f4f5;border-color:#78c8cb}.pp-btn:disabled{opacity:.5;cursor:wait}.pp-btn-primary{background:#0798aa;color:white;border-color:#0798aa}.pp-btn-primary:hover{background:#087d8f;color:white}.pp-btn-danger{color:#a43636;background:#fff8f8}.pp-btn-plain{padding:6px 9px;background:white}.pp-badge{display:inline-block;border-radius:30px;padding:5px 9px;background:#e9f6f3;color:#08765f;font-size:11px;font-weight:750}.pp-tabs{display:flex;gap:4px;padding:12px 18px;overflow:auto;border-bottom:1px solid #e2ebef;background:#fbfdfe}.pp-tab{border:0;background:transparent;padding:11px 13px;white-space:nowrap;font:inherit;font-size:13px;font-weight:700;border-radius:8px;cursor:pointer;color:#526e7b}.pp-tab.active{background:#e6f7f7;color:#007c89}.pp-content{padding:25px}.pp-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.pp-span{grid-column:1/-1}.pp-section-title{font-size:19px;margin:0 0 9px;color:#0c3443}.pp-section-help{font-size:14px;color:#647880;line-height:1.55;margin:0 0 20px}.pp-notice{margin:14px 24px 0;padding:12px 15px;border-radius:9px;background:#eaf7f1;color:#22664d;line-height:1.5;font-size:13px;overflow-wrap:anywhere}.pp-notice.error{background:#fff0ed;color:#943e30}.pp-notice:empty{display:none}.pp-empty{padding:55px 30px;text-align:center;color:#617681}.pp-empty h3{color:#103b49;font-size:25px;margin:10px 0}.pp-empty p{line-height:1.6;max-width:540px;margin:12px auto 20px}.pp-empty-mark{width:62px;height:62px;display:grid;place-items:center;font-size:30px;margin:auto;border-radius:16px;background:#e9f8f5;color:#078995}
.pp-models{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px}.pp-model{padding:14px;display:flex;gap:12px;text-align:left;align-items:flex-start;background:#fff;border:1px solid #dce8eb;border-radius:10px;cursor:pointer;color:#1c4654}.pp-model:hover{border-color:#18aaba;background:#f2fbfb}.pp-model b{display:block;font-size:13px;margin-bottom:5px}.pp-model small{display:block;font-size:12px;line-height:1.45;color:#647880}.pp-model-mark{flex-shrink:0;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#e8f7f4;color:#078994;font-size:19px}.pp-project{border:1px solid #dce7ea;border-radius:12px;margin:12px 0;overflow:hidden}.pp-project summary{padding:16px;background:#f5fafb;cursor:pointer;font-weight:750;line-height:1.5;overflow-wrap:anywhere}.pp-project-body{padding:20px}.pp-project-tools{display:flex;gap:7px;margin:0 0 18px;flex-wrap:wrap}.pp-history{margin-top:10px;max-height:440px;overflow:auto}.pp-history details{margin:8px 0;border:1px solid #dfebef;border-radius:8px;padding:9px}.pp-history summary{font-size:12px;cursor:pointer;overflow-wrap:anywhere;line-height:1.5}.pp-history button{font-size:11px;display:block;width:100%;margin:5px 0;border:0;background:#f1f7f8;text-align:left;padding:9px;border-radius:5px;cursor:pointer;color:#254655}.pp-history button:hover{background:#dff3f1}.pp-preview{width:100%;border:1px solid #dce7ea;border-radius:12px;height:790px;background:#dfe8ed}.pp-image-thumb{height:105px;max-width:100%;object-fit:contain;border:1px solid #e0e9ed;border-radius:8px;padding:8px;margin-top:12px;background:#f5fafb}.pp-upload{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pp-upload input[type=file]{max-width:100%;font-size:12px}.pp-rule{border:0;border-top:1px solid #e2ebef;margin:24px 0}.pp-stat{font-size:12px;line-height:1.5;color:#45616e;margin-top:8px}.pp-template-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.pp-step-footer{display:flex;justify-content:space-between;margin-top:25px;padding-top:18px;border-top:1px solid #e1eaee}
@media(max-width:1000px){.pp-layout{grid-template-columns:230px minmax(0,1fr)}.pp-models{grid-template-columns:1fr}.pp-intro{margin-left:10px;margin-right:10px}}
@media(max-width:760px){#panel-proposals{padding:0 10px}.pp-layout{grid-template-columns:1fr}.pp-side{position:static}.pp-intro{margin:0 0 15px;padding:22px}.pp-intro h2{font-size:25px}.pp-intro img{display:none}.pp-grid{grid-template-columns:1fr}.pp-content{padding:17px}.pp-toolbar{padding:18px}.pp-history{max-height:220px}.pp-preview{height:610px}.pp-tabs{padding:8px}.pp-project-body{padding:13px}.pp-actions .pp-btn{padding:9px 10px}.pp-layout input,.pp-layout textarea,.pp-layout select{font-size:16px}.pp-side{padding:16px}.pp-span{grid-column:auto}}

/* Keep long project names and navigation usable on narrow screens. */
.pp-models,.pp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pp-model,.pp-model>span,.pp-field{min-width:0}.pp-model b,.pp-model small,.pp-section-title{overflow-wrap:anywhere}
.pp-step-footer{gap:8px;flex-wrap:wrap}.pp-btn{max-width:100%;overflow-wrap:anywhere}
@media(max-width:1000px){.pp-models{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.pp-grid{grid-template-columns:minmax(0,1fr)}}

@media(max-width:700px){#bron-onboarding-app .bo-summary{grid-template-columns:repeat(2,minmax(0,1fr))}#bron-onboarding-app .bo-stat{min-width:0;overflow-wrap:anywhere}}

@media(max-width:380px){#bron-onboarding-app .bo-hero h1{font-size:clamp(30px,10vw,38px);letter-spacing:-1.5px}}
