/* COLONIAL CLUB — Threads OAuth socle V1.3.0 */

.threads-safe-banner {
    display: flex;
    gap: .75rem;
    align-items: center;
    margin: 1rem 0 1.2rem;
    padding: .9rem 1rem;
    border: 1px solid #f2c57c;
    border-left: 5px solid #F7941D;
    border-radius: 14px;
    background: #fff8ee;
}

.threads-setup-card {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem;
}

.threads-state-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.threads-state-grid article {
    display: grid;
    gap: .25rem;
    padding: .85rem;
    border: 1px solid #dedede;
    border-radius: 12px;
}

.threads-state-grid span {
    color: #666;
    font-size: .82rem;
}

.threads-state-grid strong {
    font-size: 1rem;
}

.threads-callback-list {
    display: grid;
    gap: .75rem;
}

.threads-callback-list article {
    display: grid;
    gap: .4rem;
    padding: .85rem;
    border: 1px solid #dedede;
    border-radius: 12px;
    background: #fff;
}

.threads-callback-list code {
    display: block;
    overflow-wrap: anywhere;
    padding: .55rem .65rem;
    border-radius: 8px;
    background: #111;
    color: #fff;
    font-size: .82rem;
}

.threads-callback-list span {
    color: #246b31;
    font-size: .8rem;
    font-weight: 800;
}

.threads-scope-list {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.threads-scope-list span {
    padding: .45rem .65rem;
    border-radius: 999px;
    background: #111;
    color: #fff;
    font-weight: 800;
    font-size: .82rem;
}

.threads-setup-note {
    margin: 0;
    color: #666;
    line-height: 1.5;
}

.threads-callback-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.threads-next-step {
    border-top: 4px solid #F7941D;
}

@media (max-width: 900px) {
    .threads-state-grid,
    .threads-callback-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    .threads-safe-banner {
        display: grid;
    }

    .threads-state-grid,
    .threads-callback-summary {
        grid-template-columns: 1fr;
    }
}

/* COLONIAL CLUB - Threads workflow UI V1.3.7 */
.threads-controlled-warning{display:flex;align-items:center;gap:.75rem;margin:1rem 0 1.2rem;padding:.9rem 1rem;border:1px solid #f2c57c;border-left:5px solid #F7941D;border-radius:14px;background:#fff8ee}.threads-controlled-summary{display:grid;gap:1rem;margin-bottom:1rem}.threads-controlled-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.threads-controlled-step,.threads-controlled-publish{display:grid;gap:.85rem}.threads-controlled-step h2,.threads-controlled-publish h2{margin:0}.threads-controlled-confirm{display:grid;gap:.65rem}.threads-controlled-confirm label{font-weight:700}.threads-controlled-confirm input{width:100%;min-height:44px;padding:.7rem .8rem;border:1px solid #ccc;border-radius:10px;font:inherit}.threads-controlled-confirm code,.threads-controlled-state code{overflow-wrap:anywhere}.threads-controlled-state{display:grid;gap:.6rem;margin:0}.threads-controlled-state div{display:grid;grid-template-columns:minmax(120px,.35fr) 1fr;gap:.7rem;padding-bottom:.55rem;border-bottom:1px solid #ececec}.threads-controlled-state dt{font-weight:800}.threads-controlled-state dd{margin:0;overflow-wrap:anywhere}.threads-controlled-done{margin:0;padding:.75rem;border-radius:10px;background:#f4fbf5;color:#246b31;font-weight:700}.threads-controlled-success{display:grid;gap:.65rem;padding:.9rem;border-radius:12px;background:#f4fbf5;border:1px solid #b9dfbf}.threads-controlled-error{display:grid;gap:.4rem;padding:.85rem;border-radius:12px;background:#fff5f3;border:1px solid #efb5ac;color:#8d2c20}@media(max-width:760px){.threads-controlled-warning,.threads-controlled-grid{display:grid;grid-template-columns:1fr}.threads-controlled-state div{grid-template-columns:1fr;gap:.15rem}}

/* COLONIAL CLUB - Threads UI polish V1.3.7.2 */
.threads-controlled-summary .section-heading{align-items:flex-start;gap:1rem}
.threads-controlled-summary .section-heading h2{margin:.15rem 0 0;line-height:1.08}
.threads-controlled-summary .threads-state-grid{margin-top:.25rem}
.threads-controlled-summary .threads-state-grid article{min-width:0}
.threads-controlled-summary .threads-state-grid small{display:block;line-height:1.35}
.threads-controlled-grid{align-items:stretch}
.threads-controlled-step{min-width:0;padding:1.1rem}
.threads-controlled-step>p{margin:.1rem 0}
.threads-controlled-publish{padding:1.1rem;margin-top:1rem}
.threads-controlled-state dd code{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.threads-controlled-success .communication-button-primary{width:100%;text-align:center}
@media(max-width:760px){
  .threads-controlled-summary .section-heading{display:grid}
  .threads-controlled-step,.threads-controlled-publish{padding:.9rem}
}

/* COLONIAL CLUB - Threads UI polish V1.3.7.3 */
.threads-technical-details {
    margin-top: .75rem;
    padding-top: .7rem;
    border-top: 1px solid #ececec;
}

.threads-technical-details summary {
    width: max-content;
    cursor: pointer;
    font-weight: 800;
    color: #4f4f4f;
}

.threads-technical-row {
    display: grid;
    gap: .35rem;
    margin-top: .65rem;
    padding: .7rem;
    border-radius: 10px;
    background: #f7f7f7;
}

.threads-technical-row span {
    font-size: .86rem;
    font-weight: 700;
}

.threads-technical-row code {
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    font-size: .78rem;
}