.contigo-observations-page{display:flex;flex-direction:column;gap:18px}.co-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.co-heading h1{margin:6px 0 4px;color:#15203b;font-size:30px}.co-heading p{margin:0;color:#7b879f;font-size:13px}.co-badge{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid #d8e7ef;border-radius:12px;background:#f3faff;color:#44758d;font-size:10px;font-weight:800}.co-badge svg{width:18px}.co-search form{display:grid;grid-template-columns:180px minmax(280px,1fr) auto auto;gap:12px;padding:17px;align-items:end}.co-search label{display:flex;flex-direction:column;gap:6px;color:#59657b;font-size:10px;font-weight:800}.co-search input{height:39px;padding:0 11px;border:1px solid #dce2eb;border-radius:9px;color:#27334a;font:11px DM Sans,sans-serif;outline:0}.co-search input:focus{border-color:#6558d9;box-shadow:0 0 0 3px rgba(101,88,217,.09)}.co-search button,.co-search a{height:39px;justify-content:center}.co-results>header,.co-detail>header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #edf0f5}.co-results h2,.co-detail h2{margin:0;color:#17213a;font-size:16px}.co-results header p,.co-detail header p{margin:3px 0 0;color:#8a95a8;font-size:10px}.co-results table{width:100%;border-collapse:collapse;font-size:10px}.co-results th{padding:11px 13px;background:#f8f9fc;text-align:left;color:#909bad;text-transform:uppercase;font-size:8px}.co-results td{padding:12px 13px;border-top:1px solid #edf0f5;color:#637087;vertical-align:middle}.co-results td small{display:block;max-width:260px;margin-top:3px;color:#9ba5b5}.co-request{font-weight:700;color:#46546c}.co-count{display:inline-grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#eef7fb;color:#3f809b;font-weight:800}.co-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:8px;font-weight:800}.co-status.pending{background:#fff4e6;color:#b36c24}.co-status.validated{background:#eaf8f2;color:#287b5d}.co-detail{scroll-margin-top:20px}.co-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px 20px}.co-detail-grid article{padding:16px;border:1px solid #e5e9f0;border-radius:12px;background:#fbfcfe}.co-detail h3{display:flex;align-items:center;gap:7px;margin:0 0 12px;color:#27344b;font-size:12px}.co-detail h3 svg{width:16px;color:#3f809b}.co-detail dl{margin:0}.co-detail dl div{display:grid;grid-template-columns:95px 1fr;gap:10px;padding:7px 0;border-top:1px solid #edf0f5}.co-detail dl div:first-child{border-top:0}.co-detail dt{color:#939daf;font-size:9px;font-weight:700}.co-detail dd{margin:0;color:#526077;font-size:10px}.co-request-full{margin:0 20px 14px;padding:16px;border:1px solid #e5e9f0;border-radius:12px}.co-request-full p{margin:0;color:#59667c;font-size:10px;line-height:1.6}.co-request-full>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.co-request-full>div span{display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:#f0edff;color:#6257c7;font-size:8px;font-weight:700}.co-request-full>div svg{width:11px}.co-compose{display:grid;grid-template-columns:1fr auto;gap:12px;margin:0 20px 18px;padding:17px;border:1px solid #d8e7ef;border-radius:12px;background:#f5fbfe;align-items:end}.co-compose label{display:flex;flex-direction:column;gap:6px;color:#426d81;font-size:10px;font-weight:800}.co-compose textarea{min-height:82px;padding:11px;border:1px solid #cfe0e8;border-radius:9px;font:11px/1.5 DM Sans,sans-serif;resize:vertical;outline:0}.co-compose textarea:focus{border-color:#4e91ad;box-shadow:0 0 0 3px rgba(78,145,173,.1)}.co-compose button{white-space:nowrap}.co-timeline{margin:0 20px 20px;padding:17px;border:1px solid #e5e9f0;border-radius:12px}.co-timeline article{display:flex;gap:10px;padding:12px 0;border-top:1px solid #edf0f5}.co-timeline article:first-of-type{border-top:0}.co-timeline article>span{display:grid;flex:0 0 auto;width:27px;height:27px;place-items:center;border-radius:8px;background:#eef7fb;color:#43819b}.co-timeline article svg{width:13px}.co-timeline p{margin:0;color:#59667c;font-size:10px;line-height:1.5}.co-timeline small{display:block;margin-top:4px;color:#9ba4b3;font-size:8px}.co-no-observations{display:flex;align-items:center;gap:8px;color:#9ba5b5}.co-no-observations svg{width:18px}.co-no-observations p{margin:0}@media(max-width:900px){.co-search form{grid-template-columns:1fr 1fr}.co-detail-grid{grid-template-columns:1fr}.co-compose{grid-template-columns:1fr}}@media(max-width:650px){.co-heading{align-items:flex-start;flex-direction:column}.co-heading h1{font-size:24px}.co-search form{grid-template-columns:1fr}.co-compose button{justify-content:center}}