/* ===== AUSAPE V7.7 · SharePoint Hotel Agency Connector ===== */
.sp77-panel{margin:18px 0;border:1px solid rgba(0,159,218,.22);background:linear-gradient(135deg,#ffffff 0%,#eef9ff 55%,#f8fcff 100%);border-radius:28px;padding:20px;box-shadow:0 20px 60px rgba(0,71,112,.10);position:relative;overflow:hidden}
.sp77-panel:before{content:"";position:absolute;right:-80px;top:-90px;width:260px;height:260px;border-radius:999px;background:rgba(0,159,218,.12);pointer-events:none}.sp77-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;position:relative;z-index:1}.sp77-badge{display:inline-flex;align-items:center;gap:8px;background:#e6f8ff;color:#006fa8;border:1px solid #bdeeff;border-radius:999px;padding:8px 12px;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.sp77-head h3{margin:10px 0 5px;color:#003b5c;font-size:22px}.sp77-head p{margin:0;color:#57708a;max-width:920px}.sp77-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.sp77-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-top:16px;position:relative;z-index:1}.sp77-grid label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#0f3a56}.sp77-grid input,.sp77-grid select{width:100%;border:1px solid #cfe7f5;border-radius:14px;padding:10px 12px;background:#fff;color:#0f172a;outline:none}.sp77-grid input:focus,.sp77-grid select:focus{border-color:#009fda;box-shadow:0 0 0 4px rgba(0,159,218,.12)}.sp77-wide{grid-column:span 2}.sp77-full{grid-column:1/-1}.sp77-status{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.sp77-kpi{background:#fff;border:1px solid #d8eef9;border-radius:18px;padding:13px;box-shadow:0 12px 34px rgba(0,71,112,.06)}.sp77-kpi span{display:block;color:#617890;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.sp77-kpi b{display:block;color:#00466c;font-size:18px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp77-log{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.sp77-box{background:#fff;border:1px solid #d8eef9;border-radius:18px;padding:14px;min-height:96px}.sp77-box h4{margin:0 0 8px;color:#003b5c}.sp77-box code{background:#eef8ff;border:1px solid #d9effa;border-radius:8px;padding:2px 6px}.sp77-small{font-size:12px;color:#637b92;line-height:1.45}.sp77-ok{color:#15803d!important}.sp77-warn{color:#b45309!important}.sp77-error{color:#be123c!important}.sp77-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;background:#f1f8ff;border:1px solid #d7edf8;color:#075985;font-size:12px;font-weight:900}.sp77-disabled{opacity:.55;pointer-events:none}@media(max-width:1200px){.sp77-grid{grid-template-columns:repeat(2,1fr)}.sp77-status{grid-template-columns:repeat(2,1fr)}.sp77-head{flex-direction:column}.sp77-actions{justify-content:flex-start}.sp77-log{grid-template-columns:1fr}}@media(max-width:680px){.sp77-grid{grid-template-columns:1fr}.sp77-wide{grid-column:auto}.sp77-status{grid-template-columns:1fr}.sp77-panel{padding:14px;border-radius:20px}.sp77-head h3{font-size:19px}}