.office-mark{display:grid;grid-template-columns:repeat(2,14px);grid-template-rows:repeat(2,14px);gap:3px;flex:none}.office-mark i{background:#244c40}.office-mark i:nth-child(2){background:#7f9471}.office-mark i:nth-child(3){background:#9bad9a}.office-mark i:nth-child(4){background:#c4b88f}
.office-scope-picker{border:0;margin:0;padding:12px 0;display:flex;flex-wrap:wrap;gap:4px 22px}.office-scope-picker .checkbox{min-height:44px}.office-scope-picker legend{font-size:13px;font-weight:600}.office-confirm{padding:20px;margin-top:18px;border:1px solid #cbdccd;background:#f4f8f2;border-radius:10px}.office-confirm h3{margin:0 0 8px;font-size:17px}.office-confirm p{font-size:14px;line-height:1.6;margin:6px 0}.office-confirm .action-row{margin:18px 0 0}.office-error{border-color:#bf8c76;color:#833919}
.office-copy{display:flex;align-items:stretch;gap:8px}.office-copy input{min-width:0;flex:1;width:100%;background:#f7f9f4;font-size:12px;text-overflow:ellipsis}.office-secret-state{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding:16px 0;font-size:14px}.office-secret-state small{display:block;color:#718175;font-size:12px;margin-top:5px;overflow-wrap:anywhere}.office-key{padding:14px;background:#f4f5ed;border-radius:8px;margin:16px 0}.office-key small{display:block;margin-top:10px;line-height:1.5}.office-team{margin-top:18px}.office-team summary{cursor:pointer;font-size:14px;font-weight:600;min-height:30px}.office-team summary span{font-weight:400;margin-left:8px;color:#718175}.office-team>div{display:flex;justify-content:space-between;gap:16px;font-size:13px;padding:14px 0;border-bottom:1px solid var(--border)}
.setup-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.setup-intro h2{font-size:19px;margin:0 0 6px}.setup-intro p{font-size:13px;line-height:1.5;margin:0;color:#6a7b70}.setup-steps{display:flex;gap:8px;margin:24px 0;border-bottom:1px solid var(--border);padding-bottom:18px}.setup-steps button{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;background:#f7f8f4;border:1px solid transparent;border-radius:8px;padding:10px;min-height:44px}.setup-steps button span{display:inline-grid;place-items:center;width:24px;height:24px;background:#e8ede4;border-radius:50%;font-size:12px}.setup-steps [aria-current=step]{border-color:#69836c;background:#eef4ec;font-weight:600}.setup-steps [aria-current=step] span{background:#264b3d;color:#fff}.setup-step h3{font-size:17px;margin:0 0 10px}.setup-step>p,.integration-panel>p{font-size:14px;line-height:1.7;color:#64766a;margin:8px 0 18px}.setup-callback{margin-top:22px}.setup-reference{border-top:1px solid var(--border);padding:12px 0;margin:14px 0}.setup-reference summary{font-size:13px;cursor:pointer;padding:8px 0}.setup-reference p{font-size:13px;line-height:1.65;margin:10px 0;color:#607166}.setup-reference code{overflow-wrap:anywhere}.setup-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;border-top:1px solid var(--border);padding-top:20px;margin-top:22px}.setup-readiness{font-size:13px;background:#f5f7f0;padding:12px 16px;border-radius:8px;margin:12px 0}.setup-readiness p{margin:6px 0}.setup-success{border-top:1px solid var(--border);padding-top:20px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}
@media(max-width:600px){.office-copy{flex-wrap:wrap}.office-copy input{flex-basis:100%}.office-secret-state{align-items:flex-start;flex-direction:column;gap:8px}.setup-steps{gap:5px}.setup-steps button{flex-direction:column;gap:5px;font-size:12px;padding:8px 4px}.setup-intro{flex-direction:column;gap:10px}.setup-success{align-items:flex-start;flex-direction:column}}