@charset "utf-8";

/* ===========================
   북마크 URL 3분할 연결 박스
   - 왼쪽: 바로가기(흰색)
   - 가운데: URL(연회색)
   - 오른쪽: 복사(연파랑)
   - 3개가 한 네모박스처럼 완전히 연결(라운드 없음)
=========================== */
.bm-url-box{
    display:flex;
    align-items:stretch;
    width:100%;
    max-width:100%;
    border:1px solid #d0d0d0;
    border-radius:0 !important;
    overflow:hidden;
    background:#fff;
}
.bm-url-box .bm-go,
.bm-url-box .bm-url-text,
.bm-url-box .bm-copy{
    height:34px;
    line-height:34px;
    font-size:13px;
    border:0 !important;
    border-radius:0 !important;
    margin:0 !important;
    padding:0 12px;
    display:flex;
    align-items:center;
    white-space:nowrap;
}
.bm-url-box .bm-go{
    background:#fff !important;
    color:#111 !important;
    text-decoration:none !important;
    border-right:1px solid #d0d0d0 !important;
    font-weight:600;
}
.bm-url-box .bm-url-text{
    flex:1;
    background:#f3f4f6 !important;
    color:#6b7280 !important;
    overflow:hidden;
    text-overflow:ellipsis;
}
.bm-url-box .bm-copy{
    background:#38bdf8 !important; /* 연파랑 */
    color:#fff !important;
    cursor:pointer;
    border-left:1px solid rgba(0,0,0,.06) !important;
    font-weight:600;
}
.bm-url-box .bm-copy:active{ opacity:.9; }