/* UX-UI page: wireframe mockup illustration bars */

/* Shared: flex row wrapper */
.ux-vis-row        { display: flex; gap: 10px; margin-bottom: 10px; }

/* Light-card skeleton bars */
.ux-vis-h14-85     { width: 85%; height: 14px; margin-bottom: 10px;
                     background: rgba(0,0,0,0.15); border-radius: 2px; }
.ux-vis-h14-60     { width: 60%; height: 14px; margin-bottom: 18px;
                     background: rgba(0,0,0,0.1); border-radius: 2px; }
.ux-vis-h80        { width: 100%; height: 80px; margin-bottom: 12px;
                     background: rgba(0,0,0,0.08); border-radius: 4px; }
.ux-vis-btn-l      { flex: 1; height: 38px; background: rgba(0,0,0,0.2);
                     border-radius: 2px; margin-left: 12px; }
.ux-vis-btn-r      { flex: 1; height: 38px; background: rgba(0,0,0,0.07);
                     border-radius: 2px; margin-right: 4px; }
.ux-vis-ln-70      { width: 70%; height: 10px; background: rgba(0,0,0,0.08);
                     border-radius: 2px; margin: 6px 8px; }
.ux-vis-ln-50      { width: 50%; height: 10px; background: rgba(0,0,0,0.06);
                     border-radius: 2px; margin: 4px 8px; }

/* Teal-card skeleton bars */
.ux-vis-h14-85-t   { width: 85%; height: 14px; margin-bottom: 10px;
                     background: rgba(0,133,125,0.25); border-radius: 2px; }
.ux-vis-h14-60-t   { width: 60%; height: 14px; margin-bottom: 18px;
                     background: rgba(0,133,125,0.15); border-radius: 2px; }
.ux-vis-h80-t      { width: 100%; height: 80px; margin-bottom: 12px;
                     background: rgba(0,133,125,0.1); border-radius: 4px; }
.ux-vis-btn-l-t    { flex: 1; height: 38px; background: rgba(0,133,125,0.3);
                     border-radius: 4px; }
.ux-vis-btn-r-t    { flex: 1; height: 38px; background: rgba(0,133,125,0.1);
                     border-radius: 4px; }
.ux-vis-ln-70-t    { width: 70%; height: 10px; background: rgba(0,133,125,0.15);
                     border-radius: 2px; margin: 6px 0; }
.ux-vis-ln-50-t    { width: 50%; height: 10px; background: rgba(0,133,125,0.1);
                     border-radius: 2px; margin: 4px 0; }