/* views/tabs/tab_4_grooves/style.css */
.groove-icon {
    width: 40px; height: 15px;
    background: #eee; border: 1px solid #ccc;
    border-radius: 2px; margin-bottom: 5px;
    position: relative;
}
.shape-v { background: linear-gradient(to right, #eee 45%, #999 50%, #eee 55%); }
.shape-u { background: linear-gradient(to right, #eee 42%, #bbb 45%, #bbb 55%, #eee 58%); }
.shape-square { background: linear-gradient(to right, #eee 42%, #666 42%, #666 58%, #eee 58%); }
.shape-milgrain::after {
    content: '.......'; position: absolute; top: -8px; left: 0; width: 100%; text-align: center;
    color: #888; letter-spacing: 1px; font-weight: bold;
}
.shape-none { background: #eee; }
.btn-opt.active .groove-icon { border-color: #d35400; background-color: #fff; }