.project-panel{min-width:0}.project-header-actions,.project-form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.project-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:12px}.project-form label{display:grid;gap:6px;color:#53677a;font-weight:700}.project-form input,.project-form select,.project-form textarea,.project-sign-share input{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #bbcfdf;border-radius:6px;background:#fff;color:#172b3b;font:inherit}.project-form textarea{resize:vertical;line-height:1.45}.project-wide{grid-column:1/-1}.project-engineer-choice{display:flex;flex-wrap:wrap;gap:14px;padding:14px;border:1px solid #cbdde8;border-radius:6px}.project-engineer-choice legend{color:#172b3b;font-weight:800}.project-engineer-choice>label{display:flex;align-items:center;gap:8px}.project-engineer-choice input[type=radio]{width:auto;min-height:0}.project-engineer-choice>div{flex:1 1 100%}.project-engineer-choice>p{flex:1 1 100%;margin:0}.project-metrics{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin:18px 0}.project-metrics button{min-height:112px;padding:18px;border:1px solid #cbdde8;border-left:5px solid #04a27e;border-radius:6px;background:#fff;color:#172b3b;text-align:left}.project-metrics strong,.project-metrics span{display:block}.project-metrics strong{font-size:32px}.project-metrics span{margin-top:10px;color:#53677a;font-weight:700}.project-table-wrap{overflow:auto;border:1px solid #cbdde8;border-radius:6px}.project-table{width:100%;border-collapse:collapse}.project-table th,.project-table td{padding:12px;border-bottom:1px solid #d5e3eb;text-align:left;vertical-align:top}.project-table th{background:#edf5f8;color:#3b5164;text-transform:uppercase;font-size:12px}.project-table td:first-child strong,.project-table td:first-child span,.project-table td:first-child small{display:block}.project-table td:first-child span{margin-top:5px}.project-table td:first-child small{margin-top:5px;color:#617488}.project-status{display:inline-flex;padding:6px 9px;border-radius:5px;background:#edf3f7;color:#334155;font-size:12px;font-weight:800}.project-status.status-awaiting-signature{background:#fff3d6;color:#7c5512}.project-status.status-completed{background:#dcf5e6;color:#155c3b}.project-summary{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #d5e3eb}.project-summary h3,.project-summary p{margin:0}.project-summary p{margin-top:7px;color:#53677a}.project-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:18px 0}.project-facts dt{color:#617488;font-size:12px;font-weight:700;text-transform:uppercase}.project-facts dd{margin:6px 0 0;font-weight:700;overflow-wrap:anywhere}.project-text{padding:16px 0;border-top:1px solid #d5e3eb}.project-text h3{margin:0 0 8px;color:#00508f}.project-text p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.project-customer-note{padding:16px;background:#eff7fa}.project-sign-share{display:grid;gap:14px;margin-top:20px;padding:16px;background:#eff7fa;border:1px solid #cbdde8}.project-sign-share label{display:grid;gap:6px;font-weight:700}.project-whatsapp,.project-button-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:6px;text-decoration:none;font-weight:800}.project-whatsapp{background:#0c8f68;color:#fff}.project-button-link{border:1px solid #bbcfdf;background:#fff;color:#00508f}.project-panel button{min-height:44px}
@media(max-width:760px){.project-form{grid-template-columns:minmax(0,1fr)}.project-wide{grid-column:auto}.project-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.project-summary{flex-direction:column}.project-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.project-table thead{display:none}.project-table,.project-table tbody,.project-table tr,.project-table td{display:block;width:100%;box-sizing:border-box}.project-table tr{padding:8px 0;border-bottom:1px solid #d5e3eb}.project-table td{position:relative;min-height:42px;padding:8px 12px 8px 40%;border:0;overflow-wrap:anywhere}.project-table td::before{position:absolute;left:12px;top:8px;width:34%;color:#53677a;font-size:12px;font-weight:700}.project-table td:nth-child(1)::before{content:'Project'}.project-table td:nth-child(2)::before{content:'Customer'}.project-table td:nth-child(3)::before{content:'Engineer'}.project-table td:nth-child(4)::before{content:'Status'}.project-table td:nth-child(5)::before{content:'Updated'}.project-table td:nth-child(6)::before{content:'Action'}.project-table td:last-child button{width:100%}}
@media(max-width:520px){.project-metrics,.project-facts{grid-template-columns:minmax(0,1fr)}.project-table td{padding-left:12px;padding-top:30px}.project-table td::before{top:8px;width:auto}.project-form-actions>*{flex:1 1 100%}}
.project-signature-shell textarea{box-sizing:border-box;width:100%;min-height:110px;margin-top:8px;padding:12px;border:1px solid #bbcfdf;border-radius:4px;font:inherit;line-height:1.45;resize:vertical}.project-public-details{grid-template-columns:repeat(4,minmax(0,1fr))}.project-public-section{margin-top:14px;padding:18px;border:1px solid #cbdde8;border-top:4px solid #00508f}.project-public-section h2{margin:0 0 10px;color:#00508f;text-transform:uppercase}.project-public-section p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:760px){.project-public-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.project-public-details{grid-template-columns:minmax(0,1fr)}}
.project-panel,.project-panel *{box-sizing:border-box}.project-form label,.project-engineer-choice{min-width:0}.project-form input,.project-form select,.project-form textarea,.project-sign-share input{max-width:100%;min-width:0}.project-table-wrap,.project-sign-share{max-width:100%}
@media(max-width:760px){.project-panel{width:100%!important;max-width:100%!important;margin:0!important;padding:16px!important;overflow:hidden}.project-panel .admin-head{align-items:stretch!important;flex-direction:column!important;gap:12px}.project-header-actions{width:100%;align-items:stretch}.project-header-actions button{width:100%}.project-form{width:100%;grid-template-columns:minmax(0,1fr);gap:14px}.project-form>*,.project-wide{grid-column:auto;max-width:100%}.project-engineer-choice{width:100%;padding:12px}.project-metrics{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.project-metrics button{width:100%;min-width:0;min-height:92px;padding:14px}.project-metrics strong{font-size:26px}.project-summary>*{min-width:0}.project-sign-share{width:100%;padding:12px}.project-sign-share .project-form-actions{align-items:stretch;flex-direction:column}.project-sign-share .project-form-actions>*{width:100%}.project-table-wrap{width:100%;overflow:hidden}.project-table td[colspan]{padding:14px 12px}.project-table td[colspan]::before{content:none}}
@media(max-width:520px){.project-panel{padding:12px!important}.project-metrics{grid-template-columns:minmax(0,1fr)}.project-form-actions{width:100%;align-items:stretch;flex-direction:column}.project-form-actions>*{width:100%;flex:1 1 auto}.project-engineer-choice>label{width:100%}}
.project-table td{height:auto;max-width:none}
@media(max-width:760px){.project-table,.project-table tbody,.project-table tr{height:auto!important}.project-table td{display:grid!important;grid-template-columns:minmax(0,1fr);gap:5px;position:static!important;width:100%!important;height:auto!important;min-height:0!important;max-width:none!important;padding:12px!important;white-space:normal!important;overflow:visible!important}.project-table td::before{display:block;position:static!important;width:auto!important;margin:0 0 2px;color:#53677a;font-size:12px;font-weight:700;line-height:1.25}.project-table td:first-child strong,.project-table td:first-child span,.project-table td:first-child small{position:static!important;width:auto!important;height:auto!important;margin:0;line-height:1.35}.project-table td:first-child span,.project-table td:first-child small{margin-top:1px}.project-table td:last-child button{width:100%;margin:0}.project-table td[colspan]{display:block!important}}