.joint-heading{align-items:flex-start}.joint-law-banner{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-bottom:18px;padding:18px 20px;border:1px solid #bcd2ee;border-left:5px solid #1769e0;border-radius:14px;background:linear-gradient(135deg,#f7fbff,#eef5ff)}
.joint-law-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:#1769e0;color:#fff;font-size:23px;font-weight:800}.joint-law-banner span{color:#1769e0;font-size:11px;font-weight:800;letter-spacing:.08em}.joint-law-banner h2{margin:3px 0 5px;color:#11365f;font-size:16px}.joint-law-banner p{margin:0;color:#536b86;font-size:12px;line-height:1.65}.joint-law-banner a{padding:10px 12px;border:1px solid #bed2eb;border-radius:9px;background:#fff;color:#1769e0;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}
.joint-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.joint-stats article{display:grid;gap:6px;padding:17px;border:1px solid #dbe5f1;border-radius:14px;background:#fff}.joint-stats article span{color:#75879c;font-size:11px;font-weight:700}.joint-stats article b{color:#15385f;font-size:20px}.joint-stats article small{color:#8291a4;font-size:11px}.joint-stats article.good{border-color:#b9e6d6;background:#f3fbf8}.joint-stats article.warning{border-color:#f2d7a4;background:#fffaf0}.joint-stats article.danger{border-color:#f1b9b9;background:#fff5f5}.joint-list{overflow:auto}.joint-list table{width:100%;min-width:900px;border-collapse:collapse}.joint-list th,.joint-list td{padding:14px 12px;border-bottom:1px solid #e0e8f2;text-align:center;font-size:12px}.joint-list th{background:#edf3fa;color:#18395f;font-weight:800}.joint-list tbody tr{cursor:pointer}.joint-list tbody tr:hover,.joint-list tbody tr.selected{background:#eef6ff}.joint-open-link{border:0;background:none;color:#164a80;font:inherit;font-weight:800;cursor:pointer}.joint-open-link:hover{text-decoration:underline}.joint-team-badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.joint-team-badge.complete{background:#e5f7ef;color:#07845c}.joint-team-badge.incomplete{background:#fff0e2;color:#b55a12}.joint-open-count{color:#d44040}.joint-empty{height:180px;color:#72849b!important;text-align:center!important}
.joint-editor{display:grid;gap:18px}.joint-section{padding:20px;border:1px solid #d8e3f0;border-radius:16px;background:#fff}.joint-section>header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.joint-section>header>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#e9f3ff;color:#1267d6;font-size:12px;font-weight:800}.joint-section>header>div{min-width:0;flex:1}.joint-section>header h2{margin:0 0 3px;color:#17395f;font-size:18px}.joint-section>header p{margin:0;color:#75869a;font-size:12px}.joint-basic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.joint-basic-grid label,.joint-site-team label{display:grid;gap:7px;color:#284967;font-size:12px;font-weight:800}.joint-basic-grid label.wide{grid-column:1/-1}.joint-editor input,.joint-editor select,.joint-editor textarea{width:100%;box-sizing:border-box;border:1px solid #cbd9e9;border-radius:8px;background:#fff;color:#173451;font:inherit}.joint-editor input,.joint-editor select{height:42px;padding:0 11px}.joint-editor textarea{padding:11px;line-height:1.55;resize:vertical}.joint-editor input[readonly]{background:#f3f6f9;color:#65768a}
.joint-team-status{padding:7px 10px;border-radius:999px;font-size:11px}.joint-team-status.complete{background:#e4f7ef;color:#07845c}.joint-team-status.incomplete{background:#fff0e2;color:#b65b12}.joint-site-team{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;padding:16px;border:1px solid #dce6f1;border-radius:12px;background:#f8fbff}.joint-partner-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.joint-partner-head>div{display:grid;gap:3px;color:#18395f}.joint-partner-head small{color:#78899d;font-size:11px;font-weight:500}.joint-participants{display:grid;gap:9px}.joint-participant-row{display:grid;grid-template-columns:30px 1fr 1fr 1fr 1fr 36px;gap:8px;align-items:end;padding:11px;border:1px solid #dce5ef;border-radius:11px}.joint-participant-row>span{display:grid;width:28px;height:42px;place-items:center;color:#1769e0;font-weight:800}.joint-participant-row label{display:grid;gap:5px;color:#61758c;font-size:10px;font-weight:700}.joint-participant-row button{width:34px;height:42px;padding:0}
.joint-check-section{padding-left:0;padding-right:0}.joint-check-section>header{padding:0 20px}.joint-check-scroll{overflow:auto;border-top:1px solid #dfe8f2;border-bottom:1px solid #dfe8f2}.joint-check-scroll table{width:100%;min-width:1500px;border-collapse:collapse;table-layout:fixed}.joint-check-scroll th,.joint-check-scroll td{padding:10px 8px;border-right:1px solid #dfe7f0;border-bottom:1px solid #dfe7f0;vertical-align:top;font-size:11px}.joint-check-scroll th{background:#eaf1f9;color:#18395f;text-align:center;font-weight:800}.joint-check-scroll th:nth-child(1){width:38px}.joint-check-scroll th:nth-child(2){width:270px}.joint-check-scroll th:nth-child(3){width:88px}.joint-check-scroll th:nth-child(4){width:220px}.joint-check-scroll th:nth-child(5){width:190px}.joint-check-scroll th:nth-child(6){width:165px}.joint-check-scroll th:nth-child(7){width:170px}.joint-check-scroll th:nth-child(8){width:125px}.joint-check-scroll th:nth-child(9){width:38px}.joint-check-scroll td:nth-child(1){text-align:center;font-weight:800;color:#1769e0}.joint-check-scroll td:nth-child(2){display:grid;gap:5px}.joint-check-scroll td:nth-child(2)>b{color:#15395f;font-size:12px}.joint-check-scroll td:nth-child(2)>small{color:#667b92;line-height:1.5}.joint-check-scroll td:nth-child(2)>em{color:#8b99aa;font-size:9px;font-style:normal}.joint-check-group{width:max-content;padding:4px 7px;border-radius:999px;background:#edf4fc;color:#1769e0;font-size:9px;font-weight:800}.joint-check-scroll input,.joint-check-scroll select{height:36px;margin-bottom:6px;font-size:10px}.joint-check-scroll textarea{min-height:70px;font-size:10px}.joint-result.issue{border-color:#e88c52;background:#fff5ec;color:#b54c0b;font-weight:800}.joint-check-help{margin:12px 20px 0;color:#718399;font-size:11px}.joint-photo-pair{display:grid;gap:6px}.joint-photo-slot{display:flex;gap:3px}.joint-photo-slot label{flex:1}.joint-photo-slot input{display:none}.joint-photo-slot span{display:block;padding:8px 4px;border:1px dashed #c4d4e6;border-radius:7px;color:#74879c;text-align:center;font-size:9px;font-weight:800;cursor:pointer}.joint-photo-slot.attached span{border-style:solid;border-color:#68b99c;background:#eefbf6;color:#07845c}.joint-photo-slot button{width:22px;border:0;background:#fff0f0;color:#c73535;cursor:pointer}.joint-approval{display:grid;gap:10px;padding:16px;border:1px solid #dbe5f1;border-radius:12px;background:#fff}.joint-approval>b{color:#18395f;font-size:13px}
@media(max-width:1050px){.joint-stats{grid-template-columns:1fr 1fr}.joint-basic-grid{grid-template-columns:1fr 1fr}.joint-participant-row{grid-template-columns:30px 1fr 1fr}.joint-participant-row button{grid-column:3}}
@media(max-width:700px){.joint-law-banner{grid-template-columns:auto 1fr}.joint-law-banner a{grid-column:1/-1;text-align:center}.joint-stats,.joint-basic-grid,.joint-site-team{grid-template-columns:1fr}.joint-basic-grid label.wide{grid-column:auto}.joint-participant-row{grid-template-columns:30px 1fr}.joint-participant-row button{grid-column:2}.joint-editor-heading .actions{flex-wrap:wrap}}

.joint-site-team{align-items:start}.joint-site-extra-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid #dce6f1}.joint-site-extra-head>div{display:grid;gap:3px;color:#18395f}.joint-site-extra-head small{color:#78899d;font-size:11px;font-weight:500}.joint-site-extra-list{grid-column:1/-1;display:grid;gap:8px}.joint-site-extra-row{display:grid;grid-template-columns:30px minmax(220px,1fr) 38px;gap:8px;align-items:end}.joint-site-extra-row>span{display:grid;height:42px;place-items:center;border-radius:8px;background:#eaf3ff;color:#1769e0;font-weight:800}.joint-site-extra-row label{display:grid;gap:5px;color:#61758c;font-size:10px;font-weight:700}.joint-site-extra-row button{height:42px;padding:0}.joint-inline-empty{margin:0;padding:12px;border:1px dashed #c9d8e8;border-radius:9px;color:#8190a1;text-align:center;font-size:11px}
.joint-partner-actions{display:flex;align-items:center;gap:9px}.joint-partner-modes{display:flex;padding:3px;border:1px solid #cedbea;border-radius:10px;background:#f4f7fb}.joint-partner-modes button{height:34px;padding:0 14px;border:0;border-radius:7px;background:transparent;color:#667b92;font-size:11px;font-weight:800;cursor:pointer}.joint-partner-modes button.active{background:#1769e0;color:#fff;box-shadow:0 2px 8px rgba(23,105,224,.2)}.joint-attendance-upload{display:grid;grid-template-columns:1fr auto auto auto;gap:9px;align-items:center;padding:16px;border:1px dashed #bfcfe1;border-radius:12px;background:#f8fbff}.joint-attendance-upload.attached{border-style:solid;border-color:#62b998;background:#f0fbf7}.joint-attendance-upload input{display:none}.joint-attendance-upload>div{display:grid;gap:4px}.joint-attendance-upload b{color:#18395f;font-size:13px}.joint-attendance-upload small{color:#72869a;font-size:11px}
.joint-photo-slot{position:relative;display:grid;gap:5px;padding:7px;border:1px solid #d9e4ef;border-radius:8px;background:#f9fbfd}.joint-photo-slot>b{color:#315777;font-size:9px}.joint-photo-slot>input{display:none}.joint-photo-choice{display:grid;grid-template-columns:1fr 1fr;gap:4px}.joint-photo-choice button{width:100%;height:29px;padding:0;border:1px solid #c8d7e7;border-radius:6px;background:#fff;color:#667b92;font-size:9px;font-weight:800;cursor:pointer}.joint-photo-choice button.active.applicable{border-color:#0b9a6c;background:#0b9a6c;color:#fff}.joint-photo-choice button.active.not-applicable{border-color:#718096;background:#718096;color:#fff}.joint-photo-slot>small{display:block;overflow:hidden;color:#72859a;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.joint-photo-slot.attached>small{color:#07845c;font-weight:700}.joint-photo-remove{width:100%!important;height:24px!important;border:1px solid #efb2b2!important;border-radius:5px;background:#fff5f5!important;color:#bd3030!important;font-size:8px!important}
@media(max-width:1050px){.joint-partner-head{align-items:flex-start;flex-direction:column}.joint-partner-actions{width:100%;justify-content:space-between}.joint-attendance-upload{grid-template-columns:1fr auto}.joint-attendance-upload>div{grid-column:1/-1}}
@media(max-width:700px){.joint-site-extra-head,.joint-partner-actions{align-items:stretch;flex-direction:column}.joint-site-extra-row{grid-template-columns:28px 1fr 38px}.joint-partner-modes{display:grid;grid-template-columns:1fr 1fr}.joint-attendance-upload{grid-template-columns:1fr}.joint-attendance-upload>div{grid-column:auto}}
.joint-editor,.joint-section{min-width:0}.joint-check-scroll{max-width:100%}