@charset "utf-8";
/* CSS Document */
 .info-panel{
    margin:15px 0;
    background:#fff;
    border:1px solid #d6dce8;
    border-radius:6px;
    overflow:hidden;
}

.info-header{
    padding:10px 15px;
;
    border-bottom:1px solid #d6dce8;
    background:#f7f9fc;
}

.info-body{
    padding:15px;
}

.txt{
    width:100%;
    height:200px;
    padding:10px;
    border:1px solid #d6dce8;
    border-radius:4px;
    resize:vertical;
    box-sizing:border-box;
    font-family:Consolas, monospace;
    line-height:1.6;
}

.info-footer{
    padding:10px 15px;
    border-top:1px solid #d6dce8;
    background:#fafbfd;
    text-align:center;
}

.btn-copy{
    display:inline-block;
    padding:10px 20px;
    border:1px solid #d6dce8;
    background:linear-gradient(to bottom,#ffffff,#edf2fb);
    color:#333;
    font-weight:bold;
    border-radius:4px;
    cursor:pointer;
    box-shadow:0 1px 2px rgba(0,0,0,.08);
}

.btn-copy:hover{
    background:linear-gradient(to bottom,#ffffff,#e1e8f7);
}

.btn-copy:active{
    box-shadow:inset 0 1px 2px rgba(0,0,0,.15);
}


:root {
  --warning-bg: #fffaf0;     /* Soft yellow background */
  --warning-border: #fbd38d; /* Light orange border */
  --warning-accent: #dd6b20; /* Strong orange accent */
  --warning-text: #7b341e;   /* Dark brown/orange text */
}

.warning-card {
  position: relative;
  margin-top: 25px;
  padding: 20px;
  background-color: var(--warning-bg);
  border: 1.5px solid var(--warning-border);
  border-radius: 8px;
  color: var(--warning-text);
  font-family: 'Inter', system-ui, sans-serif;
}

.warning-label {
  position: absolute;
  top: -12px; 
  left: 15px;
  background-color: var(--warning-bg); 
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--warning-accent);
}

  .warning-title {
    font-weight: 700;
  }

  .warning-message {
    font-weight: 400;
    display: block;
    margin-top: 4px;
  }