.scs-box{border:1px solid #ddd;padding:18px;margin:18px 0;border-radius:8px;background:#fff}.scs-card{border:1px solid #e5e5e5;padding:14px;margin:12px 0;border-radius:8px}.scs-button{display:inline-block;padding:8px 12px;background:#2271b1;color:#fff;text-decoration:none;border-radius:4px;border:0}.scs-button:hover{color:#fff}.scs-preview-label{display:inline-block;background:#fff3cd;border:1px solid #ffec99;padding:6px 10px;border-radius:4px}.scs-terms{background:#f7f7f7;padding:10px;margin:8px 0;max-height:160px;overflow:auto}.scs-report{margin-top:24px;border-top:1px solid #ddd;padding-top:12px}.scs-report textarea{width:100%;min-height:80px}
.scs-notice{padding:10px;border:1px solid #ddd;background:#fafafa;margin:10px 0;}
.scs-button-secondary{background:#666;text-decoration:none;}
.scs-invite-confirm,.scs-existing-login,.scs-new-register{margin-top:16px;}
.scs-danger{background:#b32d2e;margin-top:8px;}
.scs-danger:hover{background:#8a2424;color:#fff;}


/* Mobile friendly layout */
.scs-limit-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.scs-limit-summary>div{background:#f6f7f7;border:1px solid #e5e5e5;border-radius:10px;padding:12px;text-align:center}
.scs-limit-summary span{display:block;font-size:12px;color:#666;margin-bottom:4px}
.scs-limit-summary strong{font-size:18px;color:#1d2327}
.scs-card h3{margin-top:0}.scs-card input[type="text"],.scs-card input[type="url"],.scs-card textarea,.scs-box input[type="text"],.scs-box input[type="email"],.scs-box input[type="password"],.scs-box input[type="datetime-local"],.scs-box textarea,.scs-box select{max-width:100%;box-sizing:border-box}
.scs-copy-box{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.scs-copy-box input{flex:1;min-width:220px}.scs-copy-box button{white-space:nowrap}
@media (max-width: 600px){
  .scs-box{padding:14px;margin:12px 0;border-radius:12px}
  .scs-card{padding:14px;border-radius:12px;box-shadow:0 1px 6px rgba(0,0,0,.06)}
  .scs-limit-summary{grid-template-columns:1fr;gap:8px}
  .scs-button,.scs-card .button, .scs-box button{width:100%;box-sizing:border-box;text-align:center;margin-top:6px}
  .scs-copy-box{display:block}.scs-copy-box input{width:100%;min-width:0;margin-bottom:8px}.scs-copy-box button{width:100%}
  .scs-countdown{font-size:18px;display:inline-block;margin-top:4px}
}

.scs-create-form input,
.scs-create-form textarea,
.scs-create-form select {
  width: 100%;
  max-width: 680px;
  box-sizing: border-box;
}
.scs-create-form small,
.scs-limit-note small {
  display: block;
  margin-top: 4px;
  color: #666;
}
.scs-pre-open-message {
  padding: 12px 14px;
  border: 1px solid #dcdcde;
  border-radius: 10px;
  background: #fff8e5;
  margin: 12px 0;
}
@media (max-width: 782px) {
  .scs-create-form p { margin-bottom: 16px; }
  .scs-create-form input,
  .scs-create-form textarea,
  .scs-create-form select,
  .scs-button {
    width: 100%;
    min-height: 44px;
  }
}

.scs-status-pill{display:inline-block;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;line-height:1.6;background:#f6f7f7;border:1px solid #dcdcde;color:#50575e;white-space:nowrap}
.scs-status-openable{background:#edfaef;border-color:#8ed69b;color:#006b1f}
.scs-status-waiting{background:#fff8e5;border-color:#f0c36d;color:#5c3b00}

/* Keep primary/open and delete actions the same visual size */
.scs-action-button{min-width:150px;text-align:center;box-sizing:border-box;}
@media (max-width:782px){.scs-action-button{width:100%;min-width:0;}}