.one-liners-container {
width: 100%;
margin: 0;
padding: 0;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
box-sizing: border-box;
} .one-liner-card {
background: #f0fdf4;
padding: 15px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 4px solid #006a4e; border-radius: 8px;
margin: 18px 0;
box-sizing: border-box;
}
.one-liner-text {
font-size: 16px;
color: #111;
margin-bottom: 8px;
line-height: 1.5;
} .one-liner-meta {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 12px;
}
.one-liner-user {
font-size: 13px;
color: #374151;
} .one-liner-actions {
display: flex;
align-items: center;
gap: 10px;
}
.one-liner-actions .vote-btn,
.one-liner-actions .report-btn {
border: none;
background: transparent;
cursor: pointer;
display: inline-block;
line-height: 1;
opacity: 1;
padding: 6px 8px;
border-radius: 6px;
transition: background .12s ease, transform .08s ease;
font-size: 18px; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.one-liner-actions .vote-btn   { color: #006a4e; } .one-liner-actions .report-btn { color: #D72638; } .one-liner-actions .vote-btn:hover   { background: rgba(0,106,78,0.06); }
.one-liner-actions .report-btn:hover { background: rgba(215,38,56,0.06); }
.vote-count {
font-weight: 700;
color: #111;
min-width: 26px;
display:inline-block;
text-align:center;
} .vote-btn.voted { background: rgba(0,106,78,0.08); }
.one-liner-card.reported { border-left: 6px solid #D72638; background: #fff6f6; }
.icp-reported-badge { color: #D72638; font-weight: 700; margin-left: 8px; } .icp-empty { padding:12px; background:#fff; border-left:4px solid #006a4e; border-radius:8px; color:#374151; } .icp-submit textarea#icp-submit-text {
width: 100%;
min-height: 72px;
padding: 10px;
border-radius: 6px;
border: 1px solid #e5e7eb;
box-sizing: border-box;
resize: vertical;
}
#icp-submit-btn {
margin-top:8px;
background:#006a4e;
color:#fff;
border:none;
padding:10px 14px;
border-radius:6px;
cursor:pointer;
} #one-liner-editor { margin-top:8px; }
#new-one-liners { width:100%; min-height:100px; padding:10px; border-radius:6px; border:1px solid #e5e7eb; box-sizing:border-box; resize: vertical; }
#add-one-liner { margin-top:8px; }
#one-liners-list { margin-top:12px; }
.one-liner-item {
background:#fff;
border:1px solid #e6e6e6;
padding:12px;
border-left:6px solid #006a4e;
border-radius:6px;
display:flex;
gap:12px;
align-items:center;
margin-bottom:12px;
box-sizing:border-box;
}
.one-liner-item input[type="text"] {
width:70%;
padding:8px 10px;
border-radius:6px;
border:1px solid #d1d5db;
box-sizing:border-box;
}
.one-liner-item .edit-one-liner,
.one-liner-item .detach-one-liner,
.one-liner-item .delete-one-liner {
margin-left:6px;
background:#fff;
border:1px solid #e6e6e6;
padding:6px 10px;
border-radius:6px;
cursor:pointer;
}
.one-liner-item .delete-one-liner { color:#b91c1c; border-color:#f5c2c2; } .icp-wrap .icp-hero {
background: linear-gradient(135deg, #ecfdf5, #f0fdf4);
border:1px solid #e5e7eb;
border-left:4px solid #006a4e;
padding:16px;
border-radius:10px;
margin-bottom:16px;
}
.icp-grid {
display:grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap:12px;
}
.icp-card {
background:#fff;
border:1px solid #e5e7eb;
border-left:4px solid #006a4e;
border-radius:10px;
padding:14px;
}
.icp-card h3 { margin:0 0 6px 0; font-size:14px; color:#374151; }
.icp-card-num { font-size:28px; font-weight:700; color:#111; }
.icp-links .button { margin-right:8px; margin-top:8px; }
.icp-badge { display:inline-block; padding:2px 6px; border-radius:6px; font-size:12px; }
.icp-badge-red { background:#fee2e2; color:#b91c1c; border:1px solid #fecaca; } .icp-list { margin-top:8px; }
.icp-list li { margin:6px 0; } @media (max-width:640px) {
.one-liner-meta { flex-direction: column; align-items:flex-start; gap:8px; }
.one-liner-actions { gap:8px; }
.one-liner-item input[type="text"] { width:100%; }
}  .one-liner-actions { display: flex; }
.one-liner-actions > * { margin-right: 10px; }
.one-liner-actions > *:last-child { margin-right: 0; } .one-liner-actions i.fa-solid { display: inline-block; } .one-liner-actions i.vote-btn   { color: #006a4e !important; }
.one-liner-actions i.report-btn { color: #D72638 !important; } .one-liner-actions i.fa-solid,
.one-liner-actions .vote-btn,
.one-liner-actions .report-btn {
line-height: 1;
opacity: 1;
}